{navItems.map((item) => (
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index b900dc1..2f51d34 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,189 +1,40 @@
+// AUTO-GENERATED shell by per-section-migrate.
+// Section bodies live in the sibling sections/ folder (one file per section).
+// Edit those section files directly. Non-block content (wrappers,
+// non-inlinable sections) is preserved inline; extracted section blocks
+// become component refs.
+
import { StyleProvider } from "@/components/ui/StyleProvider";
import SiteBackgroundSlot from "@/components/ui/SiteBackgroundSlot";
-import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
-import FeaturesBento from "@/components/sections/features/FeaturesBento";
-import FeaturesBorderGlow from "@/components/sections/features/FeaturesBorderGlow";
-import AboutText from "@/components/sections/about/AboutText";
-import PricingLayeredCards from "@/components/sections/pricing/PricingLayeredCards";
-import TeamOverlayCards from "@/components/sections/team/TeamOverlayCards";
-import ContactCenter from "@/components/sections/contact/ContactCenter";
-import { Shield, AlertTriangle, Bug, FileWarning, Skull, Lock, Clock, Zap, Layers } from "lucide-react";
+import React from 'react';
+import HeroSection from './HomePage/sections/Hero';
+import AboutSection from './HomePage/sections/About';
+import SecuritySection from './HomePage/sections/Security';
+import OutcomesSection from './HomePage/sections/Outcomes';
+import PricingSection from './HomePage/sections/Pricing';
+import TeamSection from './HomePage/sections/Team';
+import ContactSection from './HomePage/sections/Contact';
-export default function HomePage() {
+export default function HomePage(): React.JSX.Element {
return (
-
-
-
+
-
+
-
-
-
+
-
-
-
+
-
+
-
-
-
+
-
-
-
+
diff --git a/src/pages/HomePage/sections/About.tsx b/src/pages/HomePage/sections/About.tsx
new file mode 100644
index 0000000..66ddb35
--- /dev/null
+++ b/src/pages/HomePage/sections/About.tsx
@@ -0,0 +1,18 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "about" section.
+
+import React from 'react';
+import AboutText from "@/components/sections/about/AboutText";
+
+export default function AboutSection(): React.JSX.Element {
+ return (
+
+ );
+}
diff --git a/src/pages/HomePage/sections/Contact.tsx b/src/pages/HomePage/sections/Contact.tsx
new file mode 100644
index 0000000..05ebad4
--- /dev/null
+++ b/src/pages/HomePage/sections/Contact.tsx
@@ -0,0 +1,20 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "contact" section.
+
+import React from 'react';
+import ContactCenter from "@/components/sections/contact/ContactCenter";
+
+export default function ContactSection(): React.JSX.Element {
+ return (
+
+
+
+ );
+}
diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
new file mode 100644
index 0000000..d7be967
--- /dev/null
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -0,0 +1,21 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "hero" section.
+
+import React from 'react';
+import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
+
+export default function HeroSection(): React.JSX.Element {
+ return (
+
+
+
+ );
+}
diff --git a/src/pages/HomePage/sections/Outcomes.tsx b/src/pages/HomePage/sections/Outcomes.tsx
new file mode 100644
index 0000000..f649877
--- /dev/null
+++ b/src/pages/HomePage/sections/Outcomes.tsx
@@ -0,0 +1,24 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "outcomes" section.
+
+import React from 'react';
+import FeaturesBorderGlow from "@/components/sections/features/FeaturesBorderGlow";
+import { Shield, AlertTriangle, Bug, FileWarning, Skull, Lock, Clock, Zap, Layers } from "lucide-react";
+
+export default function OutcomesSection(): React.JSX.Element {
+ return (
+
+
+
+ );
+}
diff --git a/src/pages/HomePage/sections/Pricing.tsx b/src/pages/HomePage/sections/Pricing.tsx
new file mode 100644
index 0000000..f6bb220
--- /dev/null
+++ b/src/pages/HomePage/sections/Pricing.tsx
@@ -0,0 +1,56 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "pricing" section.
+
+import React from 'react';
+import PricingLayeredCards from "@/components/sections/pricing/PricingLayeredCards";
+
+export default function PricingSection(): React.JSX.Element {
+ return (
+
+ );
+}
diff --git a/src/pages/HomePage/sections/Security.tsx b/src/pages/HomePage/sections/Security.tsx
new file mode 100644
index 0000000..ac61314
--- /dev/null
+++ b/src/pages/HomePage/sections/Security.tsx
@@ -0,0 +1,60 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "security" section.
+
+import React from 'react';
+import FeaturesBento from "@/components/sections/features/FeaturesBento";
+import { Shield, AlertTriangle, Bug, FileWarning, Skull, Lock, Clock, Zap, Layers } from "lucide-react";
+
+export default function SecuritySection(): React.JSX.Element {
+ return (
+
+
+
+ );
+}
diff --git a/src/pages/HomePage/sections/Team.tsx b/src/pages/HomePage/sections/Team.tsx
new file mode 100644
index 0000000..3bdec4b
--- /dev/null
+++ b/src/pages/HomePage/sections/Team.tsx
@@ -0,0 +1,35 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "team" section.
+
+import React from 'react';
+import TeamOverlayCards from "@/components/sections/team/TeamOverlayCards";
+
+export default function TeamSection(): React.JSX.Element {
+ return (
+
+
+
+ );
+}