From a7ec6229251a82bf5c45b3579d2b5bf6eb75158a Mon Sep 17 00:00:00 2001
From: maulanasdqn <maulanasdqn@gmail.com>
Date: Sat, 11 Apr 2026 10:00:55 +0700
Subject: [PATCH] fix: center navbar links in landing page header

---
 apps/landing/src/components/Header.astro | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/apps/landing/src/components/Header.astro b/apps/landing/src/components/Header.astro
index 6e86515..b5c047d 100644
--- a/apps/landing/src/components/Header.astro
+++ b/apps/landing/src/components/Header.astro
@@ -6,12 +6,12 @@ const currentPath = Astro.url.pathname;
 ---
 
 <header class="sticky top-0 w-full z-50 bg-background/70 backdrop-blur-sm">
-  <div class="container flex h-20 items-center justify-between">
-    <a href="/" class="relative overflow-hidden rounded z-50" aria-label="Home">
+  <div class="container flex h-20 items-center">
+    <a href="/" class="relative overflow-hidden rounded z-50 shrink-0" aria-label="Home">
       <img src="/logo.webp" alt="IMPHNEN" class="w-24 md:w-28 h-auto" />
     </a>
 
-    <nav class="hidden md:flex items-center gap-8">
+    <nav class="hidden md:flex items-center gap-8 flex-1 justify-center">
       {navigations.map(({ link, title }: { link: string; title: string }) => (
         <a
           href={link}
@@ -28,7 +28,10 @@ const currentPath = Astro.url.pathname;
       ))}
     </nav>
 
-    <div class="md:hidden">
+    <!-- Spacer to balance the logo on the left -->
+    <div class="hidden md:block w-24 md:w-28 shrink-0"></div>
+
+    <div class="md:hidden ml-auto">
       <MobileMenu client:idle navigations={navigations} currentPath={currentPath} />
     </div>
   </div>