Bob AI: Add trusted by marquee section below hero

src/pages/HomePage.tsx

@@ -12,10 +12,12 @@ import TestimonialsSection from './HomePage/sections/Testimonials';
 import FaqSection from './HomePage/sections/Faq';
 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,42 @@
+import ScrollReveal from "@/components/ui/ScrollReveal";
+import LoopCarousel from "@/components/ui/LoopCarousel";
+
+export default function TrustedBySection() {
+  const clients = [
+    "أرامكو السعودية",
+    "سابك",
+    "وزارة الإسكان",
+    "أمانة جدة",
+    "نيوم",
+    "البحر الأحمر الدولية",
+    "شركة المياه الوطنية",
+    "وزارة النقل والخدمات اللوجستية"
+  ];
+
+  return (
+    <section data-webild-section="trusted-by" id="trusted-by" className="relative w-full py-12 bg-background border-b border-accent/10 overflow-hidden">
+      <div className="w-content-width mx-auto mb-8">
+        <ScrollReveal variant="fade">
+          <p className="text-center text-sm font-medium text-accent uppercase tracking-wider">
+            موثوقون من قبل نخبة القطاعات
+          </p>
+        </ScrollReveal>
+      </div>
+      
+      <div className="w-full">
+        <LoopCarousel>
+          <div className="flex items-center gap-16 px-8">
+            {clients.map((client, index) => (
+              <span 
+                key={index} 
+                className="text-xl md:text-2xl font-bold text-foreground/40 whitespace-nowrap"
+              >
+                {client}
+              </span>
+            ))}
+          </div>
+        </LoopCarousel>
+      </div>
+    </section>
+  );
+}