diff --git a/src/index.css b/src/index.css
index 11594f6..1c46d49 100644
--- a/src/index.css
+++ b/src/index.css
@@ -5,15 +5,15 @@
 
 :root {
   /* @colorThemes/lightTheme/grayNavyBlue */
-  --background: #f5faff;
+  --background: #fff5f5;
   --card: #ffffff;
-  --foreground: #001122;
-  --primary-cta: #15479c;
-  --primary-cta-text: #f5faff;
+  --foreground: #4a2d30;
+  --primary-cta: #e63946;
+  --primary-cta-text: #ffffff;
   --secondary-cta: #ffffff;
-  --secondary-cta-text: #001122;
-  --accent: #a8cce8;
-  --background-accent: #7ba3cf;
+  --secondary-cta-text: #4a2d30;
+  --accent: #f5c4c7;
+  --background-accent: #f09199;
 
   /* @layout/border-radius/rounded */
   --radius: 1rem;
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 274687b..7c1254a 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,129 +1,33 @@
-import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
-import FeaturesArrowCards from '@/components/sections/features/FeaturesArrowCards';
-import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
-import HeroSplit from '@/components/sections/hero/HeroSplit';
-import TestimonialColumnMarqueeCards from '@/components/sections/testimonial/TestimonialColumnMarqueeCards';
-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 AboutSection from './HomePage/sections/About';
+import FeaturesSection from './HomePage/sections/Features';
+import MenuSection from './HomePage/sections/Menu';
+import TestimonialsSection from './HomePage/sections/Testimonials';
+import FaqSection from './HomePage/sections/Faq';
+import ContactSection from './HomePage/sections/Contact';
+
+export default function HomePage(): React.JSX.Element {
   return (
-    <>
-      <div id="hero" data-section="hero">
-        <SectionErrorBoundary name="hero">
-          <HeroSplit
-            tag="Baked with Love"
-            title="Sweet Moments, Baked Fresh."
-            description="Soft. Gooey. Irresistible. Our homemade cookies are crafted with the finest ingredients to make every bite special."
-            primaryButton={{
-              text: "Order Today",              href: "#contact"}}
-            secondaryButton={{
-              text: "View Menu",              href: "#menu"}}
-            imageSrc="https://storage.googleapis.com/webild/users/user_3FPw07xKteelujj7MXnesrU2DXE/uploaded-1781989992456-rttqtru6.png?_wi=1"
-          />
-        </SectionErrorBoundary>
-      </div>
+<>
+      <HeroSection />
 
-      <div id="about" data-section="about">
-        <SectionErrorBoundary name="about">
-          <AboutTestimonial
-            tag="Our Philosophy"
-            quote="Every cookie is made from scratch with real ingredients and a whole lot of heart."
-            author="Elianyss"
-            role="Founder & Head Baker"
-            imageSrc="https://storage.googleapis.com/webild/users/user_3FPw07xKteelujj7MXnesrU2DXE/uploaded-1781989992456-rttqtru6.png?_wi=2"
-          />
-        </SectionErrorBoundary>
-      </div>
+      <AboutSection />
 
-      <div id="features" data-section="features">
-        <SectionErrorBoundary name="features">
-          <FeaturesArrowCards
-            tag="Why Choose Us"
-            title="Quality in Every Bite"
-            description="We believe in transparency and quality ingredients. No fillers, just pure goodness."
-            items={[
-              {
-                title: "Made From Scratch",                tags: ["Homemade", "Fresh"],
-                imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-delicious-christmas-cookie-muffins-plate-with-honey-milk_181624-43765.jpg"},
-              {
-                title: "Premium Ingredients",                tags: ["Organic", "High-Quality"],
-                imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sugar-cookies-with-fresh-sliced-oranges-dark-background-cookies-biscuit-sugar-cake-dessert-sweet_140725-99315.jpg"},
-              {
-                title: "Baked With Love",                tags: ["Small-batch", "Artisanal"],
-                imageSrc: "http://img.b2bpic.net/free-photo/delicious-pink-cookies-arrangement_23-2150707189.jpg"},
-            ]}
-          />
-        </SectionErrorBoundary>
-      </div>
+      <FeaturesSection />
 
-      <div id="menu" data-section="menu">
-        <SectionErrorBoundary name="menu">
-          <FeaturesRevealCardsBento
-            tag="Our Menu"
-            title="Handmade Flavors"
-            description="Check out our latest cookie lineup."
-            items={[
-              { title: "Snickers", description: "$3 | Gooey caramel and Snickers chunk", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/top-view-biscuits-burlap-fabric_23-2148238678.jpg" },
-              { title: "Butterscotch", description: "$3 | Rich, buttery, and soft", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-cookies-sweet-inside-grey-surface_140725-115048.jpg" },
-              { title: "Cookie Monster", description: "$3 | Fun, colorful, and delicious", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cookies-with-raspberry-jam-fresh-raspberries_114579-57185.jpg" },
-              { title: "Hershey Oreos", description: "$3 | Classic chocolate lovers dream", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/pretzels-with-eyes_23-2147680151.jpg" },
-              { title: "Golden Oreos Red Velvet", description: "$3 | Tangy red velvet with cookies", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sweet-cookies-different-formed-along-with-pastries-light-desk-cookie-biscuit-sweet-sugar_140725-34204.jpg" },
-              { title: "Strawberry Crunch", description: "$3 | Fruity, crunchy, and light", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/plate-sweeties-two-cakes_114579-5776.jpg" },
-              { title: "S'mores", description: "$3 | Toasted marshmallow perfection", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/assortment-healthy-recipe-with-oranges_23-2148988722.jpg" }
-            ]}
-          />
-        </SectionErrorBoundary>
-      </div>
+      <MenuSection />
 
-      <div id="testimonials" data-section="testimonials">
-        <SectionErrorBoundary name="testimonials">
-          <TestimonialColumnMarqueeCards
-            tag="Sweet Reviews"
-            title="What Our Fans Say"
-            description="Loved by cookie enthusiasts everywhere."
-            testimonials={[
-              { name: "Sarah J.", role: "Happy Customer", quote: "The best cookies I've ever had! So gooey and fresh.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-years-old-thinking-holding-smartphone-looking-thoughtful-sitting-cafe-d_1258-134268.jpg" },
-              { name: "Michael D.", role: "Cookie Lover", quote: "I'm addicted. The Snickers cookie is an absolute game-changer.", imageSrc: "http://img.b2bpic.net/free-photo/food-bakery-pastry-cute-teenage-girl-holding-chocolate-croissant-keeping-strict-diet-helping-herself-with-sweet-dessert-without-remorse-afraid-get-extra-weight-showing-ok-gesture_343059-4786.jpg" },
-              { name: "Emily R.", role: "Fan", quote: "Baked with love is true! You can taste the quality.", imageSrc: "http://img.b2bpic.net/free-photo/happy-mother-with-apron-holding-plate-muffins_23-2148414889.jpg" },
-              { name: "David K.", role: "Subscriber", quote: "Perfect for parties. Everyone asked where I got them from.", imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-smiling-restaurant_23-2149316809.jpg" },
-              { name: "Jessica L.", role: "Loyal Fan", quote: "Absolutely worth every cent. My go-to for cravings.", imageSrc: "http://img.b2bpic.net/free-photo/woman-having-virtual-date_23-2149307212.jpg" }
-            ]}
-          />
-        </SectionErrorBoundary>
-      </div>
+      <TestimonialsSection />
 
-      <div id="faq" data-section="faq">
-        <SectionErrorBoundary name="faq">
-          <FaqTwoColumn
-            tag="Need Help?"
-            title="Common Questions"
-            description="Here are some answers to common questions about our cookies."
-            items={[
-              {
-                question: "Are there refunds?",                answer: "All sales are final. We take pride in quality, so no refunds are provided."},
-              {
-                question: "Can I request custom flavors?",                answer: "Absolutely! DM me or call (813) 819-4655 for any special requests."},
-              {
-                question: "Do you deliver?",                answer: "Contact us to discuss pickup and local delivery options in Ocala, FL."},
-            ]}
-          />
-        </SectionErrorBoundary>
-      </div>
+      <FaqSection />
 
-      <div id="contact" data-section="contact">
-        <SectionErrorBoundary name="contact">
-          <ContactCta
-            tag="Order Yours"
-            text="Call us at (813) 819-4655 to place your order or DM us on social media today! Let's get these cookies to you."
-            primaryButton={{
-              text: "Call Now",              href: "tel:8138194655"}}
-            secondaryButton={{
-              text: "Message Us",              href: "https://instagram.com/_bakedbyelianyss"}}
-          />
-        </SectionErrorBoundary>
-      </div>
+      <ContactSection />
     </>
   );
 }
diff --git a/src/pages/HomePage/sections/About.tsx b/src/pages/HomePage/sections/About.tsx
new file mode 100644
index 0000000..528a960
--- /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 AboutTestimonial from '@/components/sections/about/AboutTestimonial';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function AboutSection(): React.JSX.Element {
+  return (
+    <div id="about" data-section="about">
+            <SectionErrorBoundary name="about">
+              <AboutTestimonial
+                tag="Our Philosophy"
+                quote="Every cookie is made from scratch with real ingredients and a whole lot of heart."
+                author="Elianyss"
+                role="Founder & Head Baker"
+                imageSrc="https://storage.googleapis.com/webild/users/user_3FPw07xKteelujj7MXnesrU2DXE/uploaded-1781989992456-rttqtru6.png?_wi=2"
+              />
+            </SectionErrorBoundary>
+          </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Contact.tsx b/src/pages/HomePage/sections/Contact.tsx
new file mode 100644
index 0000000..4c7aab7
--- /dev/null
+++ b/src/pages/HomePage/sections/Contact.tsx
@@ -0,0 +1,23 @@
+// 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 ContactCta from '@/components/sections/contact/ContactCta';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ContactSection(): React.JSX.Element {
+  return (
+    <div id="contact" data-section="contact">
+            <SectionErrorBoundary name="contact">
+              <ContactCta
+                tag="Order Yours"
+                text="Call us at (813) 819-4655 to place your order or DM us on social media today! Let's get these cookies to you."
+                primaryButton={{
+                  text: "Call Now",              href: "tel:8138194655"}}
+                secondaryButton={{
+                  text: "Message Us",              href: "https://instagram.com/_bakedbyelianyss"}}
+              />
+            </SectionErrorBoundary>
+          </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Faq.tsx b/src/pages/HomePage/sections/Faq.tsx
new file mode 100644
index 0000000..cc3bccc
--- /dev/null
+++ b/src/pages/HomePage/sections/Faq.tsx
@@ -0,0 +1,28 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "faq" section.
+
+import React from 'react';
+import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FaqSection(): React.JSX.Element {
+  return (
+    <div id="faq" data-section="faq">
+            <SectionErrorBoundary name="faq">
+              <FaqTwoColumn
+                tag="Need Help?"
+                title="Common Questions"
+                description="Here are some answers to common questions about our cookies."
+                items={[
+                  {
+                    question: "Are there refunds?",                answer: "All sales are final. We take pride in quality, so no refunds are provided."},
+                  {
+                    question: "Can I request custom flavors?",                answer: "Absolutely! DM me or call (813) 819-4655 for any special requests."},
+                  {
+                    question: "Do you deliver?",                answer: "Contact us to discuss pickup and local delivery options in Ocala, FL."},
+                ]}
+              />
+            </SectionErrorBoundary>
+          </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Features.tsx b/src/pages/HomePage/sections/Features.tsx
new file mode 100644
index 0000000..511419e
--- /dev/null
+++ b/src/pages/HomePage/sections/Features.tsx
@@ -0,0 +1,31 @@
+// 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 FeaturesArrowCards from '@/components/sections/features/FeaturesArrowCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FeaturesSection(): React.JSX.Element {
+  return (
+    <div id="features" data-section="features">
+            <SectionErrorBoundary name="features">
+              <FeaturesArrowCards
+                tag="Why Choose Us"
+                title="Quality in Every Bite"
+                description="We believe in transparency and quality ingredients. No fillers, just pure goodness."
+                items={[
+                  {
+                    title: "Made From Scratch",                tags: ["Homemade", "Fresh"],
+                    imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-delicious-christmas-cookie-muffins-plate-with-honey-milk_181624-43765.jpg"},
+                  {
+                    title: "Premium Ingredients",                tags: ["Organic", "High-Quality"],
+                    imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sugar-cookies-with-fresh-sliced-oranges-dark-background-cookies-biscuit-sugar-cake-dessert-sweet_140725-99315.jpg"},
+                  {
+                    title: "Baked With Love",                tags: ["Small-batch", "Artisanal"],
+                    imageSrc: "http://img.b2bpic.net/free-photo/delicious-pink-cookies-arrangement_23-2150707189.jpg"},
+                ]}
+              />
+            </SectionErrorBoundary>
+          </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
new file mode 100644
index 0000000..7f0065b
--- /dev/null
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -0,0 +1,25 @@
+// 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 HeroSplit from '@/components/sections/hero/HeroSplit';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div id="hero" data-section="hero">
+            <SectionErrorBoundary name="hero">
+              <HeroSplit
+                tag="Baked with Love"
+                title="Sweet Moments, Baked Fresh."
+                description="Soft. Gooey. Irresistible. Our homemade cookies are crafted with the finest ingredients to make every bite special."
+                primaryButton={{
+                  text: "Order Today",              href: "#contact"}}
+                secondaryButton={{
+                  text: "View Menu",              href: "#menu"}}
+                imageSrc="https://storage.googleapis.com/webild/users/user_3FPw07xKteelujj7MXnesrU2DXE/uploaded-1781989992456-rttqtru6.png?_wi=1"
+              />
+            </SectionErrorBoundary>
+          </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Menu.tsx b/src/pages/HomePage/sections/Menu.tsx
new file mode 100644
index 0000000..d536b9b
--- /dev/null
+++ b/src/pages/HomePage/sections/Menu.tsx
@@ -0,0 +1,29 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "menu" section.
+
+import React from 'react';
+import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function MenuSection(): React.JSX.Element {
+  return (
+    <div id="menu" data-section="menu">
+            <SectionErrorBoundary name="menu">
+              <FeaturesRevealCardsBento
+                tag="Our Menu"
+                title="Handmade Flavors"
+                description="Check out our latest cookie lineup."
+                items={[
+                  { title: "Snickers", description: "$3 | Gooey caramel and Snickers chunk", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/top-view-biscuits-burlap-fabric_23-2148238678.jpg" },
+                  { title: "Butterscotch", description: "$3 | Rich, buttery, and soft", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-cookies-sweet-inside-grey-surface_140725-115048.jpg" },
+                  { title: "Cookie Monster", description: "$3 | Fun, colorful, and delicious", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cookies-with-raspberry-jam-fresh-raspberries_114579-57185.jpg" },
+                  { title: "Hershey Oreos", description: "$3 | Classic chocolate lovers dream", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/pretzels-with-eyes_23-2147680151.jpg" },
+                  { title: "Golden Oreos Red Velvet", description: "$3 | Tangy red velvet with cookies", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sweet-cookies-different-formed-along-with-pastries-light-desk-cookie-biscuit-sweet-sugar_140725-34204.jpg" },
+                  { title: "Strawberry Crunch", description: "$3 | Fruity, crunchy, and light", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/plate-sweeties-two-cakes_114579-5776.jpg" },
+                  { title: "S'mores", description: "$3 | Toasted marshmallow perfection", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/assortment-healthy-recipe-with-oranges_23-2148988722.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..2dad5be
--- /dev/null
+++ b/src/pages/HomePage/sections/Testimonials.tsx
@@ -0,0 +1,27 @@
+// 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 TestimonialColumnMarqueeCards from '@/components/sections/testimonial/TestimonialColumnMarqueeCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function TestimonialsSection(): React.JSX.Element {
+  return (
+    <div id="testimonials" data-section="testimonials">
+            <SectionErrorBoundary name="testimonials">
+              <TestimonialColumnMarqueeCards
+                tag="Sweet Reviews"
+                title="What Our Fans Say"
+                description="Loved by cookie enthusiasts everywhere."
+                testimonials={[
+                  { name: "Sarah J.", role: "Happy Customer", quote: "The best cookies I've ever had! So gooey and fresh.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-years-old-thinking-holding-smartphone-looking-thoughtful-sitting-cafe-d_1258-134268.jpg" },
+                  { name: "Michael D.", role: "Cookie Lover", quote: "I'm addicted. The Snickers cookie is an absolute game-changer.", imageSrc: "http://img.b2bpic.net/free-photo/food-bakery-pastry-cute-teenage-girl-holding-chocolate-croissant-keeping-strict-diet-helping-herself-with-sweet-dessert-without-remorse-afraid-get-extra-weight-showing-ok-gesture_343059-4786.jpg" },
+                  { name: "Emily R.", role: "Fan", quote: "Baked with love is true! You can taste the quality.", imageSrc: "http://img.b2bpic.net/free-photo/happy-mother-with-apron-holding-plate-muffins_23-2148414889.jpg" },
+                  { name: "David K.", role: "Subscriber", quote: "Perfect for parties. Everyone asked where I got them from.", imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-smiling-restaurant_23-2149316809.jpg" },
+                  { name: "Jessica L.", role: "Loyal Fan", quote: "Absolutely worth every cent. My go-to for cravings.", imageSrc: "http://img.b2bpic.net/free-photo/woman-having-virtual-date_23-2149307212.jpg" }
+                ]}
+              />
+            </SectionErrorBoundary>
+          </div>
+  );
+}