bender/9ca15aa1-b64c-4a5a-ae34-9db5f685aa76
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1_1781552831119
Branches Tags
bender:main bender:version_2_1781552886264 bender:version_1_1781552831119
...
pull from: bender:main
Branches Tags
bender:main bender:version_2_1781552886264 bender:version_1_1781552831119

2 Commits
version_1_ ... main

Author SHA1 Message Date
bender
67f27f0f75 Merge version_2_1781552886264 into main 
Merge version_2_1781552886264 into main
 2026-06-15 19:49:49 +00:00
kudinDmitriyUp
2894f75520 Bob AI: Added logo marquee section after hero 2026-06-15 19:49:07 +00:00
8 changed files with 274 additions and 165 deletions
Expand all files Collapse all files

186
src/pages/HomePage.tsx
View File

@@ -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>

27
src/pages/HomePage/sections/Faq.tsx Normal file
View File

@@ -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>
);
}

39
src/pages/HomePage/sections/Features.tsx Normal file
View File

@@ -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>
);
}

29
src/pages/HomePage/sections/Hero.tsx Normal file
View File

@@ -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>
);
}

35
src/pages/HomePage/sections/LogoMarquee.tsx Normal file
View File

@@ -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>
);
}

23
src/pages/HomePage/sections/Metrics.tsx Normal file
View File

@@ -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>
);
}

63
src/pages/HomePage/sections/Pricing.tsx Normal file
View File

@@ -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>
);
}

37
src/pages/HomePage/sections/Testimonials.tsx Normal file
View File

@@ -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>
);
}