diff --git a/src/app/-/desktop-page.tsx b/src/app/-/desktop-page.tsx
index 932d75b..c76b945 100644
--- a/src/app/-/desktop-page.tsx
+++ b/src/app/-/desktop-page.tsx
@@ -79,25 +79,40 @@ const data: Item[] = [
 ];
 
 export default function DesktopPage() {
+  const openInNewTab = (url) => {
+    const newWindow = window.open(url, "_blank", "noopener,noreferrer");
+    if (newWindow) newWindow.opener = null;
+  };
+
   return (
     <div className="p-8 hidden sm:flex flex-col gap-14 overflow-x-hidden w-full">
-      <header className="flex flex-col gap-1">
-        <TextAnimate
-          as="h1"
-          className="text-[#9C6644] text-5xl"
-          animation="slideLeft"
-          by="character"
-        >
-          Latté
-        </TextAnimate>
-        <TextAnimate
-          as="h2"
-          className="text-primary text-4xl"
-          animation="slideLeft"
-          by="character"
-        >
-          DevOps & Automation
-        </TextAnimate>
+      <header className="flex flex-row justify-between items-start">
+        <div className="flex flex-col">
+          <TextAnimate
+            as="h1"
+            className="text-[#9C6644] text-5xl"
+            animation="slideLeft"
+            by="word"
+          >
+            Latté
+          </TextAnimate>
+          <TextAnimate
+            as="h2"
+            className="text-primary text-4xl"
+            animation="slideLeft"
+            by="word"
+          >
+            DevOps & Automation
+          </TextAnimate>
+        </div>
+        <Image
+          src="/images/github.svg"
+          alt="Menu"
+          width={40}
+          height={40}
+          onClick={() => openInNewTab("https://github.com/Latte-Corporation")}
+          className="hover:cursor-pointer"
+        />
       </header>
       <main className="w-full flex flex-col gap-10">
         <section className="flex flex-col w-full gap-10 xl:flex-row xl:gap-0">
@@ -111,7 +126,7 @@ export default function DesktopPage() {
                   animation="fadeIn"
                   by="line"
                   as="p"
-                  className="text-secondary mb-6"
+                  className="text-secondary"
                 >
                   {`We are 2 DevOps Engineer`}
                 </TextAnimate>
diff --git a/src/app/-/mobile-page.tsx b/src/app/-/mobile-page.tsx
index 410b058..4640c7c 100644
--- a/src/app/-/mobile-page.tsx
+++ b/src/app/-/mobile-page.tsx
@@ -18,6 +18,11 @@ export default function MobilePage() {
     },
   });
 
+  const openInNewTab = (url) => {
+    const newWindow = window.open(url, "_blank", "noopener,noreferrer");
+    if (newWindow) newWindow.opener = null;
+  };
+
   return (
     <div className="sm:hidden h-full w-full">
       <header className="flex items-center justify-between w-full p-8">
@@ -27,7 +32,13 @@ export default function MobilePage() {
           width={40}
           height={40}
         />
-        <Image src="/images/github.svg" alt="Menu" width={40} height={40} />
+        <Image
+          src="/images/github.svg"
+          alt="Menu"
+          width={40}
+          height={40}
+          onClick={() => openInNewTab("https://github.com/Latte-Corporation")}
+        />
       </header>
       <div className="flex flex-col justify-start w-full px-8 gap-5 py-4">
         <TextAnimate
@@ -49,7 +60,7 @@ export default function MobilePage() {
           DevOps & Automation
         </TextAnimate>
       </div>
-      <Waves colorTop="" colorBottom="#7f5539" height="20%" />
+      <Waves colorTop="#e6ccb2" colorBottom="#7f5539" height="20%" />
       <div className="bg-primary flex flex-col gap-5 w-full h-fit">
         <div className="flex flex-col gap-4 px-8 flex-wrap items-start">
           <BoxReveal boxColor={"hsl(30 51% 80%)"}>