bender/2cbce3ee-5d20-46a9-b1ac-62e6782b8edb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_5_1783088809140 into main #4

Merged
bender merged 1 commits from version_5_1783088809140 into main 2026-07-03 14:28:51 +00:00
Conversation 0 Commits 1 Files Changed 2 +39 -1
2 changed files with 39 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/HomePage.tsx
View File

@@ -16,7 +16,8 @@ import ContactSection from './HomePage/sections/Contact';
import FaqSection from './HomePage/sections/Faq';
import CertificationsSection from './HomePage/sections/Certifications';export default function HomePage(): React.JSX.Element {
import CertificationsSection from './HomePage/sections/Certifications';
import ClientLogosSection from './HomePage/sections/ClientLogos';export default function HomePage(): React.JSX.Element {
return (
<>
<HeroSection />
@@ -31,6 +32,7 @@ import CertificationsSection from './HomePage/sections/Certifications';export de
<MetricsSection />
<TestimonialsSection />
<ClientLogosSection />
<SocialProofSection />
<FaqSection />

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

@@ -0,0 +1,36 @@
import React from 'react';
import LoopCarousel from '@/components/ui/LoopCarousel';
export default function ClientLogosSection() {
return (
<div data-webild-section="client-logos" id="client-logos">
<section className="w-full py-16 bg-background border-t border-black/5 dark:border-white/5">
<div className="w-content-width mx-auto flex flex-col items-center">
<p className="text-sm font-medium text-accent mb-10 uppercase tracking-widest text-center">
Proudly serving top restaurants & cafes
</p>
<div className="w-full overflow-hidden" style={{ maskImage: 'linear-gradient(to right, transparent, black 10%, black 90%, transparent)', WebkitMaskImage: 'linear-gradient(to right, transparent, black 10%, black 90%, transparent)' }}>
<LoopCarousel>
<div className="flex items-center gap-16 md:gap-24 px-8">
{[
"The French Laundry",
"Balthazar",
"Tartine Bakery",
"Blue Hill",
"Le Bernardin",
"Eleven Madison Park",
"Alinea",
"Per Se"
].map((partner, i) => (
<span key={i} className="text-xl md:text-2xl font-bold text-foreground/30 whitespace-nowrap hover:text-foreground/80 transition-colors duration-300">
{partner}
</span>
))}
</div>
</LoopCarousel>
</div>
</div>
</section>
</div>
);
}