Bob AI: Update background color to white

2026-07-03 17:09:11 +00:00
10 changed files with 364 additions and 262 deletions
--- a/src/index.css
+++ b/src/index.css
@@ -5,7 +5,7 @@

 :root {
  /* @colorThemes/lightTheme/grayNavyBlue */
-  --background: #f5faff;
+  --background: #ffffff;
  --card: #ffffff;
  --foreground: #001122;
  --primary-cta: #15479c;
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,273 +1,37 @@
-import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FaqSimple from '@/components/sections/faq/FaqSimple';
-import FeaturesMediaCarousel from '@/components/sections/features/FeaturesMediaCarousel';
-import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
-import HeroBillboardBrand from '@/components/sections/hero/HeroBillboardBrand';
-import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
-import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
-import { Box, Globe, Truck } from "lucide-react";
-import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+// AUTO-GENERATED shell by per-section-migrate.
+// Section bodies live in the sibling sections/ folder (one file per section).
+// Edit those section files directly. Non-block content (wrappers,
+// non-inlinable sections) is preserved inline; extracted section blocks
+// become component refs.

-export default function HomePage() {
+import React from 'react';
+import HeroSection from './HomePage/sections/Hero';
+import AboutSection from './HomePage/sections/About';
+import ServicesSection from './HomePage/sections/Services';
+import ProductBentoSection from './HomePage/sections/ProductBento';
+import MetricsSection from './HomePage/sections/Metrics';
+import TestimonialsSection from './HomePage/sections/Testimonials';
+import FaqSection from './HomePage/sections/Faq';
+import ContactSection from './HomePage/sections/Contact';
+
+export default function HomePage(): React.JSX.Element {
  return (
-    <>
-  <div id="hero" data-section="hero">
-    <SectionErrorBoundary name="hero">
-          <HeroBillboardBrand
-      brand="Simple Transporters"
-      description="Your trusted partner in heavy machinery, vehicle, and international shipping. 10+ years of logistics excellence across the US, Canada, Mexico, and beyond."
-      primaryButton={{
-        text: "Get My Quote",
-        href: "#contact",
-      }}
-      secondaryButton={{
-        text: "Learn More",
-        href: "#about",
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/female-trucker-talking-phone-about-shipment-that-has-be-delivered_342744-282.jpg"
-      textAnimation="slide-up"
-    />
-    </SectionErrorBoundary>
-  </div>
+<>
+  <HeroSection />

-  <div id="about" data-section="about">
-    <SectionErrorBoundary name="about">
-          <AboutFeaturesSplit
-      tag="Decade of Excellence"
-      title="Experts in Global Logistics"
-      description="With over a decade of hands-on experience, the Simple Transporters team ensures your high-value assets are moved safely and efficiently across North America and international waters."
-      items={[
-        {
-          icon: Globe,
-          title: "Cross-Border Expertise",
-          description: "Seamless shipping across the United States, Canada, and Mexico.",
-        },
-        {
-          icon: Box,
-          title: "Overseas Logistics",
-          description: "Specialized solutions for international sea freight and port-to-port delivery.",
-        },
-        {
-          icon: Truck,
-          title: "Heavy-Duty Specialists",
-          description: "Dedicated equipment and expertise for heavy machinery and specialized trailers.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/day-office-travel-agency_23-2150769935.jpg"
-      textAnimation="fade-blur"
-    />
-    </SectionErrorBoundary>
-  </div>
+  <AboutSection />

-  <div id="services" data-section="services">
-    <SectionErrorBoundary name="services">
-          <FeaturesMediaCarousel
-      tag="Capabilities"
-      title="What We Ship"
-      description="Comprehensive transportation services designed for your unique logistical requirements."
-      items={[
-        {
-          title: "Heavy Machinery",
-          description: "Construction equipment & industrial tools.",
-          buttonIcon: "ArrowRight",
-          imageSrc: "http://img.b2bpic.net/free-photo/industrial-robot-automated-packaging-process_23-2151994432.jpg",
-        },
-        {
-          title: "Vehicle Transport",
-          description: "Secure transport for all types of vehicles.",
-          buttonIcon: "ArrowRight",
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-car-mechanic-talking-businessman-auto-repair-shop_637285-4239.jpg",
-        },
-        {
-          title: "Boat & Trailer",
-          description: "Safe hauling for recreational & commercial boats.",
-          buttonIcon: "ArrowRight",
-          imageSrc: "http://img.b2bpic.net/free-photo/cargo-ship-miami-harbor_649448-5341.jpg",
-        },
-        {
-          title: "International Sea",
-          description: "Global solutions for overseas shipping.",
-          buttonIcon: "ArrowRight",
-          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-cargo-ship-with-cargo-container-sea_335224-1372.jpg",
-        },
-        {
-          title: "Commercial Freight",
-          description: "Large-scale commercial logistics support.",
-          buttonIcon: "ArrowRight",
-          imageSrc: "http://img.b2bpic.net/free-photo/hamburg-theaters-urban-waterfront-port-cranes_169016-68462.jpg",
-        },
-        {
-          title: "Specialized Trailers",
-          description: "Customized equipment for niche hauling.",
-          buttonIcon: "ArrowRight",
-          imageSrc: "http://img.b2bpic.net/free-photo/truck-driver-inspecting-vehicle-trailer-tires-before-driving_342744-1266.jpg",
-        },
-      ]}
-      textAnimation="slide-up"
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ServicesSection />

-  <div id="product-bento" data-section="product-bento">
-    <SectionErrorBoundary name="product-bento">
-          <FeaturesRevealCardsBento
-      tag="Our Commitment"
-      title="Service Standards"
-      description="Why choose Simple Transporters for your next move?"
-      items={[
-        {
-          title: "Real-Time Tracking",
-          description: "Know your cargo location anytime.",
-          href: "#contact",
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-male-logistic-worker-hardhat-driving-forklift-warehouse-smiling-looking-away_74855-16431.jpg",
-        },
-        {
-          title: "Full Insurance",
-          description: "Comprehensive cargo protection coverage.",
-          href: "#contact",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-black-businessman-buys-new-car-he-signs-contract-takes-keys-manager_146671-18402.jpg",
-        },
-        {
-          title: "Custom Crating",
-          description: "Safe packing for delicate heavy items.",
-          href: "#contact",
-          imageSrc: "http://img.b2bpic.net/free-photo/cargo-ship-with-solar-panels-recycling-symbol_23-2152005440.jpg",
-        },
-        {
-          title: "Dedicated Support",
-          description: "24/7 access to your logistics team.",
-          href: "#contact",
-          imageSrc: "http://img.b2bpic.net/free-photo/transport-logistics-concept_23-2151541880.jpg",
-        },
-        {
-          title: "Expert Documentation",
-          description: "Handling all customs & import papers.",
-          href: "#contact",
-          imageSrc: "http://img.b2bpic.net/free-photo/truck-warehouse_23-2151998722.jpg",
-        },
-        {
-          title: "Optimized Routes",
-          description: "Faster delivery with efficient planning.",
-          href: "#contact",
-          imageSrc: "http://img.b2bpic.net/free-photo/heavy-construction-loader-bulldozer-construction-area_146671-19129.jpg",
-        },
-        {
-          title: "Competitive Rates",
-          description: "Transparent pricing for all services.",
-          href: "#contact",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-22274.jpg",
-        },
-      ]}
-      textAnimation="fade"
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ProductBentoSection />

-  <div id="metrics" data-section="metrics">
-    <SectionErrorBoundary name="metrics">
-          <MetricsSimpleCards
-      tag="Our Impact"
-      title="Logistics by the Numbers"
-      description="Proven performance, measured by our successful track record."
-      metrics={[
-        {
-          value: "10+",
-          description: "Years of industry experience",
-        },
-        {
-          value: "5k+",
-          description: "Successful shipments completed",
-        },
-        {
-          value: "20+",
-          description: "Countries served globally",
-        },
-        {
-          value: "99%",
-          description: "On-time delivery rate",
-        },
-      ]}
-      textAnimation="slide-up"
-    />
-    </SectionErrorBoundary>
-  </div>
+  <MetricsSection />

-  <div id="testimonials" data-section="testimonials">
-    <SectionErrorBoundary name="testimonials">
-          <TestimonialTrustCard
-      quote="Simple Transporters handled our industrial machinery shipment with absolute care. The cross-border process was flawless and on time."
-      rating={5}
-      author="Sarah Johnson, Operations Manager at TechBuild Corp"
-      avatars={[
-        {
-          name: "Sarah Johnson",
-          imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-manufacturing-factory-specialist-explains-production-process_482257-118103.jpg",
-        },
-        {
-          name: "Michael Chen",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-worker-with-arms-crossed-standing-factory_107420-96042.jpg",
-        },
-        {
-          name: "Emily Rodriguez",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-old-architect-with-vest-helmet_23-2148269377.jpg",
-        },
-        {
-          name: "David Kim",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-professional-female-driver-with-vest_23-2150263130.jpg",
-        },
-        {
-          name: "Amanda Smith",
-          imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-manager-discussing-with-metal-workers-while-performing-quality-control-check-manufactured-rod-cylinders-factory_637285-4122.jpg",
-        },
-      ]}
-      textAnimation="fade-blur"
-    />
-    </SectionErrorBoundary>
-  </div>
+  <TestimonialsSection />

-  <div id="faq" data-section="faq">
-    <SectionErrorBoundary name="faq">
-          <FaqSimple
-      tag="Support"
-      title="Common Questions"
-      description="Frequently asked questions about our logistics process."
-      items={[
-        {
-          question: "What areas do you cover?",
-          answer: "We specialize in transportation within the US, Canada, and Mexico, with global overseas shipping capabilities.",
-        },
-        {
-          question: "Are my goods insured during transport?",
-          answer: "Yes, we provide comprehensive cargo insurance coverage for every shipment we manage.",
-        },
-        {
-          question: "How long does the quoting process take?",
-          answer: "Typically, we provide detailed logistics quotes within 24 hours of your request.",
-        },
-      ]}
-      textAnimation="slide-up"
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FaqSection />

-  <div id="contact" data-section="contact">
-    <SectionErrorBoundary name="contact">
-          <ContactCta
-      tag="Ready to Ship?"
-      text="Start your journey with Simple Transporters today. Get a customized, transparent quote for your next move."
-      primaryButton={{
-        text: "Contact Our Team",
-        href: "mailto:info@simpletransporters.com",
-      }}
-      secondaryButton={{
-        text: "View Full Coverage",
-        href: "#",
-      }}
-      textAnimation="fade"
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ContactSection />
    </>
  );
 }
--- a/src/pages/HomePage/sections/About.tsx
+++ b/src/pages/HomePage/sections/About.tsx
@@ -0,0 +1,40 @@
+// 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 AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
+import { Box, Globe, Truck } from "lucide-react";
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function AboutSection(): React.JSX.Element {
+  return (
+    <div id="about" data-section="about">
+        <SectionErrorBoundary name="about">
+              <AboutFeaturesSplit
+          tag="Decade of Excellence"
+          title="Experts in Global Logistics"
+          description="With over a decade of hands-on experience, the Simple Transporters team ensures your high-value assets are moved safely and efficiently across North America and international waters."
+          items={[
+            {
+              icon: Globe,
+              title: "Cross-Border Expertise",
+              description: "Seamless shipping across the United States, Canada, and Mexico.",
+            },
+            {
+              icon: Box,
+              title: "Overseas Logistics",
+              description: "Specialized solutions for international sea freight and port-to-port delivery.",
+            },
+            {
+              icon: Truck,
+              title: "Heavy-Duty Specialists",
+              description: "Dedicated equipment and expertise for heavy machinery and specialized trailers.",
+            },
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/day-office-travel-agency_23-2150769935.jpg"
+          textAnimation="fade-blur"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
--- a/src/pages/HomePage/sections/Contact.tsx
+++ b/src/pages/HomePage/sections/Contact.tsx
@@ -0,0 +1,28 @@
+// 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 Ship?"
+          text="Start your journey with Simple Transporters today. Get a customized, transparent quote for your next move."
+          primaryButton={{
+            text: "Contact Our Team",
+            href: "mailto:info@simpletransporters.com",
+          }}
+          secondaryButton={{
+            text: "View Full Coverage",
+            href: "#",
+          }}
+          textAnimation="fade"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
--- a/src/pages/HomePage/sections/Faq.tsx
+++ 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 FaqSimple from '@/components/sections/faq/FaqSimple';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FaqSection(): React.JSX.Element {
+  return (
+    <div id="faq" data-section="faq">
+        <SectionErrorBoundary name="faq">
+              <FaqSimple
+          tag="Support"
+          title="Common Questions"
+          description="Frequently asked questions about our logistics process."
+          items={[
+            {
+              question: "What areas do you cover?",
+              answer: "We specialize in transportation within the US, Canada, and Mexico, with global overseas shipping capabilities.",
+            },
+            {
+              question: "Are my goods insured during transport?",
+              answer: "Yes, we provide comprehensive cargo insurance coverage for every shipment we manage.",
+            },
+            {
+              question: "How long does the quoting process take?",
+              answer: "Typically, we provide detailed logistics quotes within 24 hours of your request.",
+            },
+          ]}
+          textAnimation="slide-up"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
--- a/src/pages/HomePage/sections/Hero.tsx
+++ 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 HeroBillboardBrand from '@/components/sections/hero/HeroBillboardBrand';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div id="hero" data-section="hero">
+        <SectionErrorBoundary name="hero">
+              <HeroBillboardBrand
+          brand="Simple Transporters"
+          description="Your trusted partner in heavy machinery, vehicle, and international shipping. 10+ years of logistics excellence across the US, Canada, Mexico, and beyond."
+          primaryButton={{
+            text: "Get My Quote",
+            href: "#contact",
+          }}
+          secondaryButton={{
+            text: "Learn More",
+            href: "#about",
+          }}
+          imageSrc="http://img.b2bpic.net/free-photo/female-trucker-talking-phone-about-shipment-that-has-be-delivered_342744-282.jpg"
+          textAnimation="slide-up"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
--- a/src/pages/HomePage/sections/Metrics.tsx
+++ b/src/pages/HomePage/sections/Metrics.tsx
@@ -0,0 +1,39 @@
+// 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 MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function MetricsSection(): React.JSX.Element {
+  return (
+    <div id="metrics" data-section="metrics">
+        <SectionErrorBoundary name="metrics">
+              <MetricsSimpleCards
+          tag="Our Impact"
+          title="Logistics by the Numbers"
+          description="Proven performance, measured by our successful track record."
+          metrics={[
+            {
+              value: "10+",
+              description: "Years of industry experience",
+            },
+            {
+              value: "5k+",
+              description: "Successful shipments completed",
+            },
+            {
+              value: "20+",
+              description: "Countries served globally",
+            },
+            {
+              value: "99%",
+              description: "On-time delivery rate",
+            },
+          ]}
+          textAnimation="slide-up"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
--- a/src/pages/HomePage/sections/ProductBento.tsx
+++ b/src/pages/HomePage/sections/ProductBento.tsx
@@ -0,0 +1,65 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "product-bento" section.
+
+import React from 'react';
+import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ProductBentoSection(): React.JSX.Element {
+  return (
+    <div id="product-bento" data-section="product-bento">
+        <SectionErrorBoundary name="product-bento">
+              <FeaturesRevealCardsBento
+          tag="Our Commitment"
+          title="Service Standards"
+          description="Why choose Simple Transporters for your next move?"
+          items={[
+            {
+              title: "Real-Time Tracking",
+              description: "Know your cargo location anytime.",
+              href: "#contact",
+              imageSrc: "http://img.b2bpic.net/free-photo/positive-male-logistic-worker-hardhat-driving-forklift-warehouse-smiling-looking-away_74855-16431.jpg",
+            },
+            {
+              title: "Full Insurance",
+              description: "Comprehensive cargo protection coverage.",
+              href: "#contact",
+              imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-black-businessman-buys-new-car-he-signs-contract-takes-keys-manager_146671-18402.jpg",
+            },
+            {
+              title: "Custom Crating",
+              description: "Safe packing for delicate heavy items.",
+              href: "#contact",
+              imageSrc: "http://img.b2bpic.net/free-photo/cargo-ship-with-solar-panels-recycling-symbol_23-2152005440.jpg",
+            },
+            {
+              title: "Dedicated Support",
+              description: "24/7 access to your logistics team.",
+              href: "#contact",
+              imageSrc: "http://img.b2bpic.net/free-photo/transport-logistics-concept_23-2151541880.jpg",
+            },
+            {
+              title: "Expert Documentation",
+              description: "Handling all customs & import papers.",
+              href: "#contact",
+              imageSrc: "http://img.b2bpic.net/free-photo/truck-warehouse_23-2151998722.jpg",
+            },
+            {
+              title: "Optimized Routes",
+              description: "Faster delivery with efficient planning.",
+              href: "#contact",
+              imageSrc: "http://img.b2bpic.net/free-photo/heavy-construction-loader-bulldozer-construction-area_146671-19129.jpg",
+            },
+            {
+              title: "Competitive Rates",
+              description: "Transparent pricing for all services.",
+              href: "#contact",
+              imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-22274.jpg",
+            },
+          ]}
+          textAnimation="fade"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
--- a/src/pages/HomePage/sections/Services.tsx
+++ b/src/pages/HomePage/sections/Services.tsx
@@ -0,0 +1,59 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "services" section.
+
+import React from 'react';
+import FeaturesMediaCarousel from '@/components/sections/features/FeaturesMediaCarousel';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ServicesSection(): React.JSX.Element {
+  return (
+    <div id="services" data-section="services">
+        <SectionErrorBoundary name="services">
+              <FeaturesMediaCarousel
+          tag="Capabilities"
+          title="What We Ship"
+          description="Comprehensive transportation services designed for your unique logistical requirements."
+          items={[
+            {
+              title: "Heavy Machinery",
+              description: "Construction equipment & industrial tools.",
+              buttonIcon: "ArrowRight",
+              imageSrc: "http://img.b2bpic.net/free-photo/industrial-robot-automated-packaging-process_23-2151994432.jpg",
+            },
+            {
+              title: "Vehicle Transport",
+              description: "Secure transport for all types of vehicles.",
+              buttonIcon: "ArrowRight",
+              imageSrc: "http://img.b2bpic.net/free-photo/african-american-car-mechanic-talking-businessman-auto-repair-shop_637285-4239.jpg",
+            },
+            {
+              title: "Boat & Trailer",
+              description: "Safe hauling for recreational & commercial boats.",
+              buttonIcon: "ArrowRight",
+              imageSrc: "http://img.b2bpic.net/free-photo/cargo-ship-miami-harbor_649448-5341.jpg",
+            },
+            {
+              title: "International Sea",
+              description: "Global solutions for overseas shipping.",
+              buttonIcon: "ArrowRight",
+              imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-cargo-ship-with-cargo-container-sea_335224-1372.jpg",
+            },
+            {
+              title: "Commercial Freight",
+              description: "Large-scale commercial logistics support.",
+              buttonIcon: "ArrowRight",
+              imageSrc: "http://img.b2bpic.net/free-photo/hamburg-theaters-urban-waterfront-port-cranes_169016-68462.jpg",
+            },
+            {
+              title: "Specialized Trailers",
+              description: "Customized equipment for niche hauling.",
+              buttonIcon: "ArrowRight",
+              imageSrc: "http://img.b2bpic.net/free-photo/truck-driver-inspecting-vehicle-trailer-tires-before-driving_342744-1266.jpg",
+            },
+          ]}
+          textAnimation="slide-up"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
--- a/src/pages/HomePage/sections/Testimonials.tsx
+++ b/src/pages/HomePage/sections/Testimonials.tsx
@@ -0,0 +1,43 @@
+// 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 TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function TestimonialsSection(): React.JSX.Element {
+  return (
+    <div id="testimonials" data-section="testimonials">
+        <SectionErrorBoundary name="testimonials">
+              <TestimonialTrustCard
+          quote="Simple Transporters handled our industrial machinery shipment with absolute care. The cross-border process was flawless and on time."
+          rating={5}
+          author="Sarah Johnson, Operations Manager at TechBuild Corp"
+          avatars={[
+            {
+              name: "Sarah Johnson",
+              imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-manufacturing-factory-specialist-explains-production-process_482257-118103.jpg",
+            },
+            {
+              name: "Michael Chen",
+              imageSrc: "http://img.b2bpic.net/free-photo/male-worker-with-arms-crossed-standing-factory_107420-96042.jpg",
+            },
+            {
+              name: "Emily Rodriguez",
+              imageSrc: "http://img.b2bpic.net/free-photo/front-view-old-architect-with-vest-helmet_23-2148269377.jpg",
+            },
+            {
+              name: "David Kim",
+              imageSrc: "http://img.b2bpic.net/free-photo/front-view-professional-female-driver-with-vest_23-2150263130.jpg",
+            },
+            {
+              name: "Amanda Smith",
+              imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-manager-discussing-with-metal-workers-while-performing-quality-control-check-manufactured-rod-cylinders-factory_637285-4122.jpg",
+            },
+          ]}
+          textAnimation="fade-blur"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}