From 5ab8de0f02e9a5cec0011db4c49a183cb0cc4da4 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Fri, 3 Jul 2026 14:23:16 +0000
Subject: [PATCH] Bob AI: Added a certifications logo strip below the hero
 section.

---
 src/pages/HomePage.tsx                        |  4 ++-
 .../HomePage/sections/Certifications.tsx      | 35 +++++++++++++++++++
 2 files changed, 38 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/HomePage/sections/Certifications.tsx

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 080494b..7b9bbbe 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -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 />
 
diff --git a/src/pages/HomePage/sections/Certifications.tsx b/src/pages/HomePage/sections/Certifications.tsx
new file mode 100644
index 0000000..700271c
--- /dev/null
+++ b/src/pages/HomePage/sections/Certifications.tsx
@@ -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>
+  );
+}
\ No newline at end of file