From 5ce43d0ee3a8c25dd852bf76e0bf5e5ba9abbc9f Mon Sep 17 00:00:00 2001
From: isaconantonis <sam.antonis@isacon.be>
Date: Fri, 25 Aug 2023 16:47:43 +0200
Subject: [PATCH] header fix

---
 app/page.tsx                 |  4 +-
 components/Navbar/Navbar.tsx | 91 ++++++++++++++++++------------------
 2 files changed, 47 insertions(+), 48 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index fa79a05..8c229b6 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -9,7 +9,7 @@ export default async function Web() {
             <div className="mx-auto max-w-7xl lg:grid lg:grid-cols-12 lg:gap-x-8 lg:px-8">
               <div className="px-6 pb-24 pt-10 sm:pb-32 lg:col-span-7 lg:px-0 lg:pb-56 lg:pt-48 xl:col-span-6">
                 <div className="mx-auto max-w-2xl lg:mx-0">
-                  <h1 className="mt-24 text-4xl font-bold tracking-tight text-primary-800 sm:mt-10 sm:text-6xl">
+                  <h1 className="mt-4 lg:mt-24 text-4xl font-bold tracking-tight text-primary-800 sm:mt-10 sm:text-6xl">
                     Your personal <span className="block xl:inline">web development team</span>
                   </h1>
                   <p className="mt-6 text-lg leading-8 text-primary-800">
@@ -17,7 +17,7 @@ export default async function Web() {
                     applications, websites and mobile apps for startups and established businesses.
                   </p>
                   <div className="mt-10 flex items-center gap-x-6">
-                    <Link href="/about" className="text-sm font-semibold leading-6 text-primary-800">
+                    <Link href="/team" className="text-sm font-semibold leading-6 text-primary-800">
                       Learn more <span aria-hidden="true">→</span>
                     </Link>
                   </div>
diff --git a/components/Navbar/Navbar.tsx b/components/Navbar/Navbar.tsx
index 43c8f53..3dc7a81 100644
--- a/components/Navbar/Navbar.tsx
+++ b/components/Navbar/Navbar.tsx
@@ -42,51 +42,50 @@ export default function Nav() {
   ]
 
   return (
-    <Navbar
-      className="bg-primary-800 text-primary-50"
-      isMenuOpen={isMenuOpen || false}
-      onMenuOpenChange={setIsMenuOpen}
-    >
-      <NavbarMenuToggle className="flex gap-4 md:hidden" />
-      <NavbarMenu>
-        {menuItems.map((item) => (
-          <NavbarMenuItem key={item.href}>
-            <Link
-              href={item.href}
-              aria-current={item.current ? "page" : undefined}
-              onClick={() => setIsMenuOpen(false)}
-            >
-              {item.label}
-            </Link>
-          </NavbarMenuItem>
-        ))}
-      </NavbarMenu>
-      <NavbarBrand>
-        <Image src="/Isacon logo RGB_1.png" alt="Isacon" width={40} height={40} />
-      </NavbarBrand>
-      <NavbarContent className="hidden gap-4 md:flex" justify="center">
-        {menuItems.map((item) => (
-          <NavbarItem key={item.href} isActive={item.current}>
-            <Link
-              className={item.current ? "border-b-2 border-b-primary-50" : ""}
-              href={item.href}
-              aria-current={item.current ? "page" : undefined}
-            >
-              {item.label}
-            </Link>
-          </NavbarItem>
-        ))}
-      </NavbarContent>
-      <NavbarContent justify="end">
-        <NavbarItem className="hidden lg:flex">
-          <Link href="#">Login</Link>
-        </NavbarItem>
-        <NavbarItem>
-          <Button color="primary" href="#" variant="flat">
-            Sign Up
-          </Button>
-        </NavbarItem>
-      </NavbarContent>
-    </Navbar>
+    <>
+      <Navbar
+        className={`relative ${
+          isMenuOpen ? "" : "rounded-b-full"
+        } bg-primary-800 text-primary-50 shadow-sm shadow-primary-600 sm:rounded-b-none`}
+        isMenuOpen={isMenuOpen || false}
+        onMenuOpenChange={setIsMenuOpen}
+      >
+        <NavbarMenuToggle className="absolute left-8 flex md:hidden" />
+        <NavbarMenu>
+          {menuItems.map((item) => (
+            <NavbarMenuItem key={item.href}>
+              <Link
+                href={item.href}
+                aria-current={item.current ? "page" : undefined}
+                onClick={() => setIsMenuOpen(false)}
+              >
+                {item.label}
+              </Link>
+            </NavbarMenuItem>
+          ))}
+        </NavbarMenu>
+        <NavbarBrand className="hidden md:flex">
+          <Image src="/Isacon logo RGB_1.png" alt="Isacon" width={50} height={50} />
+        </NavbarBrand>
+        <NavbarContent className="w-full md:hidden" justify="center">
+          <NavbarBrand className="justify-center md:hidden">
+            <Image src="/Isacon logo RGB_1.png" alt="Isacon" width={50} height={50} />
+          </NavbarBrand>
+        </NavbarContent>
+        <NavbarContent className="hidden gap-16 md:flex" justify="center">
+          {menuItems.map((item) => (
+            <NavbarItem key={item.href} isActive={item.current}>
+              <Link
+                className={item.current ? "border-b-2 border-b-primary-50" : ""}
+                href={item.href}
+                aria-current={item.current ? "page" : undefined}
+              >
+                {item.label}
+              </Link>
+            </NavbarItem>
+          ))}
+        </NavbarContent>
+      </Navbar>
+    </>
   )
 }