From 039901e8398de22e4db83d1748e4e67e682e31fd Mon Sep 17 00:00:00 2001
From: VuHoangThien <thienvh1103@gmail.com>
Date: Wed, 13 May 2026 16:16:10 +0700
Subject: [PATCH] feat: resize header and footer to reduce height

---
 app/(site)/page.tsx                           | 2 +-
 app/components/layout/Footer/Footer.tsx       | 8 ++++----
 app/components/layout/Header/HeaderClient.tsx | 8 ++++----
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/app/(site)/page.tsx b/app/(site)/page.tsx
index 1b942a2..25a16d6 100644
--- a/app/(site)/page.tsx
+++ b/app/(site)/page.tsx
@@ -6,7 +6,7 @@ import AgendaSection from "@/app/components/home/AgendaSection";
 
 export default function HomePage() {
   return (
-    <main className="pt-24 lg:pt-32">
+    <main className="pt-16 lg:pt-20">
       <HeroSection data={home.hero} />
       <VisionSection data={home.vision} />
       <StatsSection data={home.stats} />
diff --git a/app/components/layout/Footer/Footer.tsx b/app/components/layout/Footer/Footer.tsx
index 7ea7461..32e706a 100644
--- a/app/components/layout/Footer/Footer.tsx
+++ b/app/components/layout/Footer/Footer.tsx
@@ -3,9 +3,9 @@ import siteData from "@/app/data/site.json";
 
 export default function Footer() {
   return (
-    <footer className="w-full bg-surface-container-low border-t border-white/5 py-12 lg:py-20">
-      <div className="flex flex-col xl:flex-row justify-between items-center px-[var(--spacing-gutter)] gap-12 w-full max-w-hd mx-auto">
-        <div className="font-[var(--font-label-caps)] text-xl lg:text-[24px] text-primary tracking-[0.4em] font-bold uppercase">
+    <footer className="w-full bg-surface-container-low border-t border-white/5 py-6 lg:py-10">
+      <div className="flex flex-col xl:flex-row justify-between items-center px-[var(--spacing-gutter)] gap-6 lg:gap-8 w-full max-w-hd mx-auto">
+        <div className="font-[var(--font-label-caps)] text-base lg:text-[18px] text-primary tracking-[0.4em] font-bold uppercase">
           {siteData.brand.name}
         </div>
         <div className="flex flex-wrap justify-center gap-8 lg:gap-16">
@@ -19,7 +19,7 @@ export default function Footer() {
             </Link>
           ))}
         </div>
-        <div className="text-[14px] lg:text-[16px] text-on-surface-variant/40 text-center xl:text-right max-w-sm leading-relaxed uppercase tracking-widest">
+        <div className="text-[13px] lg:text-[14px] text-on-surface-variant/40 text-center xl:text-right max-w-sm leading-relaxed uppercase tracking-widest">
           {siteData.footer.copyright}
         </div>
       </div>
diff --git a/app/components/layout/Header/HeaderClient.tsx b/app/components/layout/Header/HeaderClient.tsx
index 0976b13..c9e4679 100644
--- a/app/components/layout/Header/HeaderClient.tsx
+++ b/app/components/layout/Header/HeaderClient.tsx
@@ -29,10 +29,10 @@ export default function HeaderClient({
 
   return (
     <header className="fixed top-0 w-full z-50 bg-surface/80 backdrop-blur-xl border-b border-white/5">
-      <div className="flex justify-between items-center px-[var(--spacing-gutter)] py-4 lg:py-8 w-full max-w-hd mx-auto">
+      <div className="flex justify-between items-center px-[var(--spacing-gutter)] py-2 lg:py-3 w-full max-w-hd mx-auto">
         <Link
           href="/"
-          className="font-[var(--font-display-lg)] text-[20px] sm:text-[22px] lg:text-[36px] text-primary tracking-tighter uppercase font-bold"
+          className="font-[var(--font-display-lg)] text-[18px] sm:text-[20px] lg:text-[24px] text-primary tracking-tighter uppercase font-bold"
         >
           {brand.name}
         </Link>
@@ -68,7 +68,7 @@ export default function HeaderClient({
           </span>
           <Link
             href="/registration"
-            className="hidden sm:inline-flex gold-gradient-bg text-on-primary px-6 lg:px-10 py-3 lg:py-4 font-[var(--font-body-base)] text-sm lg:text-[18px] font-bold uppercase tracking-wider rounded-lg active:scale-95 transition-transform shadow-lg shadow-primary/10"
+            className="hidden sm:inline-flex gold-gradient-bg text-on-primary px-5 lg:px-7 py-2 lg:py-2.5 font-[var(--font-body-base)] text-sm font-bold uppercase tracking-wider rounded-lg active:scale-95 transition-transform shadow-lg shadow-primary/10"
           >
             Register
           </Link>
@@ -85,7 +85,7 @@ export default function HeaderClient({
       </div>
 
       <div
-        className={`fixed inset-0 top-[72px] lg:top-[104px] bg-surface z-40 flex-col p-[var(--spacing-gutter)] gap-8 xl:hidden border-t border-white/5 ${
+        className={`fixed inset-0 top-[52px] lg:top-[60px] bg-surface z-40 flex-col p-[var(--spacing-gutter)] gap-8 xl:hidden border-t border-white/5 ${
           mobileOpen ? "flex" : "hidden"
         }`}
       >