Bob AI: Add Trusted By logo bar below hero

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 />
 

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>
+  );
+}