Sessions 5-7a: 955 tests, deployment ready

web/src/app/page.tsx

@@ -1,16 +1,44 @@
+'use client';
+
+import { useEffect } from 'react';
+import { useRouter } from 'next/navigation';
+import { useAuth } from '@/contexts/AuthContext';
 import Hero from '@/components/Hero';
-import HowItWorks from '@/components/HowItWorks';
+import LivePropsStrip from '@/components/LivePropsStrip';
 import Features from '@/components/Features';
+import HowItWorks from '@/components/HowItWorks';
 import Pricing from '@/components/Pricing';
+import FAQ from '@/components/FAQ';
 import Footer from '@/components/Footer';
 
 export default function Home() {
+  const { user, loading } = useAuth();
+  const router = useRouter();
+
+  useEffect(() => {
+    if (!loading && user) router.replace('/dashboard');
+  }, [user, loading, router]);
+
+  // While we know the user is signed in we suppress the marketing
+  // render to avoid a flicker before the redirect lands.
+  if (loading || user) {
+    return (
+      <section style={{ minHeight: '80vh', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
+        <p className="mono" style={{ color: 'var(--text-tertiary)', fontSize: 13, letterSpacing: '0.08em', textTransform: 'uppercase' }}>
+          Loading the slate
+        </p>
+      </section>
+    );
+  }
+
   return (
     <>
       <Hero />
-      <HowItWorks />
+      <LivePropsStrip />
       <Features />
+      <HowItWorks />
       <Pricing />
+      <FAQ />
       <Footer />
     </>
   );