From 6bf56060b12c8bd598726105ab1839fbca0e2e31 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Mon, 6 Jul 2026 11:29:31 +0000
Subject: [PATCH] Bob AI: Added a Trusted By section below the hero with a
 marquee of

---
 src/pages/HomePage.tsx                    |  4 ++-
 src/pages/HomePage/sections/TrustedBy.tsx | 31 +++++++++++++++++++++++
 2 files changed, 34 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/HomePage/sections/TrustedBy.tsx

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 5e2cf47..4fd9c64 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -14,10 +14,12 @@ import MetricsSection from './HomePage/sections/Metrics';
 import FaqSection from './HomePage/sections/Faq';
 import ContactSection from './HomePage/sections/Contact';
 
-export default function HomePage(): React.JSX.Element {
+
+import TrustedBySection from './HomePage/sections/TrustedBy';export default function HomePage(): React.JSX.Element {
   return (
 <>
   <HeroSection />
+      <TrustedBySection />
 
   <AboutSection />
 
diff --git a/src/pages/HomePage/sections/TrustedBy.tsx b/src/pages/HomePage/sections/TrustedBy.tsx
new file mode 100644
index 0000000..6e06076
--- /dev/null
+++ b/src/pages/HomePage/sections/TrustedBy.tsx
@@ -0,0 +1,31 @@
+import LoopCarousel from '@/components/ui/LoopCarousel';
+
+export default function TrustedBySection() {
+  const partners = [
+    "Local Farmers Market",
+    "City Coffee Roasters",
+    "Organic Wheat Co.",
+    "Downtown Cafe",
+    "Heritage Mills",
+    "Artisan Guild"
+  ];
+
+  return (
+    <section data-webild-section="trusted-by" id="trusted-by" className="w-full py-12 bg-background border-b border-foreground/5">
+      <div className="w-content-width mx-auto flex flex-col items-center">
+        <p className="text-sm font-medium text-accent mb-8 uppercase tracking-widest">Trusted by our local partners</p>
+        <div className="w-full overflow-hidden">
+          <LoopCarousel>
+            <div className="flex items-center gap-16 px-8">
+              {partners.map((partner, index) => (
+                <span key={index} className="text-xl font-bold text-foreground/40 whitespace-nowrap">
+                  {partner}
+                </span>
+              ))}
+            </div>
+          </LoopCarousel>
+        </div>
+      </div>
+    </section>
+  );
+}
\ No newline at end of file
-- 
2.49.1