From 4d93fa55df59f32f2ad02746b36b1587bf28a5c2 Mon Sep 17 00:00:00 2001
From: Bryan Helmkamp <bryan@brynary.com>
Date: Mon, 16 Mar 2026 12:46:22 -0400
Subject: [PATCH] Improve marketing site mobile layout: reduce hero top spacing
 and hide curl command

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 apps/marketing/src/pages/index.astro   | 4 ++--
 apps/marketing/src/pages/roadmap.astro | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/marketing/src/pages/index.astro b/apps/marketing/src/pages/index.astro
index 682bfb884..eb07d344e 100644
--- a/apps/marketing/src/pages/index.astro
+++ b/apps/marketing/src/pages/index.astro
@@ -102,7 +102,7 @@ const cssExample = `<span class="text-ice-300">/* All nodes default to fast + ch
 
   <main class="overflow-x-hidden">
     <!-- Hero -->
-    <section class="relative overflow-hidden pt-40 pb-24">
+    <section class="relative overflow-hidden pt-28 sm:pt-36 pb-24">
       <!-- Atmosphere -->
       <div class="absolute inset-0 grid-overlay"></div>
       <div class="absolute inset-0 noise-overlay"></div>
@@ -126,7 +126,7 @@ const cssExample = `<span class="text-ice-300">/* All nodes default to fast + ch
           and intervene only where it matters.
         </p>
         <div class="reveal reveal-d3 mt-10 flex flex-col items-center gap-5">
-          <div class="overflow-x-auto rounded-xl border border-navy-600 bg-navy-900/60 px-6 py-3">
+          <div class="hidden sm:block overflow-x-auto rounded-xl border border-navy-600 bg-navy-900/60 px-6 py-3">
             <code class="text-xs font-mono text-teal-300 sm:text-sm">$ curl -fsSL https://fabro.sh/install.sh | bash</code>
           </div>
           <div class="flex items-center gap-4">
diff --git a/apps/marketing/src/pages/roadmap.astro b/apps/marketing/src/pages/roadmap.astro
index 89c615cff..b5622fb29 100644
--- a/apps/marketing/src/pages/roadmap.astro
+++ b/apps/marketing/src/pages/roadmap.astro
@@ -92,7 +92,7 @@ const statusConfig = {
 
   <main>
     <!-- Hero -->
-    <section class="relative overflow-hidden pt-40 pb-20">
+    <section class="relative overflow-hidden pt-28 sm:pt-36 pb-20">
       <div class="absolute inset-0 grid-overlay"></div>
       <div class="absolute inset-0 noise-overlay"></div>
       <div class="pointer-events-none absolute top-16 -left-40 h-[500px] w-[500px] rounded-full bg-teal-500/10 blur-[120px] animate-float"></div>