Merge version_7_1779313509661 into main

Merge version_7_1779313509661 into main

src/pages/HomePage.tsx

@@ -2,12 +2,13 @@ import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
 import ContactCta from '@/components/sections/contact/ContactCta';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeaturesBento from '@/components/sections/features/FeaturesBento';
-import HeroCenteredLogos from '@/components/sections/hero/HeroCenteredLogos';
+import HeroSplitMediaGrid from '@/components/sections/hero/HeroSplitMediaGrid';
 import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
 import PricingCenteredCards from '@/components/sections/pricing/PricingCenteredCards';
 import ProductRatingCards from '@/components/sections/product/ProductRatingCards';
 import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
 import { Clock, Settings, Wrench, Bolt } from "lucide-react";
+import HeroCenteredLogos from "@/components/sections/hero/HeroCenteredLogos";
 import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
 
 export default function HomePage() {
@@ -15,31 +16,48 @@ export default function HomePage() {
     <>
   <div id="hero" data-section="hero">
     <SectionErrorBoundary name="hero">
-          <HeroCenteredLogos
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-fixing-car-wheel_1170-1385.jpg"},
-        {
-          src: "http://img.b2bpic.net/free-photo/building-construction-worker-site_23-2149124275.jpg"},
-        {
-          src: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-keeps-fingers-cheeks-tries-make-himself-smile-isolated-pink-wall_141793-14024.jpg"},
-        {
-          src: "http://img.b2bpic.net/free-photo/young-caucasian-woman-smiling-confident-looking-side-street_839833-24417.jpg"},
-        {
-          src: "http://img.b2bpic.net/free-photo/young-loader-holding-house-model-uniform-front-view_176474-21361.jpg"},
-      ]}
-      avatarText="Trusted by 10,000+ happy customers"
-      title="Your Comfort, Our Priority. Expert HVAC Solutions."
+          <HeroSplitMediaGrid
+      tag="Your Comfort, Our Priority"
+      title="Expert HVAC Solutions."
       description="Providing top-tier heating, ventilation, and air conditioning services for homes and businesses. Experience reliable comfort all year round."
       primaryButton={{
-        text: "Get a Free Estimate",        href: "#contact"}}
+        text: "Get a Free Estimate",
+        href: "#contact",
+      }}
       secondaryButton={{
-        text: "Explore Services",        href: "#services"}}
-      logos={[
-        "https://storage.googleapis.com/webild/default/no-image.jpg?id=zqxuft",        "http://img.b2bpic.net/free-vector/organic-natural-eco-home-symbol-background-design-vector_1017-47327.jpg",        "https://storage.googleapis.com/webild/default/no-image.jpg?id=iupqbi",        "http://img.b2bpic.net/free-vector/eco-friendly-alternative-energy-icon_53876-43321.jpg",        "http://img.b2bpic.net/free-vector/flat-design-eco-friendly-labels_23-2149202691.jpg",        "http://img.b2bpic.net/free-vector/collection-badges-international-earth-day_23-2147780069.jpg",        "http://img.b2bpic.net/free-photo/medium-shot-man-holding-heater_23-2149339531.jpg"]}
-      imageSrc="http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17482.jpg"
+        text: "Explore Services",
+        href: "#services",
+      }}
+      items={[
+        { imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-fixing-car-wheel_1170-1385.jpg" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site_23-2149124275.jpg" },
+      ]}
     />
     </SectionErrorBoundary>
+    <SectionErrorBoundary name="trust-ribbon">
+      <HeroCenteredLogos
+        avatars={[
+          { name: "Client 1", imageSrc: "https://api.dicebear.com/7.x/lorelei/svg?seed=1" },
+          { name: "Client 2", imageSrc: "https://api.dicebear.com/7.x/lorelei/svg?seed=2" },
+          { name: "Client 3", imageSrc: "https://api.dicebear.com/7.x/lorelei/svg?seed=3" },
+          { name: "Client 4", imageSrc: "https://api.dicebear.com/7.x/lorelei/svg?seed=4" },
+          { name: "Client 5", imageSrc: "https://api.dicebear.com/7.x/lorelei/svg?seed=5" },
+        ]}
+        avatarText="Trusted by 100+ clients"
+        title="" 
+        description="" 
+        primaryButton={{ text: "", href: "" }}
+        secondaryButton={{ text: "", href: "" }}
+        logos={[
+          "Company A",
+          "Company B",
+          "Company C",
+          "Company D",
+          "Company E",
+        ]}
+        hideMedia={true}
+      />
+    </SectionErrorBoundary>
   </div>
 
   <div id="about" data-section="about">