Merge version_4_1783088538597 into main
Merge version_4_1783088538597 into main
This commit was merged in pull request #3.
This commit is contained in:
@@ -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 />
|
||||
|
||||
|
||||
35
src/pages/HomePage/sections/Certifications.tsx
Normal file
35
src/pages/HomePage/sections/Certifications.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user