From ba466880b063e91a70f7f331a0934c73d6cfe516 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Mon, 29 Jun 2026 13:20:03 +0000
Subject: [PATCH] Bob AI: Add Trusted By logo bar below hero

---
 src/pages/HomePage.tsx                    |  4 +++-
 src/pages/HomePage/sections/TrustedBy.tsx | 27 +++++++++++++++++++++++
 2 files changed, 30 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/HomePage/sections/TrustedBy.tsx

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 25dd78e..df703ac 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -14,10 +14,12 @@ import TestimonialsSection from './HomePage/sections/Testimonials';
 import PricingSection from './HomePage/sections/Pricing';
 import ContactSection from './HomePage/sections/Contact';
 
-export default function HomePage(): React.JSX.Element {
+
+import TrustedBySection from './HomePage/sections/TrustedBy';export default function HomePage(): React.JSX.Element {
   return (
 <>
   <HeroSection />
+      <TrustedBySection />
 
   <AboutSection />
 
diff --git a/src/pages/HomePage/sections/TrustedBy.tsx b/src/pages/HomePage/sections/TrustedBy.tsx
new file mode 100644
index 0000000..d571262
--- /dev/null
+++ b/src/pages/HomePage/sections/TrustedBy.tsx
@@ -0,0 +1,27 @@
+
+export default function TrustedBySection() {
+  const logos = [
+    "SABIC",
+    "Aramco",
+    "Ma'aden",
+    "Tasnee",
+    "Zamil Industrial"
+  ];
+
+  return (
+    <section id="trusted-by" data-webild-section="trusted-by" className="py-16 bg-background">
+      <div className="w-content-width mx-auto flex flex-col items-center gap-8">
+        <p className="text-sm font-medium text-accent uppercase tracking-wider text-center">
+          Trusted by leading factories across Saudi Arabia
+        </p>
+        <div className="flex flex-wrap justify-center items-center gap-8 md:gap-16 opacity-60">
+          {logos.map((logo, index) => (
+            <div key={index} className="text-xl md:text-2xl font-bold text-foreground font-sans tracking-tight">
+              {logo}
+            </div>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}