Bob AI: Added a horizontal bar of partner logos under the Hero secti

Merge version_11_1782872930692 into main

src/pages/HomePage.tsx

@@ -14,10 +14,12 @@ import ReviewsSection from './HomePage/sections/Reviews';
 import FaqSection from './HomePage/sections/Faq';
 import ContactSection from './HomePage/sections/Contact';
 
-export default function HomePage(): React.JSX.Element {
+
+import PartnersSection from './HomePage/sections/Partners';export default function HomePage(): React.JSX.Element {
   return (
 <>
   <HeroSection />
+      <PartnersSection />
 
   <AboutSection />
 

src/pages/HomePage/sections/Partners.tsx

@@ -0,0 +1,24 @@
+import LoopCarousel from '@/components/ui/LoopCarousel';
+
+export default function PartnersSection() {
+  const partners = ["Carrier", "Trane", "Lennox", "Goodman", "Rheem", "York", "Bryant", "Daikin", "Mitsubishi", "Ruud"];
+
+  return (
+    <section data-webild-section="partners" id="partners" className="relative w-full py-12 bg-background overflow-hidden border-y border-foreground/5">
+      <div className="w-content-width mx-auto mb-8">
+        <p className="text-center text-sm font-semibold text-accent uppercase tracking-wider">
+          Trusted by industry leaders
+        </p>
+      </div>
+      <LoopCarousel>
+        <div className="flex items-center gap-16 px-8">
+          {partners.map((partner, index) => (
+            <span key={index} className="text-2xl md:text-3xl font-bold text-foreground/30 whitespace-nowrap">
+              {partner}
+            </span>
+          ))}
+        </div>
+      </LoopCarousel>
+    </section>
+  );
+}