Merge version_2_1781366420672 into main

Merge version_2_1781366420672 into main

src/index.css

@@ -8,7 +8,7 @@
   --background: #f5faff;
   --card: #ffffff;
   --foreground: #001122;
-  --primary-cta: #15479c;
+  --primary-cta: #001122;
   --primary-cta-text: #f5faff;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #001122;

src/pages/HomePage.tsx

@@ -1,256 +1,39 @@
-import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FaqSimple from '@/components/sections/faq/FaqSimple';
-import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
-import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
-import HeroSplit from '@/components/sections/hero/HeroSplit';
-import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
-import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
-import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
-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 ProductsSection from './HomePage/sections/Products';
+import MetricsSection from './HomePage/sections/Metrics';
+import TestimonialSection from './HomePage/sections/Testimonial';
+import SocialProofSection from './HomePage/sections/SocialProof';
+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">
-          <HeroSplit
-      tag="Since 1998"
-      title="Al-Sard Trading: Excellence in General Trade"
-      description="Providing comprehensive global supply chain solutions for industries worldwide. We connect quality products with dynamic market demands."
-      primaryButton={{
-        text: "Explore Services",
-        href: "#features",
-      }}
-      secondaryButton={{
-        text: "Contact Us",
-        href: "#contact",
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-person-standing-skyscrapers_181624-25441.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+<>
+  <HeroSection />
 
-  <div id="about" data-section="about">
-    <SectionErrorBoundary name="about">
-          <AboutTestimonial
-      tag="Our Leadership"
-      quote="In Al-Sard Trading, we believe that trade is not just the movement of goods, but building long-term trust and mutual growth with our partners across the globe."
-      author="Hassan Al-Sard"
-      role="CEO & Founder"
-      imageSrc="http://img.b2bpic.net/free-photo/content-indian-ceo-standing-smiling-portrait-successful-pensive-bearded-businessman-glasses-posing-office-room-business-expression-management-concept_74855-11642.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+  <AboutSection />
 
-  <div id="features" data-section="features">
-    <SectionErrorBoundary name="features">
-          <FeaturesDetailedSteps
-      tag="Core Operations"
-      title="Streamlined Global Trade Services"
-      description="Our operational model is designed for transparency, speed, and precision."
-      steps={[
-        {
-          tag: "Sourcing",
-          title: "Global Procurement",
-          subtitle: "Quality Sourcing",
-          description: "Rigorous selection of premium manufacturers and suppliers.",
-          imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-futuristic-abstract-illuminate-line-dot-wireless-connection-wave-with-triangle-bright-blue-background-mobile-banking-shopping-online-concept-technology-future_493343-29981.jpg",
-        },
-        {
-          tag: "Logistics",
-          title: "Supply Chain Management",
-          subtitle: "Efficient Delivery",
-          description: "Expert logistics handling from origin to final destination.",
-          imageSrc: "http://img.b2bpic.net/free-photo/post-office-storage-employees-managing-parcels-receiving-dispatching-mail-sorting-center-workers-supervising-orders-audit-standing-storehouse-aisle-near-shelves-full-boxes-top-view_482257-66377.jpg",
-        },
-        {
-          tag: "Support",
-          title: "Continuous Growth",
-          subtitle: "Business Partnership",
-          description: "Technical support and reliable market insights for all clients.",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827243.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FeaturesSection />
 
-  <div id="products" data-section="products">
-    <SectionErrorBoundary name="products">
-          <FeaturesRevealCardsBento
-      tag="Portfolio"
-      title="Core Product Categories"
-      description="A diverse range of goods catering to multiple industrial sectors."
-      items={[
-        {
-          title: "Construction Steel",
-          description: "High-grade industrial steel.",
-          href: "#contact",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-10260.jpg",
-        },
-        {
-          title: "Chemical Supplies",
-          description: "Professional chemicals.",
-          href: "#contact",
-          imageSrc: "http://img.b2bpic.net/free-photo/beer-kegs_1398-2540.jpg",
-        },
-        {
-          title: "Refined Lubricants",
-          description: "Industrial grade oils.",
-          href: "#contact",
-          imageSrc: "http://img.b2bpic.net/free-photo/forklift-truck-is-lifting-oil-barrels_35913-1924.jpg",
-        },
-        {
-          title: "Power Hardware",
-          description: "Electrical components.",
-          href: "#contact",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-taking-care-warehouse-logistics_23-2149128336.jpg",
-        },
-        {
-          title: "Spare Parts",
-          description: "Precision machine parts.",
-          href: "#contact",
-          imageSrc: "http://img.b2bpic.net/free-photo/focused-ceo-formal-suit-hardhat-standing-warehouse-talking-mobile-phone_74855-16370.jpg",
-        },
-        {
-          title: "Industrial Parts",
-          description: "Automotive hardware.",
-          href: "#contact",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-ophthalmologist-s-tools_23-2150917662.jpg",
-        },
-        {
-          title: "Digital Supply",
-          description: "Modern tracking tech.",
-          href: "#contact",
-          imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-plant-employee-analyzing-performance-data-tablet-close-up_482257-117889.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ProductsSection />
 
-  <div id="metrics" data-section="metrics">
-    <SectionErrorBoundary name="metrics">
-          <MetricsMediaCards
-      tag="Our Impact"
-      title="Global Trade Figures"
-      description="Measurable results driven by expert trade practices."
-      metrics={[
-        {
-          value: "25+",
-          title: "Years of Experience",
-          description: "Proven longevity in global trade markets.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cargo-ship-loaded-with-shipping-containers_23-2152021816.jpg",
-        },
-        {
-          value: "500+",
-          title: "Active Network Nodes",
-          description: "Widespread presence across continents.",
-          imageSrc: "http://img.b2bpic.net/free-photo/panoramic-views-dubai-city-illuminated-neon-spectrum_23-2151305391.jpg",
-        },
-        {
-          value: "99.9%",
-          title: "Logistics Efficiency",
-          description: "Automated and precision-based delivery.",
-          imageSrc: "http://img.b2bpic.net/free-photo/robotic-delivery-dog-factory-concept-robot-dog-delivering-goods_35913-2609.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <MetricsSection />
 
-  <div id="testimonial" data-section="testimonial">
-    <SectionErrorBoundary name="testimonial">
-          <TestimonialTrustCard
-      quote="Al-Sard Trading has consistently demonstrated exceptional reliability in managing our bulk industrial shipments. Their expertise in the region is truly unmatched."
-      rating={5}
-      author="Global Logistics Partners"
-      avatars={[
-        {
-          name: "Client A",
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
-        },
-        {
-          name: "Client B",
-          imageSrc: "http://img.b2bpic.net/free-photo/experienced-businesswoman-sitting-office-room-looking-screen-caucasian-content-pretty-office-employee-working-project-via-computer-business-digital-technology-corporation-concept_74855-11682.jpg",
-        },
-        {
-          name: "Client C",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg",
-        },
-        {
-          name: "Client D",
-          imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg",
-        },
-        {
-          name: "Client E",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <TestimonialSection />
 
-  <div id="social-proof" data-section="social-proof">
-    <SectionErrorBoundary name="social-proof">
-          <SocialProofMarquee
-      tag="Partners"
-      title="Trusted by Global Leaders"
-      description="We are proud to partner with the industry leaders in trade and manufacturing."
-      names={[
-        "Shipping Corp",
-        "Finance Group",
-        "Manufacturing Inc",
-        "Global Logistics",
-        "Construction Supply",
-        "Automotive Solutions",
-        "Engineering Ltd",
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <SocialProofSection />
 
-  <div id="faq" data-section="faq">
-    <SectionErrorBoundary name="faq">
-          <FaqSimple
-      tag="Information"
-      title="Frequently Asked Questions"
-      description="Get quick answers regarding our trade operations."
-      items={[
-        {
-          question: "What products do you specialize in?",
-          answer: "We specialize in industrial steel, chemicals, hardware, and automotive parts.",
-        },
-        {
-          question: "Do you offer international shipping?",
-          answer: "Yes, we facilitate international shipping to over 500 locations globally.",
-        },
-        {
-          question: "How can I request a quote?",
-          answer: "Simply fill out our contact form and our sales representative will reach out.",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FaqSection />
 
-  <div id="contact" data-section="contact">
-    <SectionErrorBoundary name="contact">
-          <ContactCta
-      tag="Let's Connect"
-      text="Are you ready to discuss your next big trade venture? Get in touch with our team today."
-      primaryButton={{
-        text: "Contact Our Office",
-        href: "#contact",
-      }}
-      secondaryButton={{
-        text: "Email Support",
-        href: "mailto:info@alsard.com",
-      }}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ContactSection />
     </>
   );
 }

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 AboutTestimonial from '@/components/sections/about/AboutTestimonial';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function AboutSection(): React.JSX.Element {
+  return (
+    <div id="about" data-section="about">
+        <SectionErrorBoundary name="about">
+              <AboutTestimonial
+          tag="Our Leadership"
+          quote="In Al-Sard Trading, we believe that trade is not just the movement of goods, but building long-term trust and mutual growth with our partners across the globe."
+          author="Hassan Al-Sard"
+          role="CEO & Founder"
+          imageSrc="http://img.b2bpic.net/free-photo/content-indian-ceo-standing-smiling-portrait-successful-pensive-bearded-businessman-glasses-posing-office-room-business-expression-management-concept_74855-11642.jpg"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

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="Let's Connect"
+          text="Are you ready to discuss your next big trade venture? Get in touch with our team today."
+          primaryButton={{
+            text: "Contact Our Office",
+            href: "#contact",
+          }}
+          secondaryButton={{
+            text: "Email Support",
+            href: "mailto:info@alsard.com",
+          }}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Faq.tsx

@@ -0,0 +1,34 @@
+// 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="Information"
+          title="Frequently Asked Questions"
+          description="Get quick answers regarding our trade operations."
+          items={[
+            {
+              question: "What products do you specialize in?",
+              answer: "We specialize in industrial steel, chemicals, hardware, and automotive parts.",
+            },
+            {
+              question: "Do you offer international shipping?",
+              answer: "Yes, we facilitate international shipping to over 500 locations globally.",
+            },
+            {
+              question: "How can I request a quote?",
+              answer: "Simply fill out our contact form and our sales representative will reach out.",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

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="Core Operations"
+          title="Streamlined Global Trade Services"
+          description="Our operational model is designed for transparency, speed, and precision."
+          steps={[
+            {
+              tag: "Sourcing",
+              title: "Global Procurement",
+              subtitle: "Quality Sourcing",
+              description: "Rigorous selection of premium manufacturers and suppliers.",
+              imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-futuristic-abstract-illuminate-line-dot-wireless-connection-wave-with-triangle-bright-blue-background-mobile-banking-shopping-online-concept-technology-future_493343-29981.jpg",
+            },
+            {
+              tag: "Logistics",
+              title: "Supply Chain Management",
+              subtitle: "Efficient Delivery",
+              description: "Expert logistics handling from origin to final destination.",
+              imageSrc: "http://img.b2bpic.net/free-photo/post-office-storage-employees-managing-parcels-receiving-dispatching-mail-sorting-center-workers-supervising-orders-audit-standing-storehouse-aisle-near-shelves-full-boxes-top-view_482257-66377.jpg",
+            },
+            {
+              tag: "Support",
+              title: "Continuous Growth",
+              subtitle: "Business Partnership",
+              description: "Technical support and reliable market insights for all clients.",
+              imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827243.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

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 HeroSplit from '@/components/sections/hero/HeroSplit';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div id="hero" data-section="hero">
+        <SectionErrorBoundary name="hero">
+              <HeroSplit
+          tag="Since 1998"
+          title="Al-Sard Trading: Excellence in General Trade"
+          description="Providing comprehensive global supply chain solutions for industries worldwide. We connect quality products with dynamic market demands."
+          primaryButton={{
+            text: "Explore Services",
+            href: "#features",
+          }}
+          secondaryButton={{
+            text: "Contact Us",
+            href: "#contact",
+          }}
+          imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-person-standing-skyscrapers_181624-25441.jpg"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Metrics.tsx

@@ -0,0 +1,40 @@
+// 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 MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function MetricsSection(): React.JSX.Element {
+  return (
+    <div id="metrics" data-section="metrics">
+        <SectionErrorBoundary name="metrics">
+              <MetricsMediaCards
+          tag="Our Impact"
+          title="Global Trade Figures"
+          description="Measurable results driven by expert trade practices."
+          metrics={[
+            {
+              value: "25+",
+              title: "Years of Experience",
+              description: "Proven longevity in global trade markets.",
+              imageSrc: "http://img.b2bpic.net/free-photo/cargo-ship-loaded-with-shipping-containers_23-2152021816.jpg",
+            },
+            {
+              value: "500+",
+              title: "Active Network Nodes",
+              description: "Widespread presence across continents.",
+              imageSrc: "http://img.b2bpic.net/free-photo/panoramic-views-dubai-city-illuminated-neon-spectrum_23-2151305391.jpg",
+            },
+            {
+              value: "99.9%",
+              title: "Logistics Efficiency",
+              description: "Automated and precision-based delivery.",
+              imageSrc: "http://img.b2bpic.net/free-photo/robotic-delivery-dog-factory-concept-robot-dog-delivering-goods_35913-2609.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Products.tsx

@@ -0,0 +1,64 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "products" section.
+
+import React from 'react';
+import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ProductsSection(): React.JSX.Element {
+  return (
+    <div id="products" data-section="products">
+        <SectionErrorBoundary name="products">
+              <FeaturesRevealCardsBento
+          tag="Portfolio"
+          title="Core Product Categories"
+          description="A diverse range of goods catering to multiple industrial sectors."
+          items={[
+            {
+              title: "Construction Steel",
+              description: "High-grade industrial steel.",
+              href: "#contact",
+              imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-10260.jpg",
+            },
+            {
+              title: "Chemical Supplies",
+              description: "Professional chemicals.",
+              href: "#contact",
+              imageSrc: "http://img.b2bpic.net/free-photo/beer-kegs_1398-2540.jpg",
+            },
+            {
+              title: "Refined Lubricants",
+              description: "Industrial grade oils.",
+              href: "#contact",
+              imageSrc: "http://img.b2bpic.net/free-photo/forklift-truck-is-lifting-oil-barrels_35913-1924.jpg",
+            },
+            {
+              title: "Power Hardware",
+              description: "Electrical components.",
+              href: "#contact",
+              imageSrc: "http://img.b2bpic.net/free-photo/people-taking-care-warehouse-logistics_23-2149128336.jpg",
+            },
+            {
+              title: "Spare Parts",
+              description: "Precision machine parts.",
+              href: "#contact",
+              imageSrc: "http://img.b2bpic.net/free-photo/focused-ceo-formal-suit-hardhat-standing-warehouse-talking-mobile-phone_74855-16370.jpg",
+            },
+            {
+              title: "Industrial Parts",
+              description: "Automotive hardware.",
+              href: "#contact",
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-ophthalmologist-s-tools_23-2150917662.jpg",
+            },
+            {
+              title: "Digital Supply",
+              description: "Modern tracking tech.",
+              href: "#contact",
+              imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-plant-employee-analyzing-performance-data-tablet-close-up_482257-117889.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/SocialProof.tsx

@@ -0,0 +1,29 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "social-proof" section.
+
+import React from 'react';
+import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function SocialProofSection(): React.JSX.Element {
+  return (
+    <div id="social-proof" data-section="social-proof">
+        <SectionErrorBoundary name="social-proof">
+              <SocialProofMarquee
+          tag="Partners"
+          title="Trusted by Global Leaders"
+          description="We are proud to partner with the industry leaders in trade and manufacturing."
+          names={[
+            "Shipping Corp",
+            "Finance Group",
+            "Manufacturing Inc",
+            "Global Logistics",
+            "Construction Supply",
+            "Automotive Solutions",
+            "Engineering Ltd",
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Testimonial.tsx

@@ -0,0 +1,42 @@
+// 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 TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function TestimonialSection(): React.JSX.Element {
+  return (
+    <div id="testimonial" data-section="testimonial">
+        <SectionErrorBoundary name="testimonial">
+              <TestimonialTrustCard
+          quote="Al-Sard Trading has consistently demonstrated exceptional reliability in managing our bulk industrial shipments. Their expertise in the region is truly unmatched."
+          rating={5}
+          author="Global Logistics Partners"
+          avatars={[
+            {
+              name: "Client A",
+              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
+            },
+            {
+              name: "Client B",
+              imageSrc: "http://img.b2bpic.net/free-photo/experienced-businesswoman-sitting-office-room-looking-screen-caucasian-content-pretty-office-employee-working-project-via-computer-business-digital-technology-corporation-concept_74855-11682.jpg",
+            },
+            {
+              name: "Client C",
+              imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg",
+            },
+            {
+              name: "Client D",
+              imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg",
+            },
+            {
+              name: "Client E",
+              imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}