diff --git a/apps/landing/src/app/homepage/_components/HeroSection.tsx b/apps/landing/src/app/homepage/_components/HeroSection.tsx
index e5e6ac3..79fce6e 100644
--- a/apps/landing/src/app/homepage/_components/HeroSection.tsx
+++ b/apps/landing/src/app/homepage/_components/HeroSection.tsx
@@ -52,20 +52,20 @@ export function HeroSection() {
   };
 
   return (
-    <section className="relative pt-40 pb-20 px-6">
+    <section className="relative pt-20 pb-20 px-6">
       <div className="max-w-4xl mx-auto text-center">
-        <div className="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-white/5 border border-white/10 text-gray-400 text-xs mb-8">
+        <div className="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-white/5 border border-white/10 text-gray-400 text-xs mb-10">
           <span className="w-1.5 h-1.5 rounded-full bg-gray-500 beta-dot" />
           In Active Development
         </div>
 
-        <h1 className="text-5xl md:text-6xl lg:text-7xl font-bold mb-6 leading-tight">
+        <h1 className="text-5xl md:text-6xl lg:text-7xl font-bold mb-8 leading-tight">
           AI Image Generation
           <br />
           <span className="gradient-text">Inside Your Workflow</span>
         </h1>
 
-        <p className="text-xl text-gray-400 mb-10 max-w-2xl mx-auto">
+        <p className="text-xl text-gray-400 mb-20 max-w-2xl mx-auto">
           Generate images via API, SDK, CLI, Lab, or live URLs.
           <br />
           Production-ready CDN delivery in seconds.
@@ -93,7 +93,7 @@ export function HeroSection() {
           </form>
         </GlowEffect>
 
-        <p className="text-sm text-gray-500 mb-10">Free early access. No credit card required.</p>
+        <p className="text-sm text-gray-500 mb-20">Free early access. No credit card required.</p>
 
         <div className="flex flex-nowrap gap-5 justify-center">
           {badges.map((badge, i) => (