From 0a882a87bc2bd874156b238817392d4e4d59617c Mon Sep 17 00:00:00 2001
From: Naveen Challa <challanaveen03@gmail.com>
Date: Tue, 6 Jan 2026 12:09:12 -0800
Subject: [PATCH 1/2] fixed header positioning on mobile and desktop

---
 src/app/become-sponsor/page.tsx | 12 ++++++++----
 src/app/contact/page.tsx        |  8 ++++++--
 src/app/photos/page.tsx         | 10 +++++++---
 src/app/sponsors/page.tsx       |  8 ++++++--
 src/app/team/page.tsx           | 11 +++++++----
 5 files changed, 34 insertions(+), 15 deletions(-)

diff --git a/src/app/become-sponsor/page.tsx b/src/app/become-sponsor/page.tsx
index cc80980..b280525 100644
--- a/src/app/become-sponsor/page.tsx
+++ b/src/app/become-sponsor/page.tsx
@@ -16,12 +16,16 @@ export default function BecomeSponsorPage() {
       <div className="container mx-auto p-0 sm:px-6 lg:px-8">
         <Navbar />
         
+        {/* Header centered between navbar and content */}
+        <div className="flex items-center justify-center min-h-[30vh]">
+          <h1 className="text-4xl sm:text-6xl font-bold text-center px-4">
+            <ShimmerTitle>Become a Sponsor</ShimmerTitle>
+          </h1>
+        </div>
+        
         <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
           {/* Hero Section */}
-          <div className="text-center py-16">
-            <h1 className="text-4xl sm:text-6xl font-bold mb-6">
-              <ShimmerTitle>Become a Sponsor</ShimmerTitle>
-            </h1>
+          <div className="text-center py-8">
             <p className="text-xl max-w-3xl mx-auto leading-relaxed " style={{ color: colors.gray[300] }}>
               Formula Slug is dedicated to empowering the next 
 generation of engineers by providing hands-on 
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index fd0d491..5e25d71 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -21,10 +21,14 @@ export default function ContactPage() {
     <main className="min-h-screen text-white" style={{ backgroundColor: colors.background.primary }}>
       <div className="container mx-auto p-0 sm:px-6 lg:px-8">
         <Navbar />
-        <div className="max-w-4xl mx-auto">
-          <h1 className="text-4xl sm:text-6xl font-bold text-center mb-8 px-4 pt-8">
+        
+        <div className="flex items-center justify-center min-h-[30vh]">
+          <h1 className="text-4xl sm:text-6xl font-bold text-center px-4">
             <ShimmerTitle>Contact Us</ShimmerTitle>
           </h1>
+        </div>
+        
+        <div className="max-w-4xl mx-auto">
           
           <div className="grid md:grid-cols-2 gap-12">
             {/* Contact Information */}
diff --git a/src/app/photos/page.tsx b/src/app/photos/page.tsx
index b35f79d..655d4ac 100644
--- a/src/app/photos/page.tsx
+++ b/src/app/photos/page.tsx
@@ -58,9 +58,13 @@ export default async function PhotosPage() {
     <AutoScrollOnIdle>
       <main className="min-h-screen relative" style={{ backgroundColor: colors.background.primary }}>
         <Navbar textColor={colors.textColor} />
-        <h1 className="text-4xl sm:text-6xl font-bold text-center mb-8 px-4 pt-8">
-          <ShimmerTitle>Photo Gallery</ShimmerTitle>
-        </h1>
+        
+        {/* Header centered between navbar and content */}
+        <div className="flex items-center justify-center min-h-[30vh]">
+          <h1 className="text-4xl sm:text-6xl font-bold text-center px-4">
+            <ShimmerTitle>Photo Gallery</ShimmerTitle>
+          </h1>
+        </div>
 
         <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-0">
           {photoData.map((photo, idx) => (
diff --git a/src/app/sponsors/page.tsx b/src/app/sponsors/page.tsx
index 52f1616..2afef5a 100644
--- a/src/app/sponsors/page.tsx
+++ b/src/app/sponsors/page.tsx
@@ -154,10 +154,14 @@ export default function SponsorsPage() {
       <div className="container mx-auto p-0 sm:px-6 lg:px-8">
         <Navbar />
         
-        <div className="max-w-6xl mx-auto">
-          <h1 className="text-4xl sm:text-6xl font-bold text-center mb-8 px-4 pt-16">
+        {/* Header centered between navbar and content */}
+        <div className="flex items-center justify-center min-h-[30vh]">
+          <h1 className="text-4xl sm:text-6xl font-bold text-center px-4">
             <ShimmerTitle>Our Sponsors</ShimmerTitle>
           </h1>
+        </div>
+        
+        <div className="max-w-6xl mx-auto">
           
           <div className="text-center mb-8">
             <p className="text-xl mb-4" style={{ color: colors.textColor }}>
diff --git a/src/app/team/page.tsx b/src/app/team/page.tsx
index b80d43e..fbc3d39 100644
--- a/src/app/team/page.tsx
+++ b/src/app/team/page.tsx
@@ -45,17 +45,20 @@ export default function TeamPage() {
       <div style={{ margin: 0, padding: 0, width: '100%' }}>
         <Navbar />
         
-        <div>
-          <h1 className="text-4xl sm:text-6xl font-bold text-center mb-4 px-4 pt-16">
+        {/* Meet the Team - centered between navbar and captains */}
+        <div className="flex items-center justify-center min-h-[30vh]">
+          <h1 className="text-4xl sm:text-6xl font-bold text-center px-4">
             <ShimmerTitle>Meet the Team</ShimmerTitle>
           </h1>
+        </div>
           
+        <div>
             <div className="flex flex-col">
 
             {/* Captains Section */}
-            <div className="flex flex-col items-center justify-center w-full py-6">
+            <div className="flex flex-col items-center justify-center w-full py-0">
               <h2
-                className="text-5xl font-semibold mb-8 text-center"
+                className="text-5xl font-semibold mb-6 text-center"
                 style={{
                   color: "white",
                   textShadow: `1px 1px 0px ${colors.electricBlue}`,

From 1875230ad97cdfd4b0c925bddabf68f2b6890d68 Mon Sep 17 00:00:00 2001
From: Naveen Challa <challanaveen03@gmail.com>
Date: Tue, 6 Jan 2026 12:15:10 -0800
Subject: [PATCH 2/2] reduced gap between headers and content

---
 src/app/become-sponsor/page.tsx | 2 +-
 src/app/contact/page.tsx        | 2 +-
 src/app/photos/page.tsx         | 2 +-
 src/app/sponsors/page.tsx       | 2 +-
 src/app/team/page.tsx           | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/become-sponsor/page.tsx b/src/app/become-sponsor/page.tsx
index b280525..718219e 100644
--- a/src/app/become-sponsor/page.tsx
+++ b/src/app/become-sponsor/page.tsx
@@ -17,7 +17,7 @@ export default function BecomeSponsorPage() {
         <Navbar />
         
         {/* Header centered between navbar and content */}
-        <div className="flex items-center justify-center min-h-[30vh]">
+        <div className="pt-[12vh] pb-4">
           <h1 className="text-4xl sm:text-6xl font-bold text-center px-4">
             <ShimmerTitle>Become a Sponsor</ShimmerTitle>
           </h1>
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 5e25d71..4e28bcf 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -22,7 +22,7 @@ export default function ContactPage() {
       <div className="container mx-auto p-0 sm:px-6 lg:px-8">
         <Navbar />
         
-        <div className="flex items-center justify-center min-h-[30vh]">
+        <div className="pt-[12vh] pb-4">
           <h1 className="text-4xl sm:text-6xl font-bold text-center px-4">
             <ShimmerTitle>Contact Us</ShimmerTitle>
           </h1>
diff --git a/src/app/photos/page.tsx b/src/app/photos/page.tsx
index 655d4ac..b7c14ad 100644
--- a/src/app/photos/page.tsx
+++ b/src/app/photos/page.tsx
@@ -60,7 +60,7 @@ export default async function PhotosPage() {
         <Navbar textColor={colors.textColor} />
         
         {/* Header centered between navbar and content */}
-        <div className="flex items-center justify-center min-h-[30vh]">
+        <div className="pt-[12vh] pb-4">
           <h1 className="text-4xl sm:text-6xl font-bold text-center px-4">
             <ShimmerTitle>Photo Gallery</ShimmerTitle>
           </h1>
diff --git a/src/app/sponsors/page.tsx b/src/app/sponsors/page.tsx
index 2afef5a..896df44 100644
--- a/src/app/sponsors/page.tsx
+++ b/src/app/sponsors/page.tsx
@@ -155,7 +155,7 @@ export default function SponsorsPage() {
         <Navbar />
         
         {/* Header centered between navbar and content */}
-        <div className="flex items-center justify-center min-h-[30vh]">
+        <div className="pt-[12vh] pb-4">
           <h1 className="text-4xl sm:text-6xl font-bold text-center px-4">
             <ShimmerTitle>Our Sponsors</ShimmerTitle>
           </h1>
diff --git a/src/app/team/page.tsx b/src/app/team/page.tsx
index fbc3d39..d062a30 100644
--- a/src/app/team/page.tsx
+++ b/src/app/team/page.tsx
@@ -46,7 +46,7 @@ export default function TeamPage() {
         <Navbar />
         
         {/* Meet the Team - centered between navbar and captains */}
-        <div className="flex items-center justify-center min-h-[30vh]">
+        <div className="pt-[12vh] pb-4">
           <h1 className="text-4xl sm:text-6xl font-bold text-center px-4">
             <ShimmerTitle>Meet the Team</ShimmerTitle>
           </h1>