From c4455351aa152762839736948cb470160b646a90 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Sat, 20 Jun 2026 21:16:09 +0000
Subject: [PATCH] Bob AI: Added a client logos marquee section below the hero.

---
 src/pages/HomePage.tsx                      |  4 ++-
 src/pages/HomePage/sections/ClientLogos.tsx | 27 +++++++++++++++++++++
 2 files changed, 30 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/HomePage/sections/ClientLogos.tsx

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 8ea2c15..d8c51ee 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -14,10 +14,12 @@ import FaqSection from './HomePage/sections/Faq';
 import ContactSection from './HomePage/sections/Contact';
 
 
-import ProductDiscoverySection from './HomePage/sections/ProductDiscovery';export default function HomePage(): React.JSX.Element {
+import ProductDiscoverySection from './HomePage/sections/ProductDiscovery';
+import ClientLogosSection from './HomePage/sections/ClientLogos';export default function HomePage(): React.JSX.Element {
   return (
 <>
   <HeroSection />
+      <ClientLogosSection />
 
   <ProductsSection />
       <ProductDiscoverySection />
diff --git a/src/pages/HomePage/sections/ClientLogos.tsx b/src/pages/HomePage/sections/ClientLogos.tsx
new file mode 100644
index 0000000..3cac349
--- /dev/null
+++ b/src/pages/HomePage/sections/ClientLogos.tsx
@@ -0,0 +1,27 @@
+import LoopCarousel from "@/components/ui/LoopCarousel";
+
+export default function ClientLogosSection() {
+  return (
+    <section data-webild-section="client-logos" id="client-logos" className="relative w-full py-12 bg-background border-b border-background-accent overflow-hidden">
+      <div className="w-content-width mx-auto mb-8 text-center">
+        <p className="text-sm font-medium text-accent uppercase tracking-widest">
+          Featured in top publications
+        </p>
+      </div>
+      <div className="w-full">
+        <LoopCarousel>
+          <div className="flex items-center gap-16 md:gap-24 px-8 md:px-12">
+            {["VOGUE", "GQ", "HARPER'S BAZAAR", "ELLE", "ESQUIRE", "VANITY FAIR", "HYPEBEAST", "HIGHSNOBIETY"].map((logo, index) => (
+              <div 
+                key={index} 
+                className="flex items-center justify-center whitespace-nowrap text-2xl md:text-3xl font-bold text-foreground/30 hover:text-foreground/80 transition-colors duration-300 font-sans tracking-tighter"
+              >
+                {logo}
+              </div>
+            ))}
+          </div>
+        </LoopCarousel>
+      </div>
+    </section>
+  );
+}
\ No newline at end of file
-- 
2.49.1