bender/2631e056-2355-4824-beed-e22fa9f23eb6
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3_1781990125558 into main

Browse Source 
Merge version_3_1781990125558 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-06-20 21:16:52 +00:00
parent 13453c8f81 c4455351aa
commit b6e062946c
2 changed files with 30 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/HomePage.tsx
View File

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

27
src/pages/HomePage/sections/ClientLogos.tsx Normal file
View File

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