From 7db31c90bc8fae2002b38566562ab2bc1243d851 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Mon, 22 Jun 2026 22:06:59 +0000
Subject: [PATCH] Bob AI: Updated primary CTA color to red and font to Inter to
 match

---
 src/index.css                                |   6 +-
 src/pages/HomePage.tsx                       | 339 ++-----------------
 src/pages/HomePage/sections/About.tsx        |  26 ++
 src/pages/HomePage/sections/Contact.tsx      |  27 ++
 src/pages/HomePage/sections/Faq.tsx          |  35 ++
 src/pages/HomePage/sections/Features.tsx     |  49 +++
 src/pages/HomePage/sections/Hero.tsx         |  68 ++++
 src/pages/HomePage/sections/Pricing.tsx      |  66 ++++
 src/pages/HomePage/sections/Product.tsx      |  64 ++++
 src/pages/HomePage/sections/Testimonials.tsx |  57 ++++
 10 files changed, 419 insertions(+), 318 deletions(-)
 create mode 100644 src/pages/HomePage/sections/About.tsx
 create mode 100644 src/pages/HomePage/sections/Contact.tsx
 create mode 100644 src/pages/HomePage/sections/Faq.tsx
 create mode 100644 src/pages/HomePage/sections/Features.tsx
 create mode 100644 src/pages/HomePage/sections/Hero.tsx
 create mode 100644 src/pages/HomePage/sections/Pricing.tsx
 create mode 100644 src/pages/HomePage/sections/Product.tsx
 create mode 100644 src/pages/HomePage/sections/Testimonials.tsx

diff --git a/src/index.css b/src/index.css
index ff291a6..7d41ee8 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
 @import "tailwindcss";
 @import "./styles/masks.css";
 @import "./styles/animations.css";
@@ -8,7 +8,7 @@
   --background: #000000;
   --card: #0c0c0c;
   --foreground: #ffffff;
-  --primary-cta: #106EFB;
+  --primary-cta: #E53935;
   --primary-cta-text: #ffffff;
   --secondary-cta: #000000;
   --secondary-cta-text: #ffffff;
@@ -88,7 +88,7 @@
   --color-background-accent: var(--background-accent);
 
   /* Fonts */
-  --font-sans: 'Nunito', sans-serif;
+  --font-sans: 'Inter', sans-serif;
   --font-tight: "Inter Tight", sans-serif;
   --font-mono: monospace;
 
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 50e49e0..13301c4 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,327 +1,36 @@
-import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeaturesDetailedCards from '@/components/sections/features/FeaturesDetailedCards';
-import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
-import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee';
-import PricingHighlightedCards from '@/components/sections/pricing/PricingHighlightedCards';
-import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
-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 ProductSection from './HomePage/sections/Product';
+import PricingSection from './HomePage/sections/Pricing';
+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">
-          <HeroSplitVerticalMarquee
-      tag="SaaS Platform"
-      title="Modernize Your Workflow With Filtrify"
-      description="Streamline data, automate processes, and scale your business with the most advanced filtering and management suite."
-      primaryButton={{
-        text: "Start Free Trial",
-        href: "#pricing",
-      }}
-      secondaryButton={{
-        text: "Book a Demo",
-        href: "#contact",
-      }}
-      leftItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/gradient-background-with-pink-purple-light-effect_53876-103684.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-elegant-background-with-landscape-extruding-hexagons-black-gold_1048-15814.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/network-connections_1048-7667.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-flowing-cyber-particles_1048-13211.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-with-defocussed-areas_1048-12159.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/gray-wireframe-wave-with-geometric-shapes-black-background_53876-129584.jpg",
-        },
-      ]}
-      rightItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-black-friday-neon-logo_23-2151854207.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-futuristic-background-with-flowing-particles-data-science_1048-18193.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/bright-blue-drop-water_23-2147748903.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-cyber-lines-particles_1048-13985.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white_23-2150853557.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/globe-internet-icon-line-connection-circuit-board_1379-893.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+<>
+  <HeroSection />
 
