From a7df29563225522fb4184e7d937a4cc7c22a59b9 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Mon, 22 Jun 2026 16:46:30 +0000
Subject: [PATCH] Bob AI: Update hero layout to split vertical marquee

---
 src/index.css                                |  16 +-
 src/pages/HomePage.tsx                       | 285 ++-----------------
 src/pages/HomePage/sections/Faq.tsx          |  52 ++++
 src/pages/HomePage/sections/Hero.tsx         |  20 ++
 src/pages/HomePage/sections/HowItWorks.tsx   |  43 +++
 src/pages/HomePage/sections/Join.tsx         |  27 ++
 src/pages/HomePage/sections/Metrics.tsx      |  54 ++++
 src/pages/HomePage/sections/Services.tsx     |  57 ++++
 src/pages/HomePage/sections/Testimonials.tsx |  52 ++++
 9 files changed, 335 insertions(+), 271 deletions(-)
 create mode 100644 src/pages/HomePage/sections/Faq.tsx
 create mode 100644 src/pages/HomePage/sections/Hero.tsx
 create mode 100644 src/pages/HomePage/sections/HowItWorks.tsx
 create mode 100644 src/pages/HomePage/sections/Join.tsx
 create mode 100644 src/pages/HomePage/sections/Metrics.tsx
 create mode 100644 src/pages/HomePage/sections/Services.tsx
 create mode 100644 src/pages/HomePage/sections/Testimonials.tsx

