diff --git a/src/index.css b/src/index.css
index 772c9c7..b4de575 100644
--- a/src/index.css
+++ b/src/index.css
@@ -5,15 +5,15 @@
 
 :root {
   /* @colorThemes/lightTheme/grayNavyBlue */
-  --background: #f5faff;
-  --card: #ffffff;
-  --foreground: #001122;
-  --primary-cta: #15479c;
-  --primary-cta-text: #f5faff;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #001122;
-  --accent: #a8cce8;
-  --background-accent: #7ba3cf;
+  --background: #080000;
+  --card: #1e0d0d;
+  --foreground: #ffe6e6;
+  --primary-cta: #ff3d4a;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #1f0a0a;
+  --secondary-cta-text: #ffe6e6;
+  --accent: #7b2d2d;
+  --background-accent: #b8111f;
 
   /* @layout/border-radius/rounded */
   --radius: 1rem;
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 95e8d59..57137f9 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,137 +1,27 @@
-import AboutText from '@/components/sections/about/AboutText';
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FeaturesBentoGrid from '@/components/sections/features/FeaturesBentoGrid';
-import HeroBrand from '@/components/sections/hero/HeroBrand';
-import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
-import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+// AUTO-GENERATED shell by per-section-migrate.
+// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
+// files directly. Non-block content (wrappers, non-inlinable sections) is
+// preserved inline; extracted section blocks become <XSection/> refs.
 
-export default function HomePage() {
+import React from 'react';
+import HeroSection from './HomePage/sections/Hero';
+import FeaturesSection from './HomePage/sections/Features';
+import TestimonialsSection from './HomePage/sections/Testimonials';
+import AboutSection from './HomePage/sections/About';
+import CtaSection from './HomePage/sections/Cta';
+
+export default function HomePage(): React.JSX.Element {
   return (
-    <>
-  <div id="hero" data-section="hero">
-    <SectionErrorBoundary name="hero">
-          <HeroBrand
-      brand="THE COAB EXPERIENCE"
-      description="Where luxury meets the future of nightlife. Experience exclusivity redefined."
-      primaryButton={{
-        text: "View Membership",
-        href: "/membership",
-      }}
-      secondaryButton={{
-        text: "Learn More",
-        href: "/experience",
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/man-with-coffee-sitting-cafe_23-2147775894.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+<>
+  <HeroSection />
 
-  <div id="features" data-section="features">
-    <SectionErrorBoundary name="features">
-          <FeaturesBentoGrid
-      tag="Signature Amenities"
-      title="Redefining Exclusivity"
-      description="Premium services designed for our elite members."
-      features={[
-        {
-          title: "Artisanal Bar",
-          description: "Handcrafted cocktails by world-class mixologists.",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337730.jpg",
-        },
-        {
-          title: "Sonic Perfection",
-          description: "State-of-the-art sound systems for ultimate vibes.",
-          imageSrc: "http://img.b2bpic.net/free-photo/esports-championship-blue-background-3d-illustration_1419-2788.jpg",
-        },
-        {
-          title: "Private Lounges",
-          description: "Unmatched comfort in our exclusive zones.",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-visual-effects-magnetic-field_23-2148253595.jpg",
-        },
-        {
-          title: "Curated Design",
-          description: "Sophisticated interiors inspired by global design.",
-          imageSrc: "http://img.b2bpic.net/free-photo/parking-entrance_1150-10839.jpg",
-        },
-      ]}
-      primaryButton={{
-        text: "Join Club",
-        href: "/membership",
-      }}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FeaturesSection />
 
-  <div id="testimonials" data-section="testimonials">
-    <SectionErrorBoundary name="testimonials">
-          <TestimonialQuoteCards
-      tag="Member Voices"
-      title="The COAB Standard"
-      description="What our members have to say about the club experience."
-      testimonials={[
-        {
-          name: "Alex R.",
-          role: "Creative Director",
-          quote: "The atmosphere is unmatched. Truly the best club in the city.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
-        },
-        {
-          name: "Sarah P.",
-          role: "Tech Founder",
-          quote: "COAB offers a unique blend of privacy and vibrant social engagement.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-spectacles_1303-14468.jpg",
-        },
-        {
-          name: "Marcus V.",
-          role: "Investor",
-          quote: "The attention to detail in the bar and design is simply flawless.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-taking-selfie-smile-night_23-2148283880.jpg",
-        },
-        {
-          name: "Elena K.",
-          role: "Designer",
-          quote: "An iconic spot for those who appreciate premium quality and service.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-black-sweater-posing_246466-38.jpg",
-        },
-        {
-          name: "Jason L.",
-          role: "Entrepreneur",
-          quote: "I have never felt so welcomed and exclusive in a club space.",
-          imageSrc: "http://img.b2bpic.net/free-photo/laughing-african-man-with-trendy-curly-hairstyle-wearing-hat-outdoor-photo-male-model-with-dark-skin-having-fun-while-exploring-town_197531-21865.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <TestimonialsSection />
 
-  <div id="about" data-section="about">
-    <SectionErrorBoundary name="about">
-          <AboutText
-      title="The Evolution of Nightlife"
-      primaryButton={{
-        text: "View History",
-        href: "/experience",
-      }}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <AboutSection />
 
-  <div id="cta" data-section="cta">
-    <SectionErrorBoundary name="cta">
-          <ContactCta
-      tag="Apply Now"
-      text="Are you ready to join the inner circle? Limited memberships available."
-      primaryButton={{
-        text: "Submit Application",
-        href: "/contact",
-      }}
-      secondaryButton={{
-        text: "View Membership Options",
-        href: "/membership",
-      }}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <CtaSection />
     </>
   );
 }
diff --git a/src/pages/HomePage/sections/About.tsx b/src/pages/HomePage/sections/About.tsx
new file mode 100644
index 0000000..fef2bc3
--- /dev/null
+++ b/src/pages/HomePage/sections/About.tsx
@@ -0,0 +1,22 @@
+// 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';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function AboutSection(): React.JSX.Element {
+  return (
+    <div id="about" data-section="about">
+        <SectionErrorBoundary name="about">
+              <AboutText
+          title="The Evolution of Nightlife"
+          primaryButton={{
+            text: "View History",
+            href: "/experience",
+          }}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Cta.tsx b/src/pages/HomePage/sections/Cta.tsx
new file mode 100644
index 0000000..a286218
--- /dev/null
+++ b/src/pages/HomePage/sections/Cta.tsx
@@ -0,0 +1,27 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "cta" section.
+
+import React from 'react';
+import ContactCta from '@/components/sections/contact/ContactCta';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function CtaSection(): React.JSX.Element {
+  return (
+    <div id="cta" data-section="cta">
+        <SectionErrorBoundary name="cta">
+              <ContactCta
+          tag="Apply Now"
+          text="Are you ready to join the inner circle? Limited memberships available."
+          primaryButton={{
+            text: "Submit Application",
+            href: "/contact",
+          }}
+          secondaryButton={{
+            text: "View Membership Options",
+            href: "/membership",
+          }}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Features.tsx b/src/pages/HomePage/sections/Features.tsx
new file mode 100644
index 0000000..a2ab49f
--- /dev/null
+++ b/src/pages/HomePage/sections/Features.tsx
@@ -0,0 +1,46 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "features" section.
+
+import React from 'react';
+import FeaturesBentoGrid from '@/components/sections/features/FeaturesBentoGrid';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FeaturesSection(): React.JSX.Element {
+  return (
+    <div id="features" data-section="features">
+        <SectionErrorBoundary name="features">
+              <FeaturesBentoGrid
+          tag="Signature Amenities"
+          title="Redefining Exclusivity"
+          description="Premium services designed for our elite members."
+          features={[
+            {
+              title: "Artisanal Bar",
+              description: "Handcrafted cocktails by world-class mixologists.",
+              imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337730.jpg",
+            },
+            {
+              title: "Sonic Perfection",
+              description: "State-of-the-art sound systems for ultimate vibes.",
+              imageSrc: "http://img.b2bpic.net/free-photo/esports-championship-blue-background-3d-illustration_1419-2788.jpg",
+            },
+            {
+              title: "Private Lounges",
+              description: "Unmatched comfort in our exclusive zones.",
+              imageSrc: "http://img.b2bpic.net/free-photo/abstract-visual-effects-magnetic-field_23-2148253595.jpg",
+            },
+            {
+              title: "Curated Design",
+              description: "Sophisticated interiors inspired by global design.",
+              imageSrc: "http://img.b2bpic.net/free-photo/parking-entrance_1150-10839.jpg",
+            },
+          ]}
+          primaryButton={{
+            text: "Join Club",
+            href: "/membership",
+          }}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
new file mode 100644
index 0000000..f31b8c1
--- /dev/null
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -0,0 +1,28 @@
+// 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 HeroBrand from '@/components/sections/hero/HeroBrand';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div id="hero" data-section="hero">
+        <SectionErrorBoundary name="hero">
+              <HeroBrand
+          brand="THE COAB EXPERIENCE"
+          description="Where luxury meets the future of nightlife. Experience exclusivity redefined."
+          primaryButton={{
+            text: "View Membership",
+            href: "/membership",
+          }}
+          secondaryButton={{
+            text: "Learn More",
+            href: "/experience",
+          }}
+          imageSrc="http://img.b2bpic.net/free-photo/man-with-coffee-sitting-cafe_23-2147775894.jpg"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Testimonials.tsx b/src/pages/HomePage/sections/Testimonials.tsx
new file mode 100644
index 0000000..96efe02
--- /dev/null
+++ b/src/pages/HomePage/sections/Testimonials.tsx
@@ -0,0 +1,52 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "testimonials" section.
+
+import React from 'react';
+import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function TestimonialsSection(): React.JSX.Element {
+  return (
+    <div id="testimonials" data-section="testimonials">
+        <SectionErrorBoundary name="testimonials">
+              <TestimonialQuoteCards
+          tag="Member Voices"
+          title="The COAB Standard"
+          description="What our members have to say about the club experience."
+          testimonials={[
+            {
+              name: "Alex R.",
+              role: "Creative Director",
+              quote: "The atmosphere is unmatched. Truly the best club in the city.",
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
+            },
+            {
+              name: "Sarah P.",
+              role: "Tech Founder",
+              quote: "COAB offers a unique blend of privacy and vibrant social engagement.",
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-spectacles_1303-14468.jpg",
+            },
+            {
+              name: "Marcus V.",
+              role: "Investor",
+              quote: "The attention to detail in the bar and design is simply flawless.",
+              imageSrc: "http://img.b2bpic.net/free-photo/man-taking-selfie-smile-night_23-2148283880.jpg",
+            },
+            {
+              name: "Elena K.",
+              role: "Designer",
+              quote: "An iconic spot for those who appreciate premium quality and service.",
+              imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-black-sweater-posing_246466-38.jpg",
+            },
+            {
+              name: "Jason L.",
+              role: "Entrepreneur",
+              quote: "I have never felt so welcomed and exclusive in a club space.",
+              imageSrc: "http://img.b2bpic.net/free-photo/laughing-african-man-with-trendy-curly-hairstyle-wearing-hat-outdoor-photo-male-model-with-dark-skin-having-fun-while-exploring-town_197531-21865.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}