-  <div id="about" data-section="about">
-    <SectionErrorBoundary name="about">
-          <AboutTextSplit
-      title="Intelligence Built for Growth"
-      descriptions={[
-        "Filtrify provides the essential infrastructure for modern data management. We believe in simplifying the complex, allowing your team to focus on what matters most.",
-        "Our platform is designed for agility. Whether you're a startup or an enterprise, our tools adapt to your scale, performance needs, and evolving business goals.",
-      ]}
-      primaryButton={{
-        text: "Our Vision",
-        href: "#",
-      }}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <AboutSection />
 
-  <div id="features" data-section="features">
-    <SectionErrorBoundary name="features">
-          <FeaturesDetailedCards
-      tag="Capabilities"
-      title="Comprehensive Data Solutions"
-      description="Manage your ecosystem with precision and confidence."
-      items={[
-        {
-          title: "Automated Filtering",
-          description: "Intelligent, real-time data sorting and categorization.",
-          tags: [
-            "AI-Driven",
-            "Fast",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-smartwatch-hologram-presentation-wearable-gadget_53876-97061.jpg",
-        },
-        {
-          title: "Cloud-Native Architecture",
-          description: "Scale seamlessly with our globally distributed cloud infrastructure.",
-          tags: [
-            "Secure",
-            "Cloud",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-with-different-types-graphics_1134-417.jpg",
-        },
-        {
-          title: "Advanced API Control",
-          description: "Granular control over your integration endpoints.",
-          tags: [
-            "Developer",
-            "API",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-dots-lines-connected_1048-11946.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FeaturesSection />
 
-  <div id="product" data-section="product">
-    <SectionErrorBoundary name="product">
-          <FeaturesRevealCardsBento
-      tag="Product Suite"
-      title="Unified Experience"
-      description="Everything you need in one powerful interface."
-      items={[
-        {
-          title: "Dashboard",
-          description: "Real-time analytics monitor",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology-identity-card_23-2149142081.jpg",
-        },
-        {
-          title: "Integrations",
-          description: "Connect with all tools",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-robot-interacting-with-digital-interface_23-2151966726.jpg",
-        },
-        {
-          title: "Automations",
-          description: "Set and forget tasks",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-editor-using-high-tech-vr-goggles-look-editorial-pictures_482257-82237.jpg",
-        },
-        {
-          title: "Security",
-          description: "Military-grade encryption",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/technology-particle-dots-5g-digital-corporate-background_53876-102624.jpg",
-        },
-        {
-          title: "Reporting",
-          description: "Deep data insights",
-          href: "#",
-          imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=52mh30",
-        },
-        {
-          title: "Team Access",
-          description: "Role-based control",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-3d-rendering-modern-tech-device_187299-46717.jpg",
-        },
-        {
-          title: "Audit Logs",
-          description: "Track every change",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology_23-2149123980.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ProductSection />
 
-  <div id="pricing" data-section="pricing">
-    <SectionErrorBoundary name="pricing">
-          <PricingHighlightedCards
-      tag="Pricing Plans"
-      title="Transparent & Scalable"
-      description="Select the plan that fits your current operational needs."
-      plans={[
-        {
-          tag: "Starter",
-          price: "$49",
-          description: "Ideal for small teams",
-          features: [
-            "5 projects",
-            "Basic API access",
-            "24/7 Support",
-          ],
-          primaryButton: {
-            text: "Get Started",
-            href: "#contact",
-          },
-        },
-        {
-          tag: "Growth",
-          price: "$129",
-          description: "Best for growing startups",
-          features: [
-            "Unlimited projects",
-            "Full API access",
-            "Priority Support",
-            "Advanced Analytics",
-          ],
-          highlight: "Popular",
-          primaryButton: {
-            text: "Get Started",
-            href: "#contact",
-          },
-        },
-        {
-          tag: "Enterprise",
-          price: "Custom",
-          description: "For large organizations",
-          features: [
-            "SSO & Security",
-            "Custom SLAs",
-            "Dedicated Account Manager",
-          ],
-          primaryButton: {
-            text: "Contact Us",
-            href: "#contact",
-          },
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <PricingSection />
 
-  <div id="testimonials" data-section="testimonials">
-    <SectionErrorBoundary name="testimonials">
-          <TestimonialRatingCards
-      tag="Testimonials"
-      title="Trusted by Leaders"
-      description="See why top companies switch to Filtrify."
-      testimonials={[
-        {
-          name: "John Doe",
-          role: "CEO",
-          quote: "The platform revolutionized our workflow.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3575.jpg",
-        },
-        {
-          name: "Jane Smith",
-          role: "CTO",
-          quote: "Incredible API controls and performance.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg",
-        },
-        {
-          name: "Alex Brown",
-          role: "Head of Engineering",
-          quote: "A must-have for modern cloud infrastructure.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",
-        },
-        {
-          name: "Sarah Lee",
-          role: "Founder",
-          quote: "The bento grid UI is incredibly intuitive.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",
-        },
-        {
-          name: "Mike Davis",
-          role: "DevOps",
-          quote: "Solid security and reliable scaling.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/sucsessful-businesswoman-studio-isolated-grey_613910-11320.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <TestimonialsSection />
 
-  <div id="faq" data-section="faq">
-    <SectionErrorBoundary name="faq">
-          <FaqSplitMedia
-      tag="Questions"
-      title="Frequently Asked"
-      description="Find answers to our most common queries."
-      items={[
-        {
-          question: "Is it free to start?",
-          answer: "Yes, we offer a 14-day free trial.",
-        },
-        {
-          question: "Can I upgrade anytime?",
-          answer: "Yes, you can upgrade your plan via the dashboard.",
-        },
-        {
-          question: "Do you have support?",
-          answer: "Our dedicated support team is available 24/7.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/low-poly-background-with-connecting-lines-dots_1048-6496.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FaqSection />
 
-  <div id="contact" data-section="contact">
-    <SectionErrorBoundary name="contact">
-          <ContactCta
-      tag="Join Us"
-      text="Ready to scale your business operations?"
-      primaryButton={{
-        text: "Contact Support",
-        href: "mailto:hello@filtrify.com.br",
-      }}
-      secondaryButton={{
-        text: "Schedule Demo",
-        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..bc89e2d
--- /dev/null
+++ b/src/pages/HomePage/sections/About.tsx
@@ -0,0 +1,26 @@
+// 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="Intelligence Built for Growth"
+          descriptions={[
+            "Filtrify provides the essential infrastructure for modern data management. We believe in simplifying the complex, allowing your team to focus on what matters most.",
+            "Our platform is designed for agility. Whether you're a startup or an enterprise, our tools adapt to your scale, performance needs, and evolving business goals.",
+          ]}
+          primaryButton={{
+            text: "Our Vision",
+            href: "#",
+          }}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Contact.tsx b/src/pages/HomePage/sections/Contact.tsx
new file mode 100644
index 0000000..d2ed896
--- /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="Join Us"
+          text="Ready to scale your business operations?"
+          primaryButton={{
+            text: "Contact Support",
+            href: "mailto:hello@filtrify.com.br",
+          }}
+          secondaryButton={{
+            text: "Schedule Demo",
+            href: "#",
+          }}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Faq.tsx b/src/pages/HomePage/sections/Faq.tsx
new file mode 100644
index 0000000..0671863
--- /dev/null
+++ b/src/pages/HomePage/sections/Faq.tsx
@@ -0,0 +1,35 @@
+// 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 FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FaqSection(): React.JSX.Element {
+  return (
+    <div id="faq" data-section="faq">
+        <SectionErrorBoundary name="faq">
+              <FaqSplitMedia
+          tag="Questions"
+          title="Frequently Asked"
+          description="Find answers to our most common queries."
+          items={[
+            {
+              question: "Is it free to start?",
+              answer: "Yes, we offer a 14-day free trial.",
+            },
+            {
+              question: "Can I upgrade anytime?",
+              answer: "Yes, you can upgrade your plan via the dashboard.",
+            },
+            {
+              question: "Do you have support?",
+              answer: "Our dedicated support team is available 24/7.",
+            },
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/low-poly-background-with-connecting-lines-dots_1048-6496.jpg"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Features.tsx b/src/pages/HomePage/sections/Features.tsx
new file mode 100644
index 0000000..4b59021
--- /dev/null
+++ b/src/pages/HomePage/sections/Features.tsx
@@ -0,0 +1,49 @@
+// 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 FeaturesDetailedCards from '@/components/sections/features/FeaturesDetailedCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FeaturesSection(): React.JSX.Element {
+  return (
+    <div id="features" data-section="features">
+        <SectionErrorBoundary name="features">
+              <FeaturesDetailedCards
+          tag="Capabilities"
+          title="Comprehensive Data Solutions"
+          description="Manage your ecosystem with precision and confidence."
+          items={[
+            {
+              title: "Automated Filtering",
+              description: "Intelligent, real-time data sorting and categorization.",
+              tags: [
+                "AI-Driven",
+                "Fast",
+              ],
+              imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-smartwatch-hologram-presentation-wearable-gadget_53876-97061.jpg",
+            },
+            {
+              title: "Cloud-Native Architecture",
+              description: "Scale seamlessly with our globally distributed cloud infrastructure.",
+              tags: [
+                "Secure",
+                "Cloud",
+              ],
+              imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-with-different-types-graphics_1134-417.jpg",
+            },
+            {
+              title: "Advanced API Control",
+              description: "Granular control over your integration endpoints.",
+              tags: [
+                "Developer",
+                "API",
+              ],
+              imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-dots-lines-connected_1048-11946.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..322764f
--- /dev/null
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -0,0 +1,68 @@
+// 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 HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div id="hero" data-section="hero">
+        <SectionErrorBoundary name="hero">
+              <HeroSplitVerticalMarquee
+          tag="SaaS Platform"
+          title="Modernize Your Workflow With Filtrify"
+          description="Streamline data, automate processes, and scale your business with the most advanced filtering and management suite."
+          primaryButton={{
+            text: "Start Free Trial",
+            href: "#pricing",
+          }}
+          secondaryButton={{
+            text: "Book a Demo",
+            href: "#contact",
+          }}
+          leftItems={[
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/gradient-background-with-pink-purple-light-effect_53876-103684.jpg",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/3d-elegant-background-with-landscape-extruding-hexagons-black-gold_1048-15814.jpg",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/network-connections_1048-7667.jpg",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-flowing-cyber-particles_1048-13211.jpg",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-with-defocussed-areas_1048-12159.jpg",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/gray-wireframe-wave-with-geometric-shapes-black-background_53876-129584.jpg",
+            },
+          ]}
+          rightItems={[
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-black-friday-neon-logo_23-2151854207.jpg",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/3d-futuristic-background-with-flowing-particles-data-science_1048-18193.jpg",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/bright-blue-drop-water_23-2147748903.jpg",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-cyber-lines-particles_1048-13985.jpg",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white_23-2150853557.jpg",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/globe-internet-icon-line-connection-circuit-board_1379-893.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Pricing.tsx b/src/pages/HomePage/sections/Pricing.tsx
new file mode 100644
index 0000000..4d5c54f
--- /dev/null
+++ b/src/pages/HomePage/sections/Pricing.tsx
@@ -0,0 +1,66 @@
+// 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 PricingHighlightedCards from '@/components/sections/pricing/PricingHighlightedCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function PricingSection(): React.JSX.Element {
+  return (
+    <div id="pricing" data-section="pricing">
+        <SectionErrorBoundary name="pricing">
+              <PricingHighlightedCards
+          tag="Pricing Plans"
+          title="Transparent & Scalable"
+          description="Select the plan that fits your current operational needs."
+          plans={[
+            {
+              tag: "Starter",
+              price: "$49",
+              description: "Ideal for small teams",
+              features: [
+                "5 projects",
+                "Basic API access",
+                "24/7 Support",
+              ],
+              primaryButton: {
+                text: "Get Started",
+                href: "#contact",
+              },
+            },
+            {
+              tag: "Growth",
+              price: "$129",
+              description: "Best for growing startups",
+              features: [
+                "Unlimited projects",
+                "Full API access",
+                "Priority Support",
+                "Advanced Analytics",
+              ],
+              highlight: "Popular",
+              primaryButton: {
+                text: "Get Started",
+                href: "#contact",
+              },
+            },
+            {
+              tag: "Enterprise",
+              price: "Custom",
+              description: "For large organizations",
+              features: [
+                "SSO & Security",
+                "Custom SLAs",
+                "Dedicated Account Manager",
+              ],
+              primaryButton: {
+                text: "Contact Us",
+                href: "#contact",
+              },
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Product.tsx b/src/pages/HomePage/sections/Product.tsx
new file mode 100644
index 0000000..b1b617c
--- /dev/null
+++ b/src/pages/HomePage/sections/Product.tsx
@@ -0,0 +1,64 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "product" section.
+
+import React from 'react';
+import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ProductSection(): React.JSX.Element {
+  return (
+    <div id="product" data-section="product">
+        <SectionErrorBoundary name="product">
+              <FeaturesRevealCardsBento
+          tag="Product Suite"
+          title="Unified Experience"
+          description="Everything you need in one powerful interface."
+          items={[
+            {
+              title: "Dashboard",
+              description: "Real-time analytics monitor",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology-identity-card_23-2149142081.jpg",
+            },
+            {
+              title: "Integrations",
+              description: "Connect with all tools",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/futuristic-robot-interacting-with-digital-interface_23-2151966726.jpg",
+            },
+            {
+              title: "Automations",
+              description: "Set and forget tasks",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/photo-editor-using-high-tech-vr-goggles-look-editorial-pictures_482257-82237.jpg",
+            },
+            {
+              title: "Security",
+              description: "Military-grade encryption",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/technology-particle-dots-5g-digital-corporate-background_53876-102624.jpg",
+            },
+            {
+              title: "Reporting",
+              description: "Deep data insights",
+              href: "#",
+              imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=52mh30",
+            },
+            {
+              title: "Team Access",
+              description: "Role-based control",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/minimalist-3d-rendering-modern-tech-device_187299-46717.jpg",
+            },
+            {
+              title: "Audit Logs",
+              description: "Track every change",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology_23-2149123980.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..5742095
--- /dev/null
+++ b/src/pages/HomePage/sections/Testimonials.tsx
@@ -0,0 +1,57 @@
+// 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 TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function TestimonialsSection(): React.JSX.Element {
+  return (
+    <div id="testimonials" data-section="testimonials">
+        <SectionErrorBoundary name="testimonials">
+              <TestimonialRatingCards
+          tag="Testimonials"
+          title="Trusted by Leaders"
+          description="See why top companies switch to Filtrify."
+          testimonials={[
+            {
+              name: "John Doe",
+              role: "CEO",
+              quote: "The platform revolutionized our workflow.",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3575.jpg",
+            },
+            {
+              name: "Jane Smith",
+              role: "CTO",
+              quote: "Incredible API controls and performance.",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg",
+            },
+            {
+              name: "Alex Brown",
+              role: "Head of Engineering",
+              quote: "A must-have for modern cloud infrastructure.",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",
+            },
+            {
+              name: "Sarah Lee",
+              role: "Founder",
+              quote: "The bento grid UI is incredibly intuitive.",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",
+            },
+            {
+              name: "Mike Davis",
+              role: "DevOps",
+              quote: "Solid security and reliable scaling.",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/sucsessful-businesswoman-studio-isolated-grey_613910-11320.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
-- 
2.49.1