From 037217960eee19eda91c809790164f43b2323909 Mon Sep 17 00:00:00 2001
From: Gabriel Kaszewski <gabrielkaszewski@gmail.com>
Date: Fri, 29 May 2026 01:03:59 +0200
Subject: [PATCH] fix(frontend): place scroll indicator directly below hero
 card in flow

---
 thoughts-frontend/components/landing-page.tsx | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/thoughts-frontend/components/landing-page.tsx b/thoughts-frontend/components/landing-page.tsx
index c571a40..b563ee6 100644
--- a/thoughts-frontend/components/landing-page.tsx
+++ b/thoughts-frontend/components/landing-page.tsx
@@ -64,7 +64,8 @@ export function LandingPage() {
 
       {/* ── Section 1: Hero ── */}
       <section className="relative z-10 flex items-center justify-center min-h-screen px-4 py-16">
-        <div className="landing-hero-card glass-effect rounded-2xl shadow-fa-lg p-8 sm:p-12 text-center max-w-md w-full mx-auto">
+        <div className="flex flex-col items-center gap-6 w-full max-w-md mx-auto">
+        <div className="landing-hero-card glass-effect rounded-2xl shadow-fa-lg p-8 sm:p-12 text-center w-full">
           <h1 className="text-4xl sm:text-5xl font-black tracking-tight mb-3 text-shadow-sm">
             Thoughts
           </h1>
@@ -88,13 +89,11 @@ export function LandingPage() {
             Works with Mastodon, Pixelfed &amp; more
           </div>
         </div>
-        {/* Scroll indicator */}
-        <div className="absolute bottom-8 left-0 right-0 flex justify-center">
-          <ChevronDown
-            className="animate-float-bob text-muted-foreground/60"
-            size={28}
-            strokeWidth={1.5}
-          />
+        <ChevronDown
+          className="animate-float-bob text-muted-foreground/60"
+          size={28}
+          strokeWidth={1.5}
+        />
         </div>
       </section>