diff --git a/src/index.css b/src/index.css
index 848e6ac..b450b86 100644
--- a/src/index.css
+++ b/src/index.css
@@ -5,15 +5,15 @@
 
 :root {
   /* @colorThemes/lightTheme/grayNavyBlue */
-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #ffffff;
-  --primary-cta: #106EFB;
+  --background: #fdfdfd;
+  --card: #f4f4f5;
+  --foreground: #09090b;
+  --primary-cta: #18181b;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #ffffff;
-  --accent: #535353;
-  --background-accent: #106EFB;
+  --secondary-cta: #e4e4e7;
+  --secondary-cta-text: #09090b;
+  --accent: #71717a;
+  --background-accent: #f4f4f5;
 
   /* @layout/border-radius/rounded */
   --radius: 1rem;
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 27b8b21..f32e473 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,274 +1,33 @@
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
-import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
-import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
-import HeroTiltedCards from '@/components/sections/hero/HeroTiltedCards';
-import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
-import TestimonialColumnMarqueeCards from '@/components/sections/testimonial/TestimonialColumnMarqueeCards';
-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 HowItWorksSection from './HomePage/sections/HowItWorks';
+import ServicesSection from './HomePage/sections/Services';
+import MetricsSection from './HomePage/sections/Metrics';
+import TestimonialsSection from './HomePage/sections/Testimonials';
+import FaqSection from './HomePage/sections/Faq';
+import JoinSection from './HomePage/sections/Join';
+
+export default function HomePage(): React.JSX.Element {
   return (
-    <>
-  <div id="hero" data-section="hero">
-    <SectionErrorBoundary name="hero">
-          <HeroTiltedCards
-      tag="Growth Partner"
-      title="Turn Business Problems Into Growth Opportunities"
-      description="Connect with skilled professionals helping businesses identify revenue leaks, improve conversions, and generate more qualified leads."
-      primaryButton={{
-        text: "Request a Service",
-        href: "#contact",
-      }}
-      secondaryButton={{
-        text: "Join as a Professional",
-        href: "#join",
-      }}
-      items={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/female-african-american-young-entrepreneur-looking-revenue-statistics-data-laptop-screen-accountant-analyzing-diagrams-computer-home-office-remote-bookkeeping-service_482257-48386.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/business-report-graphs-charts-business-reports-pile-documents-business-concept_1150-2249.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-marketing-graph-statistics-analysis-finance-market-conce_53876-15838.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+<>
+  <HeroSection />
 
-  <div id="how-it-works" data-section="how-it-works">
-    <SectionErrorBoundary name="how-it-works">
-          <FeaturesDetailedSteps
-      tag="Our Workflow"
-      title="How LKS Works"
-      description="A streamlined process to ensure results for businesses and consistent opportunities for professionals."
-      steps={[
-        {
-          tag: "For Business",
-          title: "Submission",
-          subtitle: "Define your challenge",
-          description: "Submit your business challenge and get matched.",
-          imageSrc: "http://img.b2bpic.net/free-photo/engineer-tech-startup-office-using-ai-machine-learning-systems-pc_482257-120036.jpg",
-        },
-        {
-          tag: "For Business",
-          title: "Solution",
-          subtitle: "Receive actionable reports",
-          description: "Get expert reports and implementation plans.",
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-staff-gathers-examines-monthly-revenue-balance_482257-130896.jpg",
-        },
-        {
-          tag: "For Pros",
-          title: "Apply",
-          subtitle: "Find right projects",
-          description: "Browse opportunities matching your expertise.",
-          imageSrc: "http://img.b2bpic.net/free-photo/office-workers-using-finance-graphs_23-2150408710.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <HowItWorksSection />
 
-  <div id="services" data-section="services">
-    <SectionErrorBoundary name="services">
-          <FeaturesImageBento
-      tag="Expert Services"
-      title="Our Specialized Categories"
-      description="Access elite talent across key business domains."
-      items={[
-        {
-          title: "Web Design",
-          description: "Conversion-focused web experiences.",
-          imageSrc: "http://img.b2bpic.net/free-photo/laptop-headphones-mini-house-plants-table-apartment-room_482257-98954.jpg",
-        },
-        {
-          title: "Copywriting",
-          description: "Persuasive sales and brand copy.",
-          imageSrc: "http://img.b2bpic.net/free-photo/laptop-table_400718-26.jpg",
-        },
-        {
-          title: "Data Analysis",
-          description: "Deep business intelligence reports.",
-          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-125612.jpg",
-        },
-        {
-          title: "SEO Strategy",
-          description: "Traffic growth & content planning.",
-          imageSrc: "http://img.b2bpic.net/free-photo/evidence-inspection-detective-office_482257-81043.jpg",
-        },
-        {
-          title: "Market Research",
-          description: "Competitive positioning analysis.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-machine-learning-infrastructure-engineer-developing-algorithms_482257-124408.jpg",
-        },
-        {
-          title: "Lead Research",
-          description: "Finding qualified opportunity pools.",
-          imageSrc: "http://img.b2bpic.net/free-photo/student-doing-online-learning-career-business-development_482257-125121.jpg",
-        },
-        {
-          title: "Conversion Opt",
-          description: "Identifying revenue leaks.",
-          imageSrc: "http://img.b2bpic.net/free-photo/empowered-ambitious-female-ceo-working-career-development-strategy_482257-122688.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ServicesSection />
 
-  <div id="metrics" data-section="metrics">
-    <SectionErrorBoundary name="metrics">
-          <MetricsFeatureCards
-      tag="Our Impact"
-      title="Proven Results"
-      description="Delivering measurable growth for our partners."
-      metrics={[
-        {
-          value: "500+",
-          title: "Opportunities Identified",
-          features: [
-            "Research-backed",
-            "Growth-focused",
-          ],
-        },
-        {
-          value: "200+",
-          title: "Projects Completed",
-          features: [
-            "High satisfaction",
-            "Timely delivery",
-          ],
-        },
-        {
-          value: "90%",
-          title: "Client Satisfaction",
-          features: [
-            "Expert vetted",
-            "Proven track record",
-          ],
-        },
-        {
-          value: "35%",
-          title: "Conversion Lift",
-          features: [
-            "Measurable results",
-            "Revenue focused",
-          ],
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <MetricsSection />
 
-  <div id="testimonials" data-section="testimonials">
-    <SectionErrorBoundary name="testimonials">
-          <TestimonialColumnMarqueeCards
-      tag="Social Proof"
-      title="Trusted by Leaders"
-      description="See why businesses and pros choose LKS."
-      testimonials={[
-        {
-          name: "Sarah J.",
-          role: "CEO",
-          quote: "LKS helped us identify website leaks costing us potential customers. Conversion improved significantly.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-with-arms-crossed-kitchen_107420-12356.jpg",
-        },
-        {
-          name: "Mark D.",
-          role: "Pro Analyst",
-          quote: "The platform made it easy to find qualified clients looking for my specific skills.",
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-5596.jpg",
-        },
-        {
-          name: "Emily R.",
-          role: "Marketing Director",
-          quote: "Expertise on tap, exactly what we needed to scale operations.",
-          imageSrc: "http://img.b2bpic.net/free-photo/soft-vintage-gradient-blur-background-with-pastel-colored_1258-54799.jpg",
-        },
-        {
-          name: "David K.",
-          role: "Founder",
-          quote: "Professional matched us perfectly within days.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",
-        },
-        {
-          name: "Laura S.",
-          role: "Agency Owner",
-          quote: "Reliable flow of high-quality data analysis work.",
-          imageSrc: "http://img.b2bpic.net/free-photo/soft-vintage-gradient-blur-background-with-pastel-colored-well-use-as-studio-room-product-presentation-banner_1258-54185.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <TestimonialsSection />
 
-  <div id="faq" data-section="faq">
-    <SectionErrorBoundary name="faq">
-          <FaqTabbedAccordion
-      tag="Common Questions"
-      title="Get All Your Answers"
-      description="Everything you need to know about starting your journey with LKS."
-      categories={[
-        {
-          name: "For Businesses",
-          items: [
-            {
-              question: "How do I start?",
-              answer: "Submit a challenge, we match you.",
-            },
-            {
-              question: "What does it cost?",
-              answer: "Depends on project scope.",
-            },
-            {
-              question: "Are experts vetted?",
-              answer: "Yes, strictly.",
-            },
-          ],
-        },
-        {
-          name: "For Professionals",
-          items: [
-            {
-              question: "Can I work remotely?",
-              answer: "Yes, absolutely.",
-            },
-            {
-              question: "How are payments handled?",
-              answer: "Secure platform payments.",
-            },
-          ],
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FaqSection />
 
-  <div id="join" data-section="join">
-    <SectionErrorBoundary name="join">
-          <ContactCta
-      tag="Join Us"
-      text="Start Building Smarter Business Timelines Today."
-      primaryButton={{
-        text: "Request Service",
-        href: "#contact",
-      }}
-      secondaryButton={{
-        text: "Join as Pro",
-        href: "#join-form",
-      }}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <JoinSection />
     </>
   );
 }
diff --git a/src/pages/HomePage/sections/Faq.tsx b/src/pages/HomePage/sections/Faq.tsx
new file mode 100644
index 0000000..5c5eadd
--- /dev/null
+++ b/src/pages/HomePage/sections/Faq.tsx
@@ -0,0 +1,52 @@
+// 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 FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FaqSection(): React.JSX.Element {
+  return (
+    <div id="faq" data-section="faq">
+        <SectionErrorBoundary name="faq">
+              <FaqTabbedAccordion
+          tag="Common Questions"
+          title="Get All Your Answers"
+          description="Everything you need to know about starting your journey with LKS."
+          categories={[
+            {
+              name: "For Businesses",
+              items: [
+                {
+                  question: "How do I start?",
+                  answer: "Submit a challenge, we match you.",
+                },
+                {
+                  question: "What does it cost?",
+                  answer: "Depends on project scope.",
+                },
+                {
+                  question: "Are experts vetted?",
+                  answer: "Yes, strictly.",
+                },
+              ],
+            },
+            {
+              name: "For Professionals",
+              items: [
+                {
+                  question: "Can I work remotely?",
+                  answer: "Yes, absolutely.",
+                },
+                {
+                  question: "How are payments handled?",
+                  answer: "Secure platform payments.",
+                },
+              ],
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
new file mode 100644
index 0000000..b3dd040
--- /dev/null
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -0,0 +1,20 @@
+// Created by add_section_from_catalog (HeroSplitVerticalMarquee).
+
+import React from 'react';
+import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee';
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div data-webild-section="hero" id="hero">
+      <HeroSplitVerticalMarquee
+        title="Turn Business Problems Into Growth Opportunities"
+        tag="Growth Partner"
+        description="Connect with skilled professionals helping businesses identify revenue leaks, improve conversions, and generate more qualified leads."
+        primaryButton={{"href":"#contact","text":"Request a Service"}}
+        secondaryButton={{"href":"#join","text":"Join as a Professional"}}
+        leftItems={[{"imageSrc":"http://img.b2bpic.net/free-photo/female-african-american-young-entrepreneur-looking-revenue-statistics-data-laptop-screen-accountant-analyzing-diagrams-computer-home-office-remote-bookkeeping-service_482257-48386.jpg"},{"imageSrc":"http://img.b2bpic.net/free-photo/business-report-graphs-charts-business-reports-pile-documents-business-concept_1150-2249.jpg"},{"imageSrc":"http://img.b2bpic.net/free-photo/digital-marketing-graph-statistics-analysis-finance-market-conce_53876-15838.jpg"}]}
+        rightItems={[{"imageSrc":"http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg"},{"imageSrc":"http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg"}]}
+      />
+    </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/HowItWorks.tsx b/src/pages/HomePage/sections/HowItWorks.tsx
new file mode 100644
index 0000000..3619b6b
--- /dev/null
+++ b/src/pages/HomePage/sections/HowItWorks.tsx
@@ -0,0 +1,43 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "how-it-works" section.
+
+import React from 'react';
+import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function HowItWorksSection(): React.JSX.Element {
+  return (
+    <div id="how-it-works" data-section="how-it-works">
+        <SectionErrorBoundary name="how-it-works">
+              <FeaturesDetailedSteps
+          tag="Our Workflow"
+          title="How LKS Works"
+          description="A streamlined process to ensure results for businesses and consistent opportunities for professionals."
+          steps={[
+            {
+              tag: "For Business",
+              title: "Submission",
+              subtitle: "Define your challenge",
+              description: "Submit your business challenge and get matched.",
+              imageSrc: "http://img.b2bpic.net/free-photo/engineer-tech-startup-office-using-ai-machine-learning-systems-pc_482257-120036.jpg",
+            },
+            {
+              tag: "For Business",
+              title: "Solution",
+              subtitle: "Receive actionable reports",
+              description: "Get expert reports and implementation plans.",
+              imageSrc: "http://img.b2bpic.net/free-photo/african-american-staff-gathers-examines-monthly-revenue-balance_482257-130896.jpg",
+            },
+            {
+              tag: "For Pros",
+              title: "Apply",
+              subtitle: "Find right projects",
+              description: "Browse opportunities matching your expertise.",
+              imageSrc: "http://img.b2bpic.net/free-photo/office-workers-using-finance-graphs_23-2150408710.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Join.tsx b/src/pages/HomePage/sections/Join.tsx
new file mode 100644
index 0000000..db1f8c8
--- /dev/null
+++ b/src/pages/HomePage/sections/Join.tsx
@@ -0,0 +1,27 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "join" section.
+
+import React from 'react';
+import ContactCta from '@/components/sections/contact/ContactCta';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function JoinSection(): React.JSX.Element {
+  return (
+    <div id="join" data-section="join">
+        <SectionErrorBoundary name="join">
+              <ContactCta
+          tag="Join Us"
+          text="Start Building Smarter Business Timelines Today."
+          primaryButton={{
+            text: "Request Service",
+            href: "#contact",
+          }}
+          secondaryButton={{
+            text: "Join as Pro",
+            href: "#join-form",
+          }}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Metrics.tsx b/src/pages/HomePage/sections/Metrics.tsx
new file mode 100644
index 0000000..5b08793
--- /dev/null
+++ b/src/pages/HomePage/sections/Metrics.tsx
@@ -0,0 +1,54 @@
+// 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 Impact"
+          title="Proven Results"
+          description="Delivering measurable growth for our partners."
+          metrics={[
+            {
+              value: "500+",
+              title: "Opportunities Identified",
+              features: [
+                "Research-backed",
+                "Growth-focused",
+              ],
+            },
+            {
+              value: "200+",
+              title: "Projects Completed",
+              features: [
+                "High satisfaction",
+                "Timely delivery",
+              ],
+            },
+            {
+              value: "90%",
+              title: "Client Satisfaction",
+              features: [
+                "Expert vetted",
+                "Proven track record",
+              ],
+            },
+            {
+              value: "35%",
+              title: "Conversion Lift",
+              features: [
+                "Measurable results",
+                "Revenue focused",
+              ],
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Services.tsx b/src/pages/HomePage/sections/Services.tsx
new file mode 100644
index 0000000..183c6ad
--- /dev/null
+++ b/src/pages/HomePage/sections/Services.tsx
@@ -0,0 +1,57 @@
+// 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 FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ServicesSection(): React.JSX.Element {
+  return (
+    <div id="services" data-section="services">
+        <SectionErrorBoundary name="services">
+              <FeaturesImageBento
+          tag="Expert Services"
+          title="Our Specialized Categories"
+          description="Access elite talent across key business domains."
+          items={[
+            {
+              title: "Web Design",
+              description: "Conversion-focused web experiences.",
+              imageSrc: "http://img.b2bpic.net/free-photo/laptop-headphones-mini-house-plants-table-apartment-room_482257-98954.jpg",
+            },
+            {
+              title: "Copywriting",
+              description: "Persuasive sales and brand copy.",
+              imageSrc: "http://img.b2bpic.net/free-photo/laptop-table_400718-26.jpg",
+            },
+            {
+              title: "Data Analysis",
+              description: "Deep business intelligence reports.",
+              imageSrc: "http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-125612.jpg",
+            },
+            {
+              title: "SEO Strategy",
+              description: "Traffic growth & content planning.",
+              imageSrc: "http://img.b2bpic.net/free-photo/evidence-inspection-detective-office_482257-81043.jpg",
+            },
+            {
+              title: "Market Research",
+              description: "Competitive positioning analysis.",
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-machine-learning-infrastructure-engineer-developing-algorithms_482257-124408.jpg",
+            },
+            {
+              title: "Lead Research",
+              description: "Finding qualified opportunity pools.",
+              imageSrc: "http://img.b2bpic.net/free-photo/student-doing-online-learning-career-business-development_482257-125121.jpg",
+            },
+            {
+              title: "Conversion Opt",
+              description: "Identifying revenue leaks.",
+              imageSrc: "http://img.b2bpic.net/free-photo/empowered-ambitious-female-ceo-working-career-development-strategy_482257-122688.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Testimonials.tsx b/src/pages/HomePage/sections/Testimonials.tsx
new file mode 100644
index 0000000..8840b50
--- /dev/null
+++ b/src/pages/HomePage/sections/Testimonials.tsx
@@ -0,0 +1,52 @@
+// 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';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function TestimonialsSection(): React.JSX.Element {
+  return (
+    <div id="testimonials" data-section="testimonials">
+        <SectionErrorBoundary name="testimonials">
+              <TestimonialColumnMarqueeCards
+          tag="Social Proof"
+          title="Trusted by Leaders"
+          description="See why businesses and pros choose LKS."
+          testimonials={[
+            {
+              name: "Sarah J.",
+              role: "CEO",
+              quote: "LKS helped us identify website leaks costing us potential customers. Conversion improved significantly.",
+              imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-with-arms-crossed-kitchen_107420-12356.jpg",
+            },
+            {
+              name: "Mark D.",
+              role: "Pro Analyst",
+              quote: "The platform made it easy to find qualified clients looking for my specific skills.",
+              imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-5596.jpg",
+            },
+            {
+              name: "Emily R.",
+              role: "Marketing Director",
+              quote: "Expertise on tap, exactly what we needed to scale operations.",
+              imageSrc: "http://img.b2bpic.net/free-photo/soft-vintage-gradient-blur-background-with-pastel-colored_1258-54799.jpg",
+            },
+            {
+              name: "David K.",
+              role: "Founder",
+              quote: "Professional matched us perfectly within days.",
+              imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",
+            },
+            {
+              name: "Laura S.",
+              role: "Agency Owner",
+              quote: "Reliable flow of high-quality data analysis work.",
+              imageSrc: "http://img.b2bpic.net/free-photo/soft-vintage-gradient-blur-background-with-pastel-colored-well-use-as-studio-room-product-presentation-banner_1258-54185.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
-- 
2.49.1