moving

apps/www/app/page.tsx

@@ -0,0 +1,62 @@
+import { getTranslations } from 'next-intl/server';
+import Navbar from './_components/Navbar';
+import Hero from './_components/Hero';
+import ProblemTurn from './_components/ProblemTurn';
+import HowItWorks from './_components/HowItWorks';
+import MemoryDiagram from './_components/MemoryDiagram';
+import ProofBand from './_components/ProofBand';
+import FeatureGrid from './_components/FeatureGrid';
+import SovereigntyBand from './_components/SovereigntyBand';
+import BrandPersonasCard from './_components/BrandPersonasCard';
+import OpenSource from './_components/OpenSource';
+import Pricing from './_components/Pricing';
+import FinalCTA from './_components/FinalCTA';
+import Footer from './_components/Footer';
+
+/**
+ * Waggle landing page — 2026-07 rebuild.
+ *
+ * Narrative spine: promise (hero) → problem → how it works → what's
+ * actually different (memory) → proof (LoCoMo) → breadth (features) →
+ * trust (sovereignty) → brand moment (personas) → open source → pricing →
+ * close. Every section reads its copy from `messages/en.json`; every
+ * factual claim traces to the repo (see docs/superpowers/specs/
+ * 2026-07-03-www-marketing-site-design.md §1).
+ */
+export default async function HomePage() {
+  const t = await getTranslations('landing.personas_section');
+  const a11y = await getTranslations('landing.a11y');
+
+  return (
+    <>
+      <a href="#main" className="skip-link">
+        {a11y('skip')}
+      </a>
+      <Navbar />
+      <main id="main">
+        <Hero />
+        <ProblemTurn />
+        <HowItWorks />
+        <MemoryDiagram />
+        <ProofBand />
+        <FeatureGrid />
+        <SovereigntyBand />
+        <section
+          id="personas"
+          style={{ background: 'var(--hive-950, #0e0c07)' }}
+          aria-labelledby="waggle-hive-heading"
+        >
+          <BrandPersonasCard
+            eyebrow={t('eyebrow')}
+            heading={t('heading')}
+            subtitle={t('subtitle')}
+          />
+        </section>
+        <OpenSource />
+        <Pricing />
+        <FinalCTA />
+      </main>
+      <Footer />
+    </>
+  );
+}