From 2894f75520284c94a16602a92fa2314697bec49d Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Mon, 15 Jun 2026 19:49:07 +0000
Subject: [PATCH] Bob AI: Added logo marquee section after hero

---
 src/pages/HomePage.tsx                       | 186 +++----------------
 src/pages/HomePage/sections/Faq.tsx          |  27 +++
 src/pages/HomePage/sections/Features.tsx     |  39 ++++
 src/pages/HomePage/sections/Hero.tsx         |  29 +++
 src/pages/HomePage/sections/LogoMarquee.tsx  |  35 ++++
 src/pages/HomePage/sections/Metrics.tsx      |  23 +++
 src/pages/HomePage/sections/Pricing.tsx      |  63 +++++++
 src/pages/HomePage/sections/Testimonials.tsx |  37 ++++
 8 files changed, 274 insertions(+), 165 deletions(-)
 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/LogoMarquee.tsx
 create mode 100644 src/pages/HomePage/sections/Metrics.tsx
 create mode 100644 src/pages/HomePage/sections/Pricing.tsx
 create mode 100644 src/pages/HomePage/sections/Testimonials.tsx

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 80f898a..a9151ce 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,182 +1,38 @@
-import { BarChart3, Film, Megaphone } from "lucide-react";
+// 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.
+
 import NoiseGradientBackground from "@/components/ui/NoiseGradientBackground";
 import { StyleProvider } from "@/components/ui/StyleProvider";
-import HeroBillboardCreator from "@/components/sections/hero/HeroBillboardCreator";
-import MetricsIconCards from "@/components/sections/metrics/MetricsIconCards";
-import TestimonialColumnMarqueeCards from "@/components/sections/testimonial/TestimonialColumnMarqueeCards";
-import FeaturesAlternatingSplit from "@/components/sections/features/FeaturesAlternatingSplit";
-import PricingHighlightedCards from "@/components/sections/pricing/PricingHighlightedCards";
-import FaqTwoColumn from "@/components/sections/faq/FaqTwoColumn";
+import React from 'react';
+import HeroSection from './HomePage/sections/Hero';
+import MetricsSection from './HomePage/sections/Metrics';
+import FeaturesSection from './HomePage/sections/Features';
+import TestimonialsSection from './HomePage/sections/Testimonials';
+import PricingSection from './HomePage/sections/Pricing';
+import FaqSection from './HomePage/sections/Faq';
 
