initial dev

src/pages/home/HomePage.tsx

@@ -1,17 +1,64 @@
-import { HomeHero } from './components/HomeHero';
-import { CoreTechnology } from './components/CoreTechnology';
-import { ImpactBanner } from './components/ImpactBanner';
-import { WhyGeomind } from './components/WhyGeomind';
-import { FinalCallToAction } from './components/FinalCallToAction';
+import { HeroSection } from './components/HeroSection';
+import { ScrollLockedSection } from './components/ScrollLockedSection';
+import { CtaSection } from './components/CtaSection';
+import { FooterSection } from './components/FooterSection';
+
+const sections = [
+  {
+    id: 'deploy',
+    eyebrow: 'Deploy',
+    title: 'Launch seamlessly across your environments.',
+    description:
+      'Use this space to outline the deployment story. Highlight speed, reliability, or any differentiators that matter for your product rollout.',
+  },
+  {
+    id: 'plug_play',
+    eyebrow: 'Plug & Play',
+    title: 'Connect data sources without orchestration headaches.',
+    description:
+      'Describe how integrations work and communicate the ease of getting started. Keep the copy short and scannable.',
+  },
+  {
+    id: 'slice',
+    eyebrow: 'Slice',
+    title: 'Break complex geospatial datasets into digestible layers.',
+    description:
+      'Talk through the slicing concept in a sentence or two. This is placeholder text while the final story is drafted.',
+  },
+  {
+    id: 'global',
+    eyebrow: 'Global',
+    title: 'Stay synchronized across every region you operate in.',
+    description:
+      'Explain the global coverage or synchronization narrative you want to share. Replace this block with final messaging later.',
+  },
+  {
+    id: 'profit',
+    eyebrow: 'Profit',
+    title: 'Make the commercial case with defensible metrics.',
+    description:
+      'Use these lines to tease the ROI conversation. Mention efficiency, cost savings, or other proof points once they are ready.',
+  },
+  {
+    id: 'usecases',
+    eyebrow: 'Use Cases',
+    title: 'Show how teams activate the platform day-to-day.',
+    description:
+      'Imagine this section as a carousel or story. For now, it is a placeholder where future customer narratives will land.',
+  },
+];
 
 export const HomePage = () => {
   return (
-    <div className="space-y-12 lg:space-y-16">
-      <HomeHero />
-      <CoreTechnology />
-      <ImpactBanner />
-      <WhyGeomind />
-      <FinalCallToAction />
+    <div className="flex min-h-screen flex-col bg-mist text-ink">
+      <div className="flex flex-col">
+        <HeroSection />
+        {sections.map((section) => (
+          <ScrollLockedSection key={section.id} {...section} />
+        ))}
+        <CtaSection />
+      </div>
+      <FooterSection />
     </div>
   );
 };