From b4c3639bb1de51b51dc1cf642dd78b240ff59ac6 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Mon, 15 Jun 2026 23:14:15 +0000
Subject: [PATCH] Bob AI: Added a 'Featured In' social proof marquee section.

---
 src/pages/HomePage.tsx                      | 273 ++------------------
 src/pages/HomePage/sections/About.tsx       |  22 ++
 src/pages/HomePage/sections/Contact.tsx     |  27 ++
 src/pages/HomePage/sections/Faq.tsx         |  35 +++
 src/pages/HomePage/sections/Features.tsx    |  43 +++
 src/pages/HomePage/sections/Hero.tsx        |  28 ++
 src/pages/HomePage/sections/Metrics.tsx     |  46 ++++
 src/pages/HomePage/sections/Pricing.tsx     |  66 +++++
 src/pages/HomePage/sections/SocialProof.tsx |  41 +++
 src/pages/HomePage/sections/Testimonial.tsx |  57 ++++
 10 files changed, 391 insertions(+), 247 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/Metrics.tsx
 create mode 100644 src/pages/HomePage/sections/Pricing.tsx
 create mode 100644 src/pages/HomePage/sections/SocialProof.tsx
 create mode 100644 src/pages/HomePage/sections/Testimonial.tsx

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 39d2a2f..26ac479 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,259 +1,38 @@
-import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
-import HeroBrand from '@/components/sections/hero/HeroBrand';
-import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
-import PricingCenteredCards from '@/components/sections/pricing/PricingCenteredCards';
-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 PricingSection from './HomePage/sections/Pricing';
+import MetricsSection from './HomePage/sections/Metrics';
+import TestimonialSection from './HomePage/sections/Testimonial';
+import FaqSection from './HomePage/sections/Faq';
+import ContactSection from './HomePage/sections/Contact';
+
+
+import SocialProofSection from './HomePage/sections/SocialProof';export default function HomePage(): React.JSX.Element {
   return (
-    <>
-  <div id="hero" data-section="hero">
-    <SectionErrorBoundary name="hero">
-          <HeroBrand
-      brand="Danica Fan Hub"
-      description="Join the ultimate community for Danica Patrick fans. Access exclusive meet-up opportunities, limited edition fan cards, and racing insights."
-      primaryButton={{
-        text: "See Pricing",
-        href: "#pricing",
-      }}
-      secondaryButton={{
-        text: "Learn More",
-        href: "#about",
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/effect-city-lights-night_23-2149338569.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+<>
+  <HeroSection />
+      <SocialProofSection />
 
-  <div id="about" data-section="about">
-    <SectionErrorBoundary name="about">
-          <AboutTextSplit
-      title="Community Gatherings"
-      descriptions={[
-        "We host regular meet-ups for Danica Patrick enthusiasts across the country. Whether it's a race day watch party or an exclusive fan Q&A, our community creates memories that last a lifetime.",
-        "Our events are designed to be accessible, engaging, and deeply focused on celebrating the legacy of one of the world's most iconic drivers.",
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <AboutSection />
 
-  <div id="features" data-section="features">
-    <SectionErrorBoundary name="features">
-          <FeaturesDetailedSteps
-      tag="How to get involved"
-      title="Your Journey as a Fan"
-      description="Follow these simple steps to join our exclusive membership program."
-      steps={[
-        {
-          tag: "Step 01",
-          title: "Browse Cards",
-          subtitle: "View Collection",
-          description: "Select your favorite limited edition Danica Patrick fan card from our gallery.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-african-man-sitting-modern-motorbike-holding-moto-helmet-outdoors_171337-12595.jpg",
-        },
-        {
-          tag: "Step 02",
-          title: "Choose Meet-up",
-          subtitle: "Event Schedule",
-          description: "Register for an upcoming meet-up happening in a city near you.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-glasses-movies-tickets_23-2149558753.jpg",
-        },
-        {
-          tag: "Step 03",
-          title: "Join the Club",
-          subtitle: "Member Benefits",
-          description: "Get exclusive perks, discounts on events, and priority shipping on all cards.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-motorcycle-helmet_23-2151574469.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FeaturesSection />
 
-  <div id="pricing" data-section="pricing">
-    <SectionErrorBoundary name="pricing">
-          <PricingCenteredCards
-      tag="Fan Card Prices"
-      title="Collector Membership"
-      description="Premium access for dedicated racing enthusiasts."
-      plans={[
-        {
-          tag: "Starter",
-          price: "$29",
-          description: "For casual supporters.",
-          features: [
-            "1 Fan Card",
-            "Digital Newsletter",
-            "Event Access",
-          ],
-          primaryButton: {
-            text: "Select",
-            href: "#contact",
-          },
-        },
-        {
-          tag: "Elite",
-          price: "$89",
-          description: "For serious collectors.",
-          features: [
-            "3 Fan Cards",
-            "Signed Digital Access",
-            "Priority Meet-up Entry",
-            "Exclusive Gear",
-          ],
-          primaryButton: {
-            text: "Select",
-            href: "#contact",
-          },
-        },
-        {
-          tag: "VIP",
-          price: "$199",
-          description: "For the ultimate fan.",
-          features: [
-            "5 Fan Cards",
-            "Lifetime Meet-up Pass",
-            "Meet & Greet Priority",
-            "Personalized Welcome Card",
-          ],
-          primaryButton: {
-            text: "Select",
-            href: "#contact",
-          },
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <PricingSection />
 
-  <div id="metrics" data-section="metrics">
-    <SectionErrorBoundary name="metrics">
-          <MetricsFeatureCards
-      tag="Our Growth"
-      title="Impact by the Numbers"
-      description="Join thousands of members already in the loop."
-      metrics={[
-        {
-          value: "5,000+",
-          title: "Active Members",
-          features: [
-            "Across 20 states",
-            "Year-round updates",
-          ],
-        },
-        {
-          value: "150+",
-          title: "Events Held",
-          features: [
-            "Meet-ups every month",
-            "Virtual fan Q&A",
-          ],
-        },
-        {
-          value: "12,000+",
-          title: "Cards Shipped",
-          features: [
-            "Collectors item grade",
-            "Premium finish",
-          ],
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <MetricsSection />
 
-  <div id="testimonial" data-section="testimonial">
-    <SectionErrorBoundary name="testimonial">
-          <TestimonialRatingCards
-      tag="Fan Stories"
-      title="Hear From Our Community"
-      description="What our members have to say about the experience."
-      testimonials={[
-        {
-          name: "Alice M.",
-          role: "Collector",
-          quote: "The cards are incredibly high quality, and the meet-ups are so much fun!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/blonde-mature-woman-black-t-shirt-black-cap_176474-93443.jpg",
-        },
-        {
-          name: "Ben T.",
-          role: "VIP Member",
-          quote: "Worth every cent. I've met so many great friends at the regional events.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-sporty-man-wearing-wristband-showing-strong-gesture-isolated-orange-background_141793-63221.jpg",
-        },
-        {
-          name: "Carla S.",
-          role: "Fan",
-          quote: "I love the exclusive updates. Never missed a beat in Danica's career now.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-positive-young-european-athletic-female-with-dyed-hair-wearing-white-tank-top_343059-577.jpg",
-        },
-        {
-          name: "David L.",
-          role: "Collector",
-          quote: "Solid community support and amazing fan cards. Highly recommend to everyone.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-victorious-male-racing-car-pilot_23-2150923099.jpg",
-        },
-        {
-          name: "Eve W.",
-          role: "Supporter",
-          quote: "The VIP pass changed the game. So many great perks included.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-soccer-game-fan-enjoying-match_23-2150860651.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <TestimonialSection />
 
-  <div id="faq" data-section="faq">
-    <SectionErrorBoundary name="faq">
-          <FaqSplitMedia
-      tag="Common Questions"
-      title="Everything You Need to Know"
-      description="Answers to commonly asked questions about our club."
-      items={[
-        {
-          question: "Where are the meet-ups held?",
-          answer: "We rotate venues throughout major racing hubs across the country.",
-        },
-        {
-          question: "Are the cards physical?",
-          answer: "Yes, we ship high-quality physical cards to your registered address.",
-        },
-        {
-          question: "How do I upgrade my membership?",
-          answer: "Simply contact our support team or head to your profile settings.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32016.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FaqSection />
 
-  <div id="contact" data-section="contact">
-    <SectionErrorBoundary name="contact">
-          <ContactCta
-      tag="Ready to join?"
-      text="Sign up today to start your journey as a true Danica Patrick fan. Don't miss out on the next big event."
-      primaryButton={{
-        text: "Sign Up Now",
-        href: "#pricing",
-      }}
-      secondaryButton={{
-        text: "Contact Support",
-        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..955b8ee
--- /dev/null
+++ b/src/pages/HomePage/sections/About.tsx
@@ -0,0 +1,22 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "about" section.
+
+import React from 'react';
+import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function AboutSection(): React.JSX.Element {
+  return (
+    <div id="about" data-section="about">
+        <SectionErrorBoundary name="about">
+              <AboutTextSplit
+          title="Community Gatherings"
+          descriptions={[
+            "We host regular meet-ups for Danica Patrick enthusiasts across the country. Whether it's a race day watch party or an exclusive fan Q&A, our community creates memories that last a lifetime.",
+            "Our events are designed to be accessible, engaging, and deeply focused on celebrating the legacy of one of the world's most iconic drivers.",
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Contact.tsx b/src/pages/HomePage/sections/Contact.tsx
new file mode 100644
index 0000000..fdf28c2
--- /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="Ready to join?"
+          text="Sign up today to start your journey as a true Danica Patrick fan. Don't miss out on the next big event."
+          primaryButton={{
+            text: "Sign Up Now",
+            href: "#pricing",
+          }}
+          secondaryButton={{
+            text: "Contact Support",
+            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..0f9a772
--- /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="Common Questions"
+          title="Everything You Need to Know"
+          description="Answers to commonly asked questions about our club."
+          items={[
+            {
+              question: "Where are the meet-ups held?",
+              answer: "We rotate venues throughout major racing hubs across the country.",
+            },
+            {
+              question: "Are the cards physical?",
+              answer: "Yes, we ship high-quality physical cards to your registered address.",
+            },
+            {
+              question: "How do I upgrade my membership?",
+              answer: "Simply contact our support team or head to your profile settings.",
+            },
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32016.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..0f7b599
--- /dev/null
+++ b/src/pages/HomePage/sections/Features.tsx
@@ -0,0 +1,43 @@
+// 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 FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FeaturesSection(): React.JSX.Element {
+  return (
+    <div id="features" data-section="features">
+        <SectionErrorBoundary name="features">
+              <FeaturesDetailedSteps
+          tag="How to get involved"
+          title="Your Journey as a Fan"
+          description="Follow these simple steps to join our exclusive membership program."
+          steps={[
+            {
+              tag: "Step 01",
+              title: "Browse Cards",
+              subtitle: "View Collection",
+              description: "Select your favorite limited edition Danica Patrick fan card from our gallery.",
+              imageSrc: "http://img.b2bpic.net/free-photo/young-african-man-sitting-modern-motorbike-holding-moto-helmet-outdoors_171337-12595.jpg",
+            },
+            {
+              tag: "Step 02",
+              title: "Choose Meet-up",
+              subtitle: "Event Schedule",
+              description: "Register for an upcoming meet-up happening in a city near you.",
+              imageSrc: "http://img.b2bpic.net/free-photo/3d-glasses-movies-tickets_23-2149558753.jpg",
+            },
+            {
+              tag: "Step 03",
+              title: "Join the Club",
+              subtitle: "Member Benefits",
+              description: "Get exclusive perks, discounts on events, and priority shipping on all cards.",
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-motorcycle-helmet_23-2151574469.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..1c3f941
--- /dev/null
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -0,0 +1,28 @@
+// 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 HeroBrand from '@/components/sections/hero/HeroBrand';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div id="hero" data-section="hero">
+        <SectionErrorBoundary name="hero">
+              <HeroBrand
+          brand="Danica Fan Hub"
+          description="Join the ultimate community for Danica Patrick fans. Access exclusive meet-up opportunities, limited edition fan cards, and racing insights."
+          primaryButton={{
+            text: "See Pricing",
+            href: "#pricing",
+          }}
+          secondaryButton={{
+            text: "Learn More",
+            href: "#about",
+          }}
+          imageSrc="http://img.b2bpic.net/free-photo/effect-city-lights-night_23-2149338569.jpg"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Metrics.tsx b/src/pages/HomePage/sections/Metrics.tsx
new file mode 100644
index 0000000..ab06eb0
--- /dev/null
+++ b/src/pages/HomePage/sections/Metrics.tsx
@@ -0,0 +1,46 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "metrics" section.
+
+import React from 'react';
+import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function MetricsSection(): React.JSX.Element {
+  return (
+    <div id="metrics" data-section="metrics">
+        <SectionErrorBoundary name="metrics">
+              <MetricsFeatureCards
+          tag="Our Growth"
+          title="Impact by the Numbers"
+          description="Join thousands of members already in the loop."
+          metrics={[
+            {
+              value: "5,000+",
+              title: "Active Members",
+              features: [
+                "Across 20 states",
+                "Year-round updates",
+              ],
+            },
+            {
+              value: "150+",
+              title: "Events Held",
+              features: [
+                "Meet-ups every month",
+                "Virtual fan Q&A",
+              ],
+            },
+            {
+              value: "12,000+",
+              title: "Cards Shipped",
+              features: [
+                "Collectors item grade",
+                "Premium finish",
+              ],
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Pricing.tsx b/src/pages/HomePage/sections/Pricing.tsx
new file mode 100644
index 0000000..9b9f4c1
--- /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 PricingCenteredCards from '@/components/sections/pricing/PricingCenteredCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function PricingSection(): React.JSX.Element {
+  return (
+    <div id="pricing" data-section="pricing">
+        <SectionErrorBoundary name="pricing">
+              <PricingCenteredCards
+          tag="Fan Card Prices"
+          title="Collector Membership"
+          description="Premium access for dedicated racing enthusiasts."
+          plans={[
+            {
+              tag: "Starter",
+              price: "$29",
+              description: "For casual supporters.",
+              features: [
+                "1 Fan Card",
+                "Digital Newsletter",
+                "Event Access",
+              ],
+              primaryButton: {
+                text: "Select",
+                href: "#contact",
+              },
+            },
+            {
+              tag: "Elite",
+              price: "$89",
+              description: "For serious collectors.",
+              features: [
+                "3 Fan Cards",
+                "Signed Digital Access",
+                "Priority Meet-up Entry",
+                "Exclusive Gear",
+              ],
+              primaryButton: {
+                text: "Select",
+                href: "#contact",
+              },
+            },
+            {
+              tag: "VIP",
+              price: "$199",
+              description: "For the ultimate fan.",
+              features: [
+                "5 Fan Cards",
+                "Lifetime Meet-up Pass",
+                "Meet & Greet Priority",
+                "Personalized Welcome Card",
+              ],
+              primaryButton: {
+                text: "Select",
+                href: "#contact",
+              },
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/SocialProof.tsx b/src/pages/HomePage/sections/SocialProof.tsx
new file mode 100644
index 0000000..cafdd10
--- /dev/null
+++ b/src/pages/HomePage/sections/SocialProof.tsx
@@ -0,0 +1,41 @@
+import ScrollReveal from "@/components/ui/ScrollReveal";
+import LoopCarousel from "@/components/ui/LoopCarousel";
+
+export default function SocialProofSection() {
+  const publications = [
+    "ESPN",
+    "Fox Sports",
+    "Sports Illustrated",
+    "Motor Trend",
+    "NASCAR.com",
+    "The Athletic",
+    "USA Today",
+    "Yahoo Sports"
+  ];
+
+  return (
+    <section data-webild-section="social-proof" id="social-proof" className="relative w-full py-16 bg-background border-b border-border/10 overflow-hidden">
+      <div className="w-content-width mx-auto px-4 md:px-6 mb-8 text-center">
+        <ScrollReveal variant="fade">
+          <p className="text-sm font-semibold text-muted-foreground uppercase tracking-widest">
+            As Seen On
+          </p>
+        </ScrollReveal>
+      </div>
+      
+      <div className="w-full">
+        <LoopCarousel>
+          <div className="flex items-center gap-16 md:gap-32 px-8">
+            {publications.map((pub, i) => (
+              <div key={i} className="flex items-center justify-center whitespace-nowrap">
+                <span className="text-2xl md:text-3xl font-bold text-foreground/30">
+                  {pub}
+                </span>
+              </div>
+            ))}
+          </div>
+        </LoopCarousel>
+      </div>
+    </section>
+  );
+}
\ No newline at end of file
diff --git a/src/pages/HomePage/sections/Testimonial.tsx b/src/pages/HomePage/sections/Testimonial.tsx
new file mode 100644
index 0000000..0f40b4a
--- /dev/null
+++ b/src/pages/HomePage/sections/Testimonial.tsx
@@ -0,0 +1,57 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "testimonial" section.
+
+import React from 'react';
+import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function TestimonialSection(): React.JSX.Element {
+  return (
+    <div id="testimonial" data-section="testimonial">
+        <SectionErrorBoundary name="testimonial">
+              <TestimonialRatingCards
+          tag="Fan Stories"
+          title="Hear From Our Community"
+          description="What our members have to say about the experience."
+          testimonials={[
+            {
+              name: "Alice M.",
+              role: "Collector",
+              quote: "The cards are incredibly high quality, and the meet-ups are so much fun!",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/blonde-mature-woman-black-t-shirt-black-cap_176474-93443.jpg",
+            },
+            {
+              name: "Ben T.",
+              role: "VIP Member",
+              quote: "Worth every cent. I've met so many great friends at the regional events.",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-sporty-man-wearing-wristband-showing-strong-gesture-isolated-orange-background_141793-63221.jpg",
+            },
+            {
+              name: "Carla S.",
+              role: "Fan",
+              quote: "I love the exclusive updates. Never missed a beat in Danica's career now.",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-positive-young-european-athletic-female-with-dyed-hair-wearing-white-tank-top_343059-577.jpg",
+            },
+            {
+              name: "David L.",
+              role: "Collector",
+              quote: "Solid community support and amazing fan cards. Highly recommend to everyone.",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-victorious-male-racing-car-pilot_23-2150923099.jpg",
+            },
+            {
+              name: "Eve W.",
+              role: "Supporter",
+              quote: "The VIP pass changed the game. So many great perks included.",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-soccer-game-fan-enjoying-match_23-2150860651.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
-- 
2.49.1