From f632119a57297ad3662552db46f4f91dac093c0f Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Sun, 26 Apr 2026 15:40:39 +0000
Subject: [PATCH] Bob AI: Integrate a 'Trusted By' carousel component,
 displaying comp

---
 src/components/ui/LogoCarousel.tsx | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 src/components/ui/LogoCarousel.tsx

diff --git a/src/components/ui/LogoCarousel.tsx b/src/components/ui/LogoCarousel.tsx
new file mode 100644
index 0000000..8921f57
--- /dev/null
+++ b/src/components/ui/LogoCarousel.tsx
@@ -0,0 +1,30 @@
+import { cls } from "@/lib/utils";
+
+interface Logo {
+  src: string;
+  alt: string;
+}
+
+interface LogoCarouselProps {
+  logos: Logo[];
+  className?: string;
+}
+
+const LogoCarousel = ({ logos, className = "" }: LogoCarouselProps) => {
+  if (!logos || logos.length === 0) return null;
+
+  return (
+    <div className={cls("w-full overflow-hidden flex flex-col gap-3", className)}>
+      <p className="text-sm text-foreground/60 font-medium max-md:text-center">Trusted by</p>
+      <div className="flex w-max animate-marquee">
+        {[...logos, ...logos].map((logo, idx) => (
+          <div key={idx} className="flex items-center justify-center px-6">
+            <img src={logo.src} alt={logo.alt} className="h-8 w-auto object-contain opacity-60 grayscale" />
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+};
+
+export default LogoCarousel;
\ No newline at end of file
-- 
2.49.1