From 83727e217ada2765a1911601e79139b6f2faf3d5 Mon Sep 17 00:00:00 2001
From: defiQUG <defi@defi-oracle.io>
Date: Tue, 26 May 2026 22:10:57 -0700
Subject: [PATCH] Remove hero gap below header

Drop min-h-screen vertical centering on hero; use compact top padding so copy and photos sit directly under the nav in light and dark mode.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 public/brand/MIM4U-Brand-Kit.zip | Bin 2834127 -> 2834127 bytes
 src/App.tsx                      |   9 +++------
 src/index.css                    |  11 ++++++++---
 3 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/public/brand/MIM4U-Brand-Kit.zip b/public/brand/MIM4U-Brand-Kit.zip
index 81e6b49250fdb5212174c1afdfd4d8d612329238..8b818e45147258f3c01c96310203bb130edb857a 100644
GIT binary patch
delta 896
zcmZvaPiPZC6vo|Icbmj*vi@sh?W&VaHm1{pMa3kWjTgm>R&ublmtH(sJcwY^ggpd%
z*rST*o^lhSplG0R4n1iJYK0_F=)t3);7!jW`ey$m>1yD2c;ENFH*aRs{r!UL0<Q@|
zTJzBi(!{bkwp=l-yoP9A<3H3wkv;5}YTB7KE+ejhEt~diIFY308kZe~oc-njH{}F<
zC-RVco@7p|)pzLE7N_23Vnjo3d%1s3r{)+9o_KRCy}<)}0Ra%H-WYlEm^Ez|LT(zi
z<c$yz1|q;d${SL9f;DX|Nd6@HYeCX3GEuEdGvcaq0c*Z40i!?^hygONA2<LU1P%d*
zfiXH?AHTeg(oOqmDXxhX_knt)xYa8i0VaT>z$Bmm$AIIsS2|Jr%tG=sPCFslq{cM9
zcb|!GH*mt6M89ufVT6f4-r<xdx(|GQ6UPyA7TW>mSsPyynDb`~`zyJbtDo??!5kr+
z@Er=D>(vD&e!0>Yt>|2WM(5O>8Z*9iR8_3P)vBfy>#9H!NC6s<22KJQ8tYD7y2&2%
zdX}6)Wz+tdBjbbr$jdA_hgNo}&@1Ff*6USRb}3NPKrQD<Zn%FrzdOGf@D-itXw^AY
zVV9}suv=wNcXV=gxK0+xDX;c-ht%ByIsLEt@xQ8K^iLR?aA%-8d%O?SlSML%s_tI)
Its=Sc7XTY73IG5A

delta 896
zcmX^AcMaotAl{(O#FV^#vM!Svn`D((mQ+={l^WA_D>dd54IEqyAdtL%x@I$@CRqA?
z<#a<%C6(<p&5RbjKz-A<O<>eQk>Q%ixKafqvvn(6X8Y5vjLHQdK`u2Wh;m7|J?9$0
z63dyjq2{z(FJ}f~79eH?Vz%wp%h{(*1u430!vWC^bS1Mb2M}`tF&7YXZ)djUIVuHG
zbSj(&X43ZG;XG=tAVKB1Ji2UBK>xk3Y!92u1H`;Q%m>8$Kr8^nf<P<;#KJ%<0>q*~
zEVeytuDH(@kO4~qCDgzM0Ij|dC;`NhKr98s(m*T&#Iisv2gLH*F9a&s-2!P6&{0%}
z+Pd9VN3p3NBzSPQq7u}k?JsvLva*8&KO9n2g$hCf*#5Ah1Sn#rM;=9!S#eY`locfN
z|CA!kNf15$rxmx@f@D}Zm0&X4fzh?z1tj>$7cSV&=clxt&rkVU15?WS>Cet7E3-)h
z!$!KQo&UTt5UT*ODiEsyu{scI0I}wF{_|SynIMxQEVNCSB&()>wA2<yq>;52+UA&|
ztd`mqP*GWs-Z(V=b~L_#m9{0a`YbC{{fE)yWv#WXnWVsO0h?cG4Rjk4|D3h9DKcNh
zM%w_&M{;|qjkYnS=t-=ivbJy=kW45-h=Sd59GMRcWEnecLndj6JE!N^X(s~!Jf$X*

diff --git a/src/App.tsx b/src/App.tsx
index a9b7920..e46d7e5 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -810,11 +810,10 @@ function Hero() {
     offset: ['start start', 'end start']
   })
   
-  const backgroundY = useTransform(scrollYProgress, [0, 1], ['0%', '50%'])
-  const contentY = useTransform(scrollYProgress, [0, 1], ['0%', '100%'])
+  const backgroundY = useTransform(scrollYProgress, [0, 1], ['0%', '30%'])
   
   return (
-    <section ref={containerRef} className="relative isolate overflow-hidden min-h-screen flex items-center">
+    <section ref={containerRef} className="hero-section relative isolate overflow-hidden">
       {/* Enhanced 3D Background Layers */}
       <motion.div 
         className="absolute inset-0 bg-gradient-to-br from-[var(--mim-cream)] via-white to-secondary-50/40 dark:from-gray-900/30 dark:via-gray-800/30 dark:to-gray-900/30"
@@ -843,10 +842,8 @@ function Hero() {
         <Floating3DShapes />
       </motion.div>
       
-      {/* Content Layer with Parallax */}
       <motion.div 
-        className="mx-auto grid max-w-7xl items-center gap-16 px-4 py-20 sm:px-6 lg:grid-cols-12 lg:gap-8 lg:py-28 lg:px-8 relative z-10"
-        style={{ y: contentY }}
+        className="mx-auto grid max-w-7xl items-start gap-10 px-4 pb-14 pt-6 sm:px-6 sm:pt-8 lg:grid-cols-12 lg:gap-10 lg:px-8 lg:pb-16 lg:pt-10 relative z-10"
       >
         <div className="lg:col-span-7">
           <ParallaxContainer depth={0.3}>
diff --git a/src/index.css b/src/index.css
index b2131c9..f9b6fdd 100644
--- a/src/index.css
+++ b/src/index.css
@@ -219,12 +219,17 @@
 
   @media (min-width: 768px) {
     .mim-site-nav {
-      min-height: 5rem;
-      padding-top: 0.5rem;
-      padding-bottom: 0.5rem;
+      min-height: 4.5rem;
+      padding-top: 0.375rem;
+      padding-bottom: 0.375rem;
     }
   }
 
+  /* Hero sits flush under sticky header — no full-viewport vertical centering gap */
+  .hero-section {
+    margin-top: 0;
+  }
+
   .nav-brand-link:hover {
     opacity: 0.9;
   }