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 />
 

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>
+  );
+}