-export default function HomePage() {
+
+import LogoMarqueeSection from './HomePage/sections/LogoMarquee';export default function HomePage(): React.JSX.Element {
   return (
 <StyleProvider heroBackground="none" siteBackground="none" buttonVariant="bounce">
         <NoiseGradientBackground position="fixed" />
 
         
 
-        <div id="hero" data-section="hero">
-          <HeroBillboardCreator
-            tag="AI-Powered UGC"
-            title="AI UGC Ads That"
-            titleHighlight="Win."
-            description="Turn any product into scroll-stopping video ads in minutes — powered by AI actors, smart scripts, and proven creative frameworks."
-            primaryButton={{ text: "Start Creating for Free", href: "#" }}
-            note="No credit card required"
-            videos={[
-              { videoSrc: "https://storage.googleapis.com/webild/default/templates/skincare-luxury/influencer-amara.mp4", name: "Aveline", followers: "2.8M followers", imageSrc: "https://storage.googleapis.com/webild/default/templates/ai-ugc/logos/aveline.webp" },
-              { videoSrc: "https://storage.googleapis.com/webild/default/templates/skincare-luxury/influencer-chloe.mp4", name: "Maison Céleste", followers: "1.9M followers", imageSrc: "https://storage.googleapis.com/webild/default/templates/ai-ugc/logos/maison-celeste.webp" },
-              { videoSrc: "https://storage.googleapis.com/webild/default/templates/skincare-luxury/influencer-elena.mp4", name: "Violette", followers: "3.4M followers", imageSrc: "https://storage.googleapis.com/webild/default/templates/ai-ugc/logos/violette.webp" },
-              { videoSrc: "https://storage.googleapis.com/webild/default/templates/skincare-luxury/influencer-isla.mp4", name: "Noa Lane", followers: "1.1M followers", imageSrc: "https://storage.googleapis.com/webild/default/templates/ai-ugc/logos/noa-lane.webp" },
-              { videoSrc: "https://storage.googleapis.com/webild/default/templates/skincare-luxury/influencer-zara.mp4", name: "Élodie", followers: "890K followers", imageSrc: "https://storage.googleapis.com/webild/default/templates/ai-ugc/logos/elodie.webp" },
-              { videoSrc: "https://storage.googleapis.com/webild/default/templates/skincare-luxury/influencer-nadia.mp4", name: "Liora", followers: "5.2M followers", imageSrc: "https://storage.googleapis.com/webild/default/templates/ai-ugc/logos/liora.webp" },
-            ]}
-            badgeText="AI-generated"
-          />
-        </div>
+        <HeroSection />
+      <LogoMarqueeSection />
 
-        <div id="metrics" data-section="metrics">
-          <MetricsIconCards
-            tag="Platform Stats"
-            title="Built on Data. Proven by Results."
-            description="Our AI learns from millions of high-performing ads to create winning content."
-            metrics={[
-              { value: "30M+", title: "Ads Analyzed", icon: BarChart3 },
-              { value: "15M+", title: "Ads Created", icon: Film },
-              { value: "$1B+", title: "Ad Spend", icon: Megaphone },
-            ]}
-          />
-        </div>
+        <MetricsSection />
 
-        <div id="features" data-section="features">
-          <FeaturesAlternatingSplit
-            tag="How It Works"
-            title="Your Ad Engine in Four Steps"
-            description="Go from blank canvas to live campaign without touching a single editing tool."
-            items={[
-              {
-                title: "Discover",
-                description: "Explore high-performing ad formats across your vertical. Filter by platform, style, and industry to find the creative angles that resonate with your audience.",
-                imageSrc: "https://storage.googleapis.com/webild/default/templates/ai-ugc/discover.webp",
-              },
-              {
-                title: "Generate",
-                description: "Generate studio-quality video ads from a single product link. Choose between authentic UGC styles, cinematic visuals, or let the AI pick the best approach for your goals.",
-                imageSrc: "https://storage.googleapis.com/webild/default/templates/ai-ugc/create.webp",
-              },
-              {
-                title: "Launch",
-                description: "Deploy directly to Meta, TikTok, and YouTube from one dashboard. Each ad is automatically formatted and optimized for the destination platform.",
-                imageSrc: "https://storage.googleapis.com/webild/default/templates/ai-ugc/launch.webp",
-              },
-              {
-                title: "Optimize",
-                description: "See real-time performance data for every variant. Identify winning hooks, scale top performers, and pause underperformers — all without leaving the platform.",
-                imageSrc: "https://storage.googleapis.com/webild/default/templates/ai-ugc/optimize.webp",
-              },
-            ]}
-          />
-        </div>
+        <FeaturesSection />
 
-        <div id="testimonials" data-section="testimonials">
-          <TestimonialColumnMarqueeCards
-            tag="Wall of Love"
-            title="What Our Users Are Saying"
-            description="Join thousands of creators and marketers already making better ads with AI."
-            testimonials={[
-              { name: "Jonathan", role: "Founder, SiftCoin", quote: "Genuinely impressed. We launched three campaigns in a day and every single one outperformed our old agency work.", imageSrc: "https://randomuser.me/api/portraits/men/32.jpg" },
-              { name: "Ayo", role: "Founder, SaaSi", quote: "Three years ago this kind of output would've taken a full production team. Now it's just me and an AI. Wild times.", imageSrc: "https://randomuser.me/api/portraits/men/75.jpg" },
-              { name: "Sarah", role: "Growth Lead, Lumino", quote: "I was completely new to paid media. After switching to AI-generated creatives, my page views jumped 3,800% in one month.", imageSrc: "https://randomuser.me/api/portraits/women/44.jpg" },
-              { name: "Derek", role: "CMO, Venturo", quote: "We retired our freelance video roster. The AI output matches the quality and the turnaround is measured in minutes, not weeks.", imageSrc: "https://randomuser.me/api/portraits/men/36.jpg" },
-              { name: "Lina", role: "Performance Marketing, Bolt", quote: "Our cost per acquisition dropped 40% in two weeks. The platform picks up on winning hooks faster than any strategist I've worked with.", imageSrc: "https://randomuser.me/api/portraits/women/57.jpg" },
-              { name: "Chris", role: "Indie Maker", quote: "Went from no ad creative to 200 variations in a single afternoon. If you're bootstrapping, this is a no-brainer.", imageSrc: "https://randomuser.me/api/portraits/men/85.jpg" },
-              { name: "Bright Start", role: "Consumer App", quote: "We went from zero marketing budget to profitable campaigns in under a week. The AI handles the heavy lifting.", imageSrc: "https://randomuser.me/api/portraits/men/22.jpg" },
-              { name: "Tim", role: "Founder, Supatool", quote: "Found this tool last week and I can't stop using it. If you're doing any kind of UGC ads, you need to try this immediately.", imageSrc: "https://randomuser.me/api/portraits/men/45.jpg" },
-              { name: "Ramona", role: "Marketing VP", quote: "Production costs down 85%, ad output up 3x. The AI-generated presenters are so realistic our audience can't tell the difference.", imageSrc: "https://randomuser.me/api/portraits/women/65.jpg" },
-              { name: "Priya", role: "Head of Paid, Canopy", quote: "We used to test 5 hooks per campaign. Now we test 50. The batch creation feature completely changed our workflow.", imageSrc: "https://randomuser.me/api/portraits/women/33.jpg" },
-              { name: "Marcus", role: "Founder, NovaBrand", quote: "Paid for itself within the first campaign. Our return on ad spend tripled in 30 days.", imageSrc: "https://randomuser.me/api/portraits/men/55.jpg" },
-              { name: "Elena", role: "Creative Director", quote: "I was skeptical about AI video ads. Then our engagement rate doubled on the first test. I'm fully converted now.", imageSrc: "https://randomuser.me/api/portraits/women/90.jpg" },
-              { name: "Michael", role: "Founder, Dip Watch", quote: "This is the content engine every DTC brand has been waiting for. Been using it for a few weeks and results are already stacking.", imageSrc: "https://randomuser.me/api/portraits/men/52.jpg" },
-              { name: "Jon", role: "Founder, So SaaSi", quote: "My TikTok ad game was terrible before this. Now I generate dozens of variations and let the algorithm pick the winner.", imageSrc: "https://randomuser.me/api/portraits/men/67.jpg" },
-              { name: "Artery", role: "Agency", quote: "Our weekly ad output went from 5 to 50. The product-link-to-video pipeline alone saves our team dozens of hours per sprint.", imageSrc: "https://randomuser.me/api/portraits/women/28.jpg" },
-              { name: "Nadia", role: "Media Buyer", quote: "A platform that actually understands what converts on paid social. It catches trending formats faster than any human team could.", imageSrc: "https://randomuser.me/api/portraits/women/71.jpg" },
-              { name: "James", role: "Co-founder, AdScale", quote: "Plugged it into our pipeline and the creative bottleneck disappeared overnight. Scaling campaigns has never been this smooth.", imageSrc: "https://randomuser.me/api/portraits/men/41.jpg" },
-              { name: "Olivia", role: "Growth Manager, Fizz", quote: "Paste a product link, get back scroll-stopping video ads. That single feature saved us 20+ hours a week.", imageSrc: "https://randomuser.me/api/portraits/women/15.jpg" },
-            ]}
-          />
-        </div>
+        <TestimonialsSection />
 
-        <div id="pricing" data-section="pricing">
-          <PricingHighlightedCards
-            tag="Pricing"
-            title="Pick Your Plan"
-            description="No hidden fees. Upgrade, downgrade, or cancel anytime."
-            plans={[
-              {
-                tag: "Free",
-                price: "$0/mo",
-                description: "Perfect for trying things out.",
-                features: [
-                  "10 credits per month",
-                  "100 AI presenters",
-                  "50 ad templates",
-                  "10 generation models",
-                  "Watermark on exports",
-                ],
-                primaryButton: { text: "Get Started", href: "#" },
-              },
-              {
-                tag: "Pro",
-                price: "$49/mo",
-                description: "For growth teams running ads at scale.",
-                highlight: "Most Popular",
-                features: [
-                  "300 credits per month",
-                  "1,500 AI presenters + 3 custom avatars",
-                  "500+ ad templates",
-                  "100+ premium models",
-                  "Creative analytics dashboard",
-                  "Team seats — up to 5 members",
-                  "Direct ad platform publishing",
-                  "75+ language support",
-                ],
-                primaryButton: { text: "Choose Pro", href: "#" },
-              },
-              {
-                tag: "Starter",
-                price: "$33/mo",
-                description: "For solo creators shipping ads weekly.",
-                features: [
-                  "100 credits per month",
-                  "300 AI presenters",
-                  "200+ ad templates",
-                  "50+ premium models",
-                  "Watermark-free exports",
-                  "75+ language support",
-                ],
-                primaryButton: { text: "Choose Starter", href: "#" },
-              },
-            ]}
-          />
-        </div>
+        <PricingSection />
 
-        <div id="faq" data-section="faq">
-          <FaqTwoColumn
-            tag="FAQ"
-            title="Got Questions?"
-            description="Here are the answers to the most common ones."
-            items={[
-              { question: "What exactly does this platform do?", answer: "It turns any product into high-performing video ads using AI. You provide a link or an image, and the platform generates scroll-stopping UGC-style or cinematic ads — ready to publish." },
-              { question: "Do I need any video editing skills?", answer: "None at all. The entire process is automated. Paste a product link, pick a style, and the AI handles scripting, voiceover, visuals, and formatting." },
-              { question: "Which ad formats can I create?", answer: "All the major ones — vertical (9:16) for TikTok and Reels, square (1:1) for feed placements, and landscape (16:9) for YouTube. Every export is optimized for its destination." },
-              { question: "How realistic are the AI presenters?", answer: "Very. The platform offers over 1,500 AI-generated presenters that look and sound natural. On the Pro plan, you can also train custom avatars based on your own brand faces." },
-              { question: "Can I publish ads directly from the platform?", answer: "Yes. Connect your Meta, TikTok, or YouTube ad accounts and push creatives live without switching tools." },
-              { question: "Is there a way to try it for free?", answer: "Absolutely. The free tier gives you 10 credits per month, access to 100 AI presenters, and 50 templates — no credit card needed." },
-              { question: "How does batch creation work?", answer: "You can generate dozens or hundreds of ad variations in one go by mixing different hooks, scripts, presenters, and visual styles. It's built for teams that run heavy A/B testing." },
-              { question: "Which languages are supported?", answer: "Over 75 languages are available out of the box, so you can localize creatives for global markets without hiring translators or voiceover artists." },
-            ]}
-          />
-        </div>
+        <FaqSection />
 
         
       </StyleProvider>
diff --git a/src/pages/HomePage/sections/Faq.tsx b/src/pages/HomePage/sections/Faq.tsx
new file mode 100644
index 0000000..26d6cba
--- /dev/null
+++ b/src/pages/HomePage/sections/Faq.tsx
@@ -0,0 +1,27 @@
+// 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";
+
+export default function FaqSection(): React.JSX.Element {
+  return (
+    <div id="faq" data-section="faq">
+              <FaqTwoColumn
+                tag="FAQ"
+                title="Got Questions?"
+                description="Here are the answers to the most common ones."
+                items={[
+                  { question: "What exactly does this platform do?", answer: "It turns any product into high-performing video ads using AI. You provide a link or an image, and the platform generates scroll-stopping UGC-style or cinematic ads — ready to publish." },
+                  { question: "Do I need any video editing skills?", answer: "None at all. The entire process is automated. Paste a product link, pick a style, and the AI handles scripting, voiceover, visuals, and formatting." },
+                  { question: "Which ad formats can I create?", answer: "All the major ones — vertical (9:16) for TikTok and Reels, square (1:1) for feed placements, and landscape (16:9) for YouTube. Every export is optimized for its destination." },
+                  { question: "How realistic are the AI presenters?", answer: "Very. The platform offers over 1,500 AI-generated presenters that look and sound natural. On the Pro plan, you can also train custom avatars based on your own brand faces." },
+                  { question: "Can I publish ads directly from the platform?", answer: "Yes. Connect your Meta, TikTok, or YouTube ad accounts and push creatives live without switching tools." },
+                  { question: "Is there a way to try it for free?", answer: "Absolutely. The free tier gives you 10 credits per month, access to 100 AI presenters, and 50 templates — no credit card needed." },
+                  { question: "How does batch creation work?", answer: "You can generate dozens or hundreds of ad variations in one go by mixing different hooks, scripts, presenters, and visual styles. It's built for teams that run heavy A/B testing." },
+                  { question: "Which languages are supported?", answer: "Over 75 languages are available out of the box, so you can localize creatives for global markets without hiring translators or voiceover artists." },
+                ]}
+              />
+            </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Features.tsx b/src/pages/HomePage/sections/Features.tsx
new file mode 100644
index 0000000..0aa7b76
--- /dev/null
+++ b/src/pages/HomePage/sections/Features.tsx
@@ -0,0 +1,39 @@
+// 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 FeaturesAlternatingSplit from "@/components/sections/features/FeaturesAlternatingSplit";
+
+export default function FeaturesSection(): React.JSX.Element {
+  return (
+    <div id="features" data-section="features">
+              <FeaturesAlternatingSplit
+                tag="How It Works"
+                title="Your Ad Engine in Four Steps"
+                description="Go from blank canvas to live campaign without touching a single editing tool."
+                items={[
+                  {
+                    title: "Discover",
+                    description: "Explore high-performing ad formats across your vertical. Filter by platform, style, and industry to find the creative angles that resonate with your audience.",
+                    imageSrc: "https://storage.googleapis.com/webild/default/templates/ai-ugc/discover.webp",
+                  },
+                  {
+                    title: "Generate",
+                    description: "Generate studio-quality video ads from a single product link. Choose between authentic UGC styles, cinematic visuals, or let the AI pick the best approach for your goals.",
+                    imageSrc: "https://storage.googleapis.com/webild/default/templates/ai-ugc/create.webp",
+                  },
+                  {
+                    title: "Launch",
+                    description: "Deploy directly to Meta, TikTok, and YouTube from one dashboard. Each ad is automatically formatted and optimized for the destination platform.",
+                    imageSrc: "https://storage.googleapis.com/webild/default/templates/ai-ugc/launch.webp",
+                  },
+                  {
+                    title: "Optimize",
+                    description: "See real-time performance data for every variant. Identify winning hooks, scale top performers, and pause underperformers — all without leaving the platform.",
+                    imageSrc: "https://storage.googleapis.com/webild/default/templates/ai-ugc/optimize.webp",
+                  },
+                ]}
+              />
+            </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
new file mode 100644
index 0000000..65eeb27
--- /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 HeroBillboardCreator from "@/components/sections/hero/HeroBillboardCreator";
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div id="hero" data-section="hero">
+              <HeroBillboardCreator
+                tag="AI-Powered UGC"
+                title="AI UGC Ads That"
+                titleHighlight="Win."
+                description="Turn any product into scroll-stopping video ads in minutes — powered by AI actors, smart scripts, and proven creative frameworks."
+                primaryButton={{ text: "Start Creating for Free", href: "#" }}
+                note="No credit card required"
+                videos={[
+                  { videoSrc: "https://storage.googleapis.com/webild/default/templates/skincare-luxury/influencer-amara.mp4", name: "Aveline", followers: "2.8M followers", imageSrc: "https://storage.googleapis.com/webild/default/templates/ai-ugc/logos/aveline.webp" },
+                  { videoSrc: "https://storage.googleapis.com/webild/default/templates/skincare-luxury/influencer-chloe.mp4", name: "Maison Céleste", followers: "1.9M followers", imageSrc: "https://storage.googleapis.com/webild/default/templates/ai-ugc/logos/maison-celeste.webp" },
+                  { videoSrc: "https://storage.googleapis.com/webild/default/templates/skincare-luxury/influencer-elena.mp4", name: "Violette", followers: "3.4M followers", imageSrc: "https://storage.googleapis.com/webild/default/templates/ai-ugc/logos/violette.webp" },
+                  { videoSrc: "https://storage.googleapis.com/webild/default/templates/skincare-luxury/influencer-isla.mp4", name: "Noa Lane", followers: "1.1M followers", imageSrc: "https://storage.googleapis.com/webild/default/templates/ai-ugc/logos/noa-lane.webp" },
+                  { videoSrc: "https://storage.googleapis.com/webild/default/templates/skincare-luxury/influencer-zara.mp4", name: "Élodie", followers: "890K followers", imageSrc: "https://storage.googleapis.com/webild/default/templates/ai-ugc/logos/elodie.webp" },
+                  { videoSrc: "https://storage.googleapis.com/webild/default/templates/skincare-luxury/influencer-nadia.mp4", name: "Liora", followers: "5.2M followers", imageSrc: "https://storage.googleapis.com/webild/default/templates/ai-ugc/logos/liora.webp" },
+                ]}
+                badgeText="AI-generated"
+              />
+            </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/LogoMarquee.tsx b/src/pages/HomePage/sections/LogoMarquee.tsx
new file mode 100644
index 0000000..c659219
--- /dev/null
+++ b/src/pages/HomePage/sections/LogoMarquee.tsx
@@ -0,0 +1,35 @@
+import LoopCarousel from "@/components/ui/LoopCarousel";
+import ImageOrVideo from "@/components/ui/ImageOrVideo";
+
+export default function LogoMarqueeSection() {
+  return (
+    <section data-webild-section="logo-marquee" id="logo-marquee" className="relative w-full py-12 bg-background border-y border-border/50 overflow-hidden">
+      <div className="max-w-content-width mx-auto px-6 mb-8 text-center">
+        <p className="text-sm font-medium text-muted-foreground uppercase tracking-wider">
+          Trusted by innovative creators and brands
+        </p>
+      </div>
+      <LoopCarousel>
+        <div className="flex items-center">
+          {[
+            "https://storage.googleapis.com/webild/users/user_3FBeFqmGHuqiH6r1CWnxJcwPK6F/uploaded-1781552885298-fgyz6nss.jpg",
+            "https://images.unsplash.com/photo-1611162617474-5b21e879e113?w=800&q=80",
+            "https://images.unsplash.com/photo-1611162616305-c69b3fa7fbe0?w=800&q=80",
+            "https://images.unsplash.com/photo-1611162618071-b39a2ec055fb?w=800&q=80",
+            "https://images.unsplash.com/photo-1611162616475-46b635cb6868?w=800&q=80",
+            "https://storage.googleapis.com/webild/users/user_3FBeFqmGHuqiH6r1CWnxJcwPK6F/uploaded-1781552885298-fgyz6nss.jpg",
+            "https://images.unsplash.com/photo-1611162617474-5b21e879e113?w=800&q=80",
+            "https://images.unsplash.com/photo-1611162616305-c69b3fa7fbe0?w=800&q=80",
+          ].map((src, idx) => (
+            <div key={idx} className="relative h-16 w-40 mx-8 flex-shrink-0 grayscale opacity-60 hover:grayscale-0 hover:opacity-100 transition-all duration-300">
+              <ImageOrVideo 
+                imageSrc={src} 
+                className="w-full h-full object-contain"
+              />
+            </div>
+          ))}
+        </div>
+      </LoopCarousel>
+    </section>
+  );
+}
\ No newline at end of file
diff --git a/src/pages/HomePage/sections/Metrics.tsx b/src/pages/HomePage/sections/Metrics.tsx
new file mode 100644
index 0000000..1210759
--- /dev/null
+++ b/src/pages/HomePage/sections/Metrics.tsx
@@ -0,0 +1,23 @@
+// 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 { BarChart3, Film, Megaphone } from "lucide-react";
+import MetricsIconCards from "@/components/sections/metrics/MetricsIconCards";
+
+export default function MetricsSection(): React.JSX.Element {
+  return (
+    <div id="metrics" data-section="metrics">
+              <MetricsIconCards
+                tag="Platform Stats"
+                title="Built on Data. Proven by Results."
+                description="Our AI learns from millions of high-performing ads to create winning content."
+                metrics={[
+                  { value: "30M+", title: "Ads Analyzed", icon: BarChart3 },
+                  { value: "15M+", title: "Ads Created", icon: Film },
+                  { value: "$1B+", title: "Ad Spend", icon: Megaphone },
+                ]}
+              />
+            </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Pricing.tsx b/src/pages/HomePage/sections/Pricing.tsx
new file mode 100644
index 0000000..e3b0705
--- /dev/null
+++ b/src/pages/HomePage/sections/Pricing.tsx
@@ -0,0 +1,63 @@
+// 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";
+
+export default function PricingSection(): React.JSX.Element {
+  return (
+    <div id="pricing" data-section="pricing">
+              <PricingHighlightedCards
+                tag="Pricing"
+                title="Pick Your Plan"
+                description="No hidden fees. Upgrade, downgrade, or cancel anytime."
+                plans={[
+                  {
+                    tag: "Free",
+                    price: "$0/mo",
+                    description: "Perfect for trying things out.",
+                    features: [
+                      "10 credits per month",
+                      "100 AI presenters",
+                      "50 ad templates",
+                      "10 generation models",
+                      "Watermark on exports",
+                    ],
+                    primaryButton: { text: "Get Started", href: "#" },
+                  },
+                  {
+                    tag: "Pro",
+                    price: "$49/mo",
+                    description: "For growth teams running ads at scale.",
+                    highlight: "Most Popular",
+                    features: [
+                      "300 credits per month",
+                      "1,500 AI presenters + 3 custom avatars",
+                      "500+ ad templates",
+                      "100+ premium models",
+                      "Creative analytics dashboard",
+                      "Team seats — up to 5 members",
+                      "Direct ad platform publishing",
+                      "75+ language support",
+                    ],
+                    primaryButton: { text: "Choose Pro", href: "#" },
+                  },
+                  {
+                    tag: "Starter",
+                    price: "$33/mo",
+                    description: "For solo creators shipping ads weekly.",
+                    features: [
+                      "100 credits per month",
+                      "300 AI presenters",
+                      "200+ ad templates",
+                      "50+ premium models",
+                      "Watermark-free exports",
+                      "75+ language support",
+                    ],
+                    primaryButton: { text: "Choose Starter", href: "#" },
+                  },
+                ]}
+              />
+            </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Testimonials.tsx b/src/pages/HomePage/sections/Testimonials.tsx
new file mode 100644
index 0000000..1c7677d
--- /dev/null
+++ b/src/pages/HomePage/sections/Testimonials.tsx
@@ -0,0 +1,37 @@
+// 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";
+
+export default function TestimonialsSection(): React.JSX.Element {
+  return (
+    <div id="testimonials" data-section="testimonials">
+              <TestimonialColumnMarqueeCards
+                tag="Wall of Love"
+                title="What Our Users Are Saying"
+                description="Join thousands of creators and marketers already making better ads with AI."
+                testimonials={[
+                  { name: "Jonathan", role: "Founder, SiftCoin", quote: "Genuinely impressed. We launched three campaigns in a day and every single one outperformed our old agency work.", imageSrc: "https://randomuser.me/api/portraits/men/32.jpg" },
+                  { name: "Ayo", role: "Founder, SaaSi", quote: "Three years ago this kind of output would've taken a full production team. Now it's just me and an AI. Wild times.", imageSrc: "https://randomuser.me/api/portraits/men/75.jpg" },
+                  { name: "Sarah", role: "Growth Lead, Lumino", quote: "I was completely new to paid media. After switching to AI-generated creatives, my page views jumped 3,800% in one month.", imageSrc: "https://randomuser.me/api/portraits/women/44.jpg" },
+                  { name: "Derek", role: "CMO, Venturo", quote: "We retired our freelance video roster. The AI output matches the quality and the turnaround is measured in minutes, not weeks.", imageSrc: "https://randomuser.me/api/portraits/men/36.jpg" },
+                  { name: "Lina", role: "Performance Marketing, Bolt", quote: "Our cost per acquisition dropped 40% in two weeks. The platform picks up on winning hooks faster than any strategist I've worked with.", imageSrc: "https://randomuser.me/api/portraits/women/57.jpg" },
+                  { name: "Chris", role: "Indie Maker", quote: "Went from no ad creative to 200 variations in a single afternoon. If you're bootstrapping, this is a no-brainer.", imageSrc: "https://randomuser.me/api/portraits/men/85.jpg" },
+                  { name: "Bright Start", role: "Consumer App", quote: "We went from zero marketing budget to profitable campaigns in under a week. The AI handles the heavy lifting.", imageSrc: "https://randomuser.me/api/portraits/men/22.jpg" },
+                  { name: "Tim", role: "Founder, Supatool", quote: "Found this tool last week and I can't stop using it. If you're doing any kind of UGC ads, you need to try this immediately.", imageSrc: "https://randomuser.me/api/portraits/men/45.jpg" },
+                  { name: "Ramona", role: "Marketing VP", quote: "Production costs down 85%, ad output up 3x. The AI-generated presenters are so realistic our audience can't tell the difference.", imageSrc: "https://randomuser.me/api/portraits/women/65.jpg" },
+                  { name: "Priya", role: "Head of Paid, Canopy", quote: "We used to test 5 hooks per campaign. Now we test 50. The batch creation feature completely changed our workflow.", imageSrc: "https://randomuser.me/api/portraits/women/33.jpg" },
+                  { name: "Marcus", role: "Founder, NovaBrand", quote: "Paid for itself within the first campaign. Our return on ad spend tripled in 30 days.", imageSrc: "https://randomuser.me/api/portraits/men/55.jpg" },
+                  { name: "Elena", role: "Creative Director", quote: "I was skeptical about AI video ads. Then our engagement rate doubled on the first test. I'm fully converted now.", imageSrc: "https://randomuser.me/api/portraits/women/90.jpg" },
+                  { name: "Michael", role: "Founder, Dip Watch", quote: "This is the content engine every DTC brand has been waiting for. Been using it for a few weeks and results are already stacking.", imageSrc: "https://randomuser.me/api/portraits/men/52.jpg" },
+                  { name: "Jon", role: "Founder, So SaaSi", quote: "My TikTok ad game was terrible before this. Now I generate dozens of variations and let the algorithm pick the winner.", imageSrc: "https://randomuser.me/api/portraits/men/67.jpg" },
+                  { name: "Artery", role: "Agency", quote: "Our weekly ad output went from 5 to 50. The product-link-to-video pipeline alone saves our team dozens of hours per sprint.", imageSrc: "https://randomuser.me/api/portraits/women/28.jpg" },
+                  { name: "Nadia", role: "Media Buyer", quote: "A platform that actually understands what converts on paid social. It catches trending formats faster than any human team could.", imageSrc: "https://randomuser.me/api/portraits/women/71.jpg" },
+                  { name: "James", role: "Co-founder, AdScale", quote: "Plugged it into our pipeline and the creative bottleneck disappeared overnight. Scaling campaigns has never been this smooth.", imageSrc: "https://randomuser.me/api/portraits/men/41.jpg" },
+                  { name: "Olivia", role: "Growth Manager, Fizz", quote: "Paste a product link, get back scroll-stopping video ads. That single feature saved us 20+ hours a week.", imageSrc: "https://randomuser.me/api/portraits/women/15.jpg" },
+                ]}
+              />
+            </div>
+  );
+}
-- 
2.49.1