diff --git a/src/index.css b/src/index.css
index a1e52c5..a49509a 100644
--- a/src/index.css
+++ b/src/index.css
@@ -5,15 +5,15 @@
 
 :root {
   /* @colorThemes/lightTheme/grayNavyBlue */
-  --background: #050012;
-  --card: #040121;
-  --foreground: #f0e6ff;
-  --primary-cta: #c89bff;
-  --primary-cta-text: #050012;
-  --secondary-cta: #1d123b;
-  --secondary-cta-text: #f0e6ff;
-  --accent: #684f7b;
-  --background-accent: #65417c;
+  --background: #ffffff;
+  --card: #f8fafc;
+  --foreground: #0f172a;
+  --primary-cta: #2563eb;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f1f5f9;
+  --secondary-cta-text: #0f172a;
+  --accent: #64748b;
+  --background-accent: #dbeafe;
 
   /* @layout/border-radius/rounded */
   --radius: 0.5rem;
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index a8afef4..20a737a 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,207 +1,33 @@
-import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FeaturesComparison from '@/components/sections/features/FeaturesComparison';
-import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
-import HeroSplit from '@/components/sections/hero/HeroSplit';
-import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
-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 BentoSection from './HomePage/sections/Bento';
+import MetricsSection from './HomePage/sections/Metrics';
+import TestimonialsSection from './HomePage/sections/Testimonials';
+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="Innovative AI Research"
-      title="Unlocking Consumer Insights with AI"
-      description="At ATES Research Group, we transform raw data into precise consumer understanding. Our AI-driven methodologies empower businesses to bridge the gap between market complexity and clear strategy."
-      primaryButton={{
-        text: "Start Your Research",
-        href: "#contact",
-      }}
-      secondaryButton={{
-        text: "Our Methodology",
-        href: "#about",
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/high-blurred-spots-black-screen_23-2148241362.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+<>
+  <HeroSection />
 
-  <div id="about" data-section="about">
-    <SectionErrorBoundary name="about">
-          <AboutTextSplit
-      title="Who We Are"
-      descriptions={[
-        "ATES Research Group is a dedicated team of researchers and data scientists focused on the deep comprehension of consumer avatars and market preferences. We provide the intelligence needed to pivot effectively.",
-        "Based in the heart of Chișinău, we combine local market expertise with global AI technologies to give your company the competitive edge it deserves.",
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <AboutSection />
 
-  <div id="features" data-section="features">
-    <SectionErrorBoundary name="features">
-          <FeaturesComparison
-      tag="Advanced Capabilities"
-      title="Why ATES Research Group?"
-      description="We don't just collect data; we clarify the hidden signals behind consumer choices."
-      negativeItems={[
-        "Traditional blind testing",
-        "Static customer segments",
-        "Slow, manual reporting",
-      ]}
-      positiveItems={[
-        "AI-driven predictive analysis",
-        "Dynamic, live consumer avatars",
-        "Real-time actionable insights",
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FeaturesSection />
 
-  <div id="bento" data-section="bento">
-    <SectionErrorBoundary name="bento">
-          <FeaturesImageBento
-      tag="Our Research Focus"
-      title="Intelligence Areas"
-      description="From behavioral forecasting to deep consumer profiling."
-      items={[
-        {
-          title: "Market Trends",
-          description: "Predicting future waves.",
-          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169844.jpg",
-        },
-        {
-          title: "Algorithmic Research",
-          description: "Precision modeling.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-illustration-human-face-design_460848-8147.jpg",
-        },
-        {
-          title: "Consumer Profiles",
-          description: "Deep persona mapping.",
-          imageSrc: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-basketball-player-dunking-motion-design_183364-124102.jpg",
-        },
-        {
-          title: "Preference Analytics",
-          description: "Buying intent signals.",
-          imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904323.jpg",
-        },
-        {
-          title: "Collaboration Tools",
-          description: "Integrated research workflows.",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg",
-        },
-        {
-          title: "Innovation Lab",
-          description: "Structured findings.",
-          imageSrc: "http://img.b2bpic.net/free-photo/programmer-does-ai-systems-checkup_482257-90963.jpg",
-        },
-        {
-          title: "Growth Forecasts",
-          description: "Scaling projections.",
-          imageSrc: "http://img.b2bpic.net/free-photo/finger-pressing-digital-graphic_1134-293.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <BentoSection />
 
-  <div id="metrics" data-section="metrics">
-    <SectionErrorBoundary name="metrics">
-          <MetricsFeatureCards
-      tag="Performance Stats"
-      title="Measurable Results"
-      description="Evidence-backed research delivered to your doorstep."
-      metrics={[
-        {
-          value: "98%",
-          title: "Insight Accuracy",
-          features: [
-            "Validated data sources",
-            "Bias-free modeling",
-          ],
-        },
-        {
-          value: "450+",
-          title: "Projects Completed",
-          features: [
-            "Global client base",
-            "Cross-sector expertise",
-          ],
-        },
-        {
-          value: "3x",
-          title: "Conversion Growth",
-          features: [
-            "Targeted strategy",
-            "Consumer alignment",
-          ],
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <MetricsSection />
 
-  <div id="testimonials" data-section="testimonials">
-    <SectionErrorBoundary name="testimonials">
-          <TestimonialColumnMarqueeCards
-      tag="Trusted by Partners"
-      title="Client Success Stories"
-      description="Hear what our partners in the industry are saying."
-      testimonials={[
-        {
-          name: "Otilia Cotruța",
-          role: "Client",
-          quote: "O echipă caldă și profesionistă. Recomand cu mare drag pentru înțelegerea avatarului de client și preferințele consumatorului.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg",
-        },
-        {
-          name: "Soft Media",
-          role: "Partner",
-          quote: "O echipă minunată! ATES research grup mau ajutat să înțeleg profilul partenerilor și a clienților companiei.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-executive-looking-camera_1262-4763.jpg",
-        },
-        {
-          name: "Alex B.",
-          role: "CEO",
-          quote: "Exceptional insight, their AI tools changed our strategy entirely.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg",
-        },
-        {
-          name: "Maria L.",
-          role: "Marketing Director",
-          quote: "Precise data handling and deep analytical rigor.",
-          imageSrc: "http://img.b2bpic.net/free-photo/grey-haired-male-copy-space-background_23-2148401489.jpg",
-        },
-        {
-          name: "Ion V.",
-          role: "Operations",
-          quote: "The most professional research group in Chișinău.",
-          imageSrc: "http://img.b2bpic.net/free-photo/brunette-business-woman-with-wavy-long-hair-blue-eyes-stands-holding-notebook-hands_197531-343.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <TestimonialsSection />
 
-  <div id="contact" data-section="contact">
-    <SectionErrorBoundary name="contact">
-          <ContactCta
-      tag="Get in Touch"
-      text="Ready to unlock your competitive advantage?"
-      primaryButton={{
-        text: "Contact Us",
-        href: "tel:079996060",
-      }}
-      secondaryButton={{
-        text: "Visit Us",
-        href: "#",
-      }}
-    />
-    </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..ec68892
--- /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 AboutTextSplit from '@/components/sections/about/AboutTextSplit';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function AboutSection(): React.JSX.Element {
+  return (
+    <div id="about" data-section="about">
+        <SectionErrorBoundary name="about">
+              <AboutTextSplit
+          title="Who We Are"
+          descriptions={[
+            "ATES Research Group is a dedicated team of researchers and data scientists focused on the deep comprehension of consumer avatars and market preferences. We provide the intelligence needed to pivot effectively.",
+            "Based in the heart of Chișinău, we combine local market expertise with global AI technologies to give your company the competitive edge it deserves.",
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Bento.tsx b/src/pages/HomePage/sections/Bento.tsx
new file mode 100644
index 0000000..7b9069f
--- /dev/null
+++ b/src/pages/HomePage/sections/Bento.tsx
@@ -0,0 +1,57 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "bento" section.
+
+import React from 'react';
+import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function BentoSection(): React.JSX.Element {
+  return (
+    <div id="bento" data-section="bento">
+        <SectionErrorBoundary name="bento">
+              <FeaturesImageBento
+          tag="Our Research Focus"
+          title="Intelligence Areas"
+          description="From behavioral forecasting to deep consumer profiling."
+          items={[
+            {
+              title: "Market Trends",
+              description: "Predicting future waves.",
+              imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169844.jpg",
+            },
+            {
+              title: "Algorithmic Research",
+              description: "Precision modeling.",
+              imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-illustration-human-face-design_460848-8147.jpg",
+            },
+            {
+              title: "Consumer Profiles",
+              description: "Deep persona mapping.",
+              imageSrc: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-basketball-player-dunking-motion-design_183364-124102.jpg",
+            },
+            {
+              title: "Preference Analytics",
+              description: "Buying intent signals.",
+              imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904323.jpg",
+            },
+            {
+              title: "Collaboration Tools",
+              description: "Integrated research workflows.",
+              imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg",
+            },
+            {
+              title: "Innovation Lab",
+              description: "Structured findings.",
+              imageSrc: "http://img.b2bpic.net/free-photo/programmer-does-ai-systems-checkup_482257-90963.jpg",
+            },
+            {
+              title: "Growth Forecasts",
+              description: "Scaling projections.",
+              imageSrc: "http://img.b2bpic.net/free-photo/finger-pressing-digital-graphic_1134-293.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Contact.tsx b/src/pages/HomePage/sections/Contact.tsx
new file mode 100644
index 0000000..6b0c8f3
--- /dev/null
+++ b/src/pages/HomePage/sections/Contact.tsx
@@ -0,0 +1,27 @@
+// 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="Get in Touch"
+          text="Ready to unlock your competitive advantage?"
+          primaryButton={{
+            text: "Contact Us",
+            href: "tel:079996060",
+          }}
+          secondaryButton={{
+            text: "Visit Us",
+            href: "#",
+          }}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Features.tsx b/src/pages/HomePage/sections/Features.tsx
new file mode 100644
index 0000000..f054f03
--- /dev/null
+++ b/src/pages/HomePage/sections/Features.tsx
@@ -0,0 +1,30 @@
+// 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 FeaturesComparison from '@/components/sections/features/FeaturesComparison';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FeaturesSection(): React.JSX.Element {
+  return (
+    <div id="features" data-section="features">
+        <SectionErrorBoundary name="features">
+              <FeaturesComparison
+          tag="Advanced Capabilities"
+          title="Why ATES Research Group?"
+          description="We don't just collect data; we clarify the hidden signals behind consumer choices."
+          negativeItems={[
+            "Traditional blind testing",
+            "Static customer segments",
+            "Slow, manual reporting",
+          ]}
+          positiveItems={[
+            "AI-driven predictive analysis",
+            "Dynamic, live consumer avatars",
+            "Real-time actionable insights",
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
new file mode 100644
index 0000000..bb57eaa
--- /dev/null
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -0,0 +1,29 @@
+// 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="Innovative AI Research"
+          title="Unlocking Consumer Insights with AI"
+          description="At ATES Research Group, we transform raw data into precise consumer understanding. Our AI-driven methodologies empower businesses to bridge the gap between market complexity and clear strategy."
+          primaryButton={{
+            text: "Start Your Research",
+            href: "#contact",
+          }}
+          secondaryButton={{
+            text: "Our Methodology",
+            href: "#about",
+          }}
+          imageSrc="http://img.b2bpic.net/free-photo/high-blurred-spots-black-screen_23-2148241362.jpg"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Metrics.tsx b/src/pages/HomePage/sections/Metrics.tsx
new file mode 100644
index 0000000..79efc0d
--- /dev/null
+++ b/src/pages/HomePage/sections/Metrics.tsx
@@ -0,0 +1,46 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "metrics" section.
+
+import React from 'react';
+import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function MetricsSection(): React.JSX.Element {
+  return (
+    <div id="metrics" data-section="metrics">
+        <SectionErrorBoundary name="metrics">
+              <MetricsFeatureCards
+          tag="Performance Stats"
+          title="Measurable Results"
+          description="Evidence-backed research delivered to your doorstep."
+          metrics={[
+            {
+              value: "98%",
+              title: "Insight Accuracy",
+              features: [
+                "Validated data sources",
+                "Bias-free modeling",
+              ],
+            },
+            {
+              value: "450+",
+              title: "Projects Completed",
+              features: [
+                "Global client base",
+                "Cross-sector expertise",
+              ],
+            },
+            {
+              value: "3x",
+              title: "Conversion Growth",
+              features: [
+                "Targeted strategy",
+                "Consumer alignment",
+              ],
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Testimonials.tsx b/src/pages/HomePage/sections/Testimonials.tsx
new file mode 100644
index 0000000..90e3961
--- /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 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="Trusted by Partners"
+          title="Client Success Stories"
+          description="Hear what our partners in the industry are saying."
+          testimonials={[
+            {
+              name: "Otilia Cotruța",
+              role: "Client",
+              quote: "O echipă caldă și profesionistă. Recomand cu mare drag pentru înțelegerea avatarului de client și preferințele consumatorului.",
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg",
+            },
+            {
+              name: "Soft Media",
+              role: "Partner",
+              quote: "O echipă minunată! ATES research grup mau ajutat să înțeleg profilul partenerilor și a clienților companiei.",
+              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-executive-looking-camera_1262-4763.jpg",
+            },
+            {
+              name: "Alex B.",
+              role: "CEO",
+              quote: "Exceptional insight, their AI tools changed our strategy entirely.",
+              imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg",
+            },
+            {
+              name: "Maria L.",
+              role: "Marketing Director",
+              quote: "Precise data handling and deep analytical rigor.",
+              imageSrc: "http://img.b2bpic.net/free-photo/grey-haired-male-copy-space-background_23-2148401489.jpg",
+            },
+            {
+              name: "Ion V.",
+              role: "Operations",
+              quote: "The most professional research group in Chișinău.",
+              imageSrc: "http://img.b2bpic.net/free-photo/brunette-business-woman-with-wavy-long-hair-blue-eyes-stands-holding-notebook-hands_197531-343.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}