Bob AI: Added a certifications logo strip below the hero section.

This commit is contained in:
kudinDmitriyUp
2026-07-03 14:23:16 +00:00
parent ec4ed0681c
commit 5ab8de0f02
2 changed files with 38 additions and 1 deletions

View File

@@ -15,10 +15,12 @@ import SocialProofSection from './HomePage/sections/SocialProof';
import ContactSection from './HomePage/sections/Contact';
import FaqSection from './HomePage/sections/Faq';export default function HomePage(): React.JSX.Element {
import FaqSection from './HomePage/sections/Faq';
import CertificationsSection from './HomePage/sections/Certifications';export default function HomePage(): React.JSX.Element {
return (
<>
<HeroSection />
<CertificationsSection />
<AboutSection />

View File

@@ -0,0 +1,35 @@
import LoopCarousel from '@/components/ui/LoopCarousel';
import { ShieldCheck, Award, Leaf, CheckCircle, Star } from 'lucide-react';
export default function CertificationsSection() {
return (
<section data-webild-section="certifications" id="certifications" className="w-full py-8 bg-background border-b border-border/10">
<div className="w-content-width mx-auto">
<LoopCarousel>
<div className="flex items-center gap-12 py-4">
<div className="flex items-center gap-2 text-accent opacity-70 hover:opacity-100 transition-opacity">
<ShieldCheck className="w-6 h-6" />
<span className="font-medium text-sm uppercase tracking-wider">Food Safety Certified</span>
</div>
<div className="flex items-center gap-2 text-accent opacity-70 hover:opacity-100 transition-opacity">
<Leaf className="w-6 h-6" />
<span className="font-medium text-sm uppercase tracking-wider">100% Organic Grains</span>
</div>
<div className="flex items-center gap-2 text-accent opacity-70 hover:opacity-100 transition-opacity">
<Award className="w-6 h-6" />
<span className="font-medium text-sm uppercase tracking-wider">Artisan Bakers Guild</span>
</div>
<div className="flex items-center gap-2 text-accent opacity-70 hover:opacity-100 transition-opacity">
<CheckCircle className="w-6 h-6" />
<span className="font-medium text-sm uppercase tracking-wider">Non-GMO Verified</span>
</div>
<div className="flex items-center gap-2 text-accent opacity-70 hover:opacity-100 transition-opacity">
<Star className="w-6 h-6" />
<span className="font-medium text-sm uppercase tracking-wider">Top Rated Bakery 2024</span>
</div>
</div>
</LoopCarousel>
</div>
</section>
);
}