Merge version_16_1782936999152 into main

Merge version_16_1782936999152 into main

src/components/Layout.tsx

@@ -1,5 +1,5 @@
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import NavbarFloating from '@/components/ui/NavbarFloating';
+import NavbarDropdown from '@/components/ui/NavbarDropdown';
 import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
 import SiteBackgroundSlot from "@/components/ui/SiteBackgroundSlot";
 import { Outlet } from 'react-router-dom';
@@ -41,8 +41,9 @@ export default function Layout() {
     <StyleProvider buttonVariant="magnetic" siteBackground="noiseGradient" heroBackground="lightRaysCorner">
       <SiteBackgroundSlot />
       <SectionErrorBoundary name="navbar">
-        <NavbarFloating
+        <NavbarDropdown
       logo="AC&HS Meridian"
+      logoImageSrc="https://storage.googleapis.com/webild/users/user_3FsKwY1z0whbLqu4cWcJMuckrXb/uploaded-1782935786478-16hkrfrf.png"
       ctaButton={{
         text: "Schedule Service",
         href: "#contact",

src/components/ui/NavbarDropdown.tsx

@@ -6,6 +6,7 @@ import Button from "@/components/ui/Button";
 
 interface NavbarDropdownProps {
   logo: string;
+  logoImageSrc?: string;
   navItems: { name: string; href: string }[];
   ctaButton: { text: string; href: string };
 }
@@ -19,9 +20,9 @@ const handleNavClick = (e: React.MouseEvent<HTMLAnchorElement>, href: string, on
   onClose?.();
 };
 
-const NavbarDropdown = ({ logo, navItems, ctaButton }: NavbarDropdownProps) => {
+const NavbarDropdown = ({ logo, logoImageSrc, navItems, ctaButton }: NavbarDropdownProps) => {
   const [menuOpen, setMenuOpen] = useState(false);
-  const navRef = useRef<HTMLElement>(null);
+  const navRef = useRef<HTMLElement | null>(null);
 
   useEffect(() => {
     const handleKeyDown = (e: KeyboardEvent) => {
@@ -104,4 +105,4 @@ const NavbarDropdown = ({ logo, navItems, ctaButton }: NavbarDropdownProps) => {
   );
 };
 
-export default NavbarDropdown;
+export default NavbarDropdown;

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,29 @@
+import LoopCarousel from '@/components/ui/LoopCarousel';
+import ImageOrVideo from '@/components/ui/ImageOrVideo';
+
+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 flex flex-col items-center">
+        <ImageOrVideo 
+          imageSrc="https://storage.googleapis.com/webild/users/user_3FsKwY1z0whbLqu4cWcJMuckrXb/uploaded-1782936586781-6mty6kt1.png" 
+          className="w-full max-w-4xl h-auto mb-12 rounded-xl shadow-2xl" 
+        />
+        <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>
+  );
+}