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) => {

src/pages/HomePage.tsx

@@ -1,238 +1,39 @@
-import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
+// AUTO-GENERATED shell by per-section-migrate.
-import ContactCta from '@/components/sections/contact/ContactCta';
+// Section bodies live in the sibling sections/ folder (one file per section).
-import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
+// Edit those section files directly. Non-block content (wrappers,
-import FeaturesComparison from '@/components/sections/features/FeaturesComparison';
+// non-inlinable sections) is preserved inline; extracted section blocks
-import HeroBillboardBrand from '@/components/sections/hero/HeroBillboardBrand';
+// become component refs.
-import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
-import TeamProfileCards from '@/components/sections/team/TeamProfileCards';
-import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
-import { CheckCircle, Clock, ListChecks, Star, Users, Wrench } from "lucide-react";
-import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
 
-export default function HomePage() {
+import React from 'react';
+import HeroSection from './HomePage/sections/Hero';
+import AboutSection from './HomePage/sections/About';
+import ServicesSection from './HomePage/sections/Services';
+import MetricsSection from './HomePage/sections/Metrics';
+import TeamSection from './HomePage/sections/Team';
+import ReviewsSection from './HomePage/sections/Reviews';
+import FaqSection from './HomePage/sections/Faq';
+import ContactSection from './HomePage/sections/Contact';
+
+
+import PartnersSection from './HomePage/sections/Partners';export default function HomePage(): React.JSX.Element {
   return (
-    <>
+<>
-  <div id="hero" data-section="hero">
+  <HeroSection />
-    <SectionErrorBoundary name="hero">
+      <PartnersSection />
-          <HeroBillboardBrand
-      brand="Air Conditioning & Heating Service of Meridian"
-      description="Providing expert HVAC repair, furnace diagnostics, and duct replacement services in the Treasure Valley. Serving our neighbors with honesty, professionalism, and integrity."
-      primaryButton={{
-        text: "Book Appointment",
-        href: "#contact",
-      }}
-      secondaryButton={{
-        text: "Our Services",
-        href: "#services",
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/portrait-professional-engineer-standing-front-fixed-air-conditioner-proud-work-done-skilled-technician-contracted-by-customer-happy-with-smooth-maintenance-hvac-system-components_482257-70160.jpg"
-      textAnimation="slide-up"
-    />
-    </SectionErrorBoundary>
-  </div>
 
-  <div id="about" data-section="about">
+  <AboutSection />
-    <SectionErrorBoundary name="about">
-          <AboutFeaturesSplit
-      tag="About Our Team"
-      title="Decades of Excellence in Treasure Valley"
-      description="We are a family-owned HVAC provider dedicated to thorough diagnostics and cost-effective solutions. Whether it's a furnace repair or an AC unit installation, we treat your home with the care it deserves."
-      items={[
-        {
-          icon: Wrench,
-          title: "Expert Repair",
-          description: "Experienced technicians specializing in complex furnace and AC issues.",
-        },
-        {
-          icon: ListChecks,
-          title: "Thorough Diagnostics",
-          description: "We diagnose the root cause to provide the best long-term solution.",
-        },
-        {
-          icon: Clock,
-          title: "On-Time Service",
-          description: "Reliable scheduling with communication every step of the way.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/low-angle-man-working-as-plumber_23-2150746301.jpg"
-      textAnimation="slide-up"
-    />
-    </SectionErrorBoundary>
-  </div>
 
-  <div id="services" data-section="services">
+  <ServicesSection />
-    <SectionErrorBoundary name="services">
-          <FeaturesComparison
-      tag="What We Do"
-      title="Comprehensive HVAC Solutions"
-      description="From minor tune-ups to major system replacements, we handle it all with a commitment to quality."
-      negativeItems={[
-        "High-pressure sales tactics",
-        "Generic, quick-fix patches",
-        "Delayed communication updates",
-      ]}
-      positiveItems={[
-        "Thorough system diagnostics",
-        "Cost-effective repair solutions",
-        "Professional & courteous communication",
-        "Expert furnace & duct services",
-      ]}
-      textAnimation="slide-up"
-    />
-    </SectionErrorBoundary>
-  </div>
 
-  <div id="metrics" data-section="metrics">
+  <MetricsSection />
-    <SectionErrorBoundary name="metrics">
-          <MetricsIconCards
-      tag="Why Choose Us"
-      title="Proven Track Record"
-      description="Backed by hundreds of satisfied customers in Meridian and the Treasure Valley."
-      metrics={[
-        {
-          icon: Star,
-          title: "Google Rating",
-          value: "5.0+",
-        },
-        {
-          icon: Users,
-          title: "Happy Clients",
-          value: "350+",
-        },
-        {
-          icon: CheckCircle,
-          title: "Years Servicing",
-          value: "10+",
-        },
-      ]}
-      textAnimation="slide-up"
-    />
-    </SectionErrorBoundary>
-  </div>
 
-  <div id="team" data-section="team">
+  <TeamSection />
-    <SectionErrorBoundary name="team">
-          <TeamProfileCards
-      tag="Our Experts"
-      title="Meet the Team"
-      description="Highly trained, professional, and respectful technicians ready to solve your home comfort issues."
-      items={[
-        {
-          title: "Steve",
-          description: "Owner & Lead Technician with over a decade of HVAC expertise.",
-          avatarSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg",
-          buttonText: "Contact Steve",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg",
-        },
-        {
-          title: "Nick",
-          description: "Lead Technician known for his professional and courteous service.",
-          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-man-pointing-paper-house_23-2147694202.jpg",
-          buttonText: "Learn More",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-excited-person-portrait_23-2151186716.jpg",
-        },
-        {
-          title: "Cam",
-          description: "Skilled Technician committed to thorough and efficient repairs.",
-          avatarSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg",
-          buttonText: "Learn More",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",
-        },
-      ]}
-      textAnimation="slide-up"
-    />
-    </SectionErrorBoundary>
-  </div>
 
-  <div id="reviews" data-section="reviews">
+  <ReviewsSection />
-    <SectionErrorBoundary name="reviews">
-          <TestimonialTrustCard
-      quote="This company is amazing to work with and absolutely the best. I cannot recommend them enough to anyone. On time, very thorough with the diagnostic of the problem and explained the best cost effective way to fix it."
-      rating={5}
-      author="Shawn Deidrich"
-      avatars={[
-        {
-          name: "Shawn D",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-handsome-dark-haired-latin-man-posing-with-arms-folded-kitchen_74855-8094.jpg",
-        },
-        {
-          name: "Roxanne G",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-carefree-brunette-woman-sitting-couch-living-room-online-shopping_1258-201984.jpg",
-        },
-        {
-          name: "Richard G",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12311.jpg",
-        },
-        {
-          name: "April M",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-businessman-using-modern-smart-phone-young-happy-man-working-his-office-holding-cellphone_1391-602.jpg",
-        },
-        {
-          name: "Lora O",
-          imageSrc: "http://img.b2bpic.net/free-photo/courier-delivering-groceries-home_23-2149738006.jpg",
-        },
-      ]}
-      textAnimation="slide-up"
-    />
-    </SectionErrorBoundary>
-  </div>
 
-  <div id="faq" data-section="faq">
+  <FaqSection />
-    <SectionErrorBoundary name="faq">
-          <FaqTabbedAccordion
-      tag="Common Questions"
-      title="Everything You Need to Know"
-      description="Find answers to frequently asked questions about our HVAC services."
-      categories={[
-        {
-          name: "General Services",
-          items: [
-            {
-              question: "What areas do you serve?",
-              answer: "We serve Meridian and the surrounding Treasure Valley area.",
-            },
-            {
-              question: "Are your technicians licensed?",
-              answer: "Yes, our team is fully licensed, trained, and highly professional.",
-            },
-          ],
-        },
-        {
-          name: "Heating & AC",
-          items: [
-            {
-              question: "Do you repair older furnaces?",
-              answer: "Yes, we focus on cost-effective repairs rather than upselling new units.",
-            },
-            {
-              question: "How soon can you schedule?",
-              answer: "We pride ourselves on responsiveness. Contact us and we will coordinate the earliest opening.",
-            },
-          ],
-        },
-      ]}
-      textAnimation="slide-up"
-    />
-    </SectionErrorBoundary>
-  </div>
 
-  <div id="contact" data-section="contact">
+  <ContactSection />
-    <SectionErrorBoundary name="contact">
-          <ContactCta
-      tag="Book Now"
-      text="Ready to get your home back to comfort? Contact us today to schedule your service."
-      primaryButton={{
-        text: "Call to Schedule",
-        href: "tel:5551234567",
-      }}
-      secondaryButton={{
-        text: "Contact by Email",
-        href: "mailto:info@meridianhvac.com",
-      }}
-      textAnimation="slide-up"
-    />
-    </SectionErrorBoundary>
-  </div>
     </>
   );
 }

src/pages/HomePage/sections/About.tsx

@@ -0,0 +1,40 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "about" section.
+
+import React from 'react';
+import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
+import { CheckCircle, Clock, ListChecks, Star, Users, Wrench } from "lucide-react";
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function AboutSection(): React.JSX.Element {
+  return (
+    <div id="about" data-section="about">
+        <SectionErrorBoundary name="about">
+              <AboutFeaturesSplit
+          tag="About Our Team"
+          title="Decades of Excellence in Treasure Valley"
+          description="We are a family-owned HVAC provider dedicated to thorough diagnostics and cost-effective solutions. Whether it's a furnace repair or an AC unit installation, we treat your home with the care it deserves."
+          items={[
+            {
+              icon: Wrench,
+              title: "Expert Repair",
+              description: "Experienced technicians specializing in complex furnace and AC issues.",
+            },
+            {
+              icon: ListChecks,
+              title: "Thorough Diagnostics",
+              description: "We diagnose the root cause to provide the best long-term solution.",
+            },
+            {
+              icon: Clock,
+              title: "On-Time Service",
+              description: "Reliable scheduling with communication every step of the way.",
+            },
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/low-angle-man-working-as-plumber_23-2150746301.jpg"
+          textAnimation="slide-up"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Contact.tsx

@@ -0,0 +1,59 @@
+/* eslint-disable */
+// @ts-nocheck — generated by catalog-eject; runtime-correct but TS strict-mode false-positives on inlined catalog body
+import ScrollReveal from "@/components/ui/ScrollReveal";
+import TextAnimation from "@/components/ui/TextAnimation";
+import Button from "@/components/ui/Button";
+
+const primaryButton = {
+  text: "Call to Schedule",
+  href: "tel:5551234567"
+};
+const secondaryButton = {
+  text: "Contact by Email",
+  href: "mailto:info@meridianhvac.com"
+};
+
+const ContactInline = () => {
+  return (
+    <section aria-label="Contact section" className="py-20">
+      <div className="w-content-width mx-auto">
+        <ScrollReveal variant="fade-blur">
+          <div className="flex flex-col items-center gap-8 md:gap-10 py-20 px-8 rounded card">
+            <div className="flex flex-col items-center gap-2">
+              <div className="px-3 py-1 mb-1 text-sm card rounded w-fit">
+                <p>{"Book Now"}</p>
+              </div>
+
+              <TextAnimation
+                text={"Ready to get your home back to comfort? Contact us today to schedule your service."}
+                variant={"slide-up"}
+                gradientText={true}
+                tag="h2"
+                className="md:max-w-8/10 text-5xl 2xl:text-6xl leading-[1.15] font-semibold text-center text-balance"
+              />
+
+              <div className="flex flex-col items-center gap-1 mt-4 text-foreground text-center text-2xl">
+                <p><strong>Location:</strong> <a href="https://maps.google.com/?q=880+E+Franklin+Rd+Ste+313,+Meridian,+ID+83642" target="_blank" rel="noopener noreferrer" className="underline hover:text-primary-cta transition-colors">880 E Franklin Rd Ste 313, Meridian, ID 83642</a></p>
+                <p><strong>Hours:</strong> 9 AM to 5 PM daily, seven days a week</p>
+                <p className="text-sm italic mt-1 text-black">* Hours may vary on holidays</p>
+              </div>
+
+              <div className="flex flex-wrap justify-center gap-3 mt-2 md:mt-3">
+                <Button text={primaryButton.text} href={primaryButton.href} variant="primary" />
+                <Button text={secondaryButton.text} href={secondaryButton.href} variant="secondary" animationDelay={0.1} />
+              </div>
+            </div>
+          </div>
+        </ScrollReveal>
+      </div>
+    </section>
+  );
+};
+
+export default function ContactSection() {
+  return (
+    <div data-webild-section="contact" id="contact">
+      <ContactInline />
+    </div>
+  );
+}

src/pages/HomePage/sections/Faq.tsx

@@ -0,0 +1,49 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "faq" section.
+
+import React from 'react';
+import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FaqSection(): React.JSX.Element {
+  return (
+    <div id="faq" data-section="faq">
+        <SectionErrorBoundary name="faq">
+              <FaqTabbedAccordion
+          tag="Common Questions"
+          title="Everything You Need to Know"
+          description="Find answers to frequently asked questions about our HVAC services."
+          categories={[
+            {
+              name: "General Services",
+              items: [
+                {
+                  question: "What areas do you serve?",
+                  answer: "We serve Meridian and the surrounding Treasure Valley area.",
+                },
+                {
+                  question: "Are your technicians licensed?",
+                  answer: "Yes, our team is fully licensed, trained, and highly professional.",
+                },
+              ],
+            },
+            {
+              name: "Heating & AC",
+              items: [
+                {
+                  question: "Do you repair older furnaces?",
+                  answer: "Yes, we focus on cost-effective repairs rather than upselling new units.",
+                },
+                {
+                  question: "How soon can you schedule?",
+                  answer: "We pride ourselves on responsiveness. Contact us and we will coordinate the earliest opening.",
+                },
+              ],
+            },
+          ]}
+          textAnimation="slide-up"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Hero.tsx

@@ -0,0 +1,20 @@
+// Created by add_section_from_catalog (HeroBillboard).
+
+import React from 'react';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div data-webild-section="hero" id="hero">
+      <HeroBillboard
+        imageSrc="http://img.b2bpic.net/free-photo/portrait-professional-engineer-standing-front-fixed-air-conditioner-proud-work-done-skilled-technician-contracted-by-customer-happy-with-smooth-maintenance-hvac-system-components_482257-70160.jpg"
+        tag="AC&HS Meridian"
+        secondaryButton={{"href":"#services","text":"Our Services"}}
+        textAnimation="slide-up"
+        description="Providing expert HVAC repair, furnace diagnostics, and duct replacement services in the Treasure Valley. Serving our neighbors with honesty, professionalism, and integrity."
+        title="Air Conditioning & Heating Service of Meridian"
+        primaryButton={{"href":"#contact","text":"Book Appointment"}}
+      />
+    </div>
+  );
+}

src/pages/HomePage/sections/Metrics.tsx

@@ -0,0 +1,39 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "metrics" section.
+
+import React from 'react';
+import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
+import { CheckCircle, Clock, ListChecks, Star, Users, Wrench } from "lucide-react";
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function MetricsSection(): React.JSX.Element {
+  return (
+    <div id="metrics" data-section="metrics">
+        <SectionErrorBoundary name="metrics">
+              <MetricsIconCards
+          tag="Why Choose Us"
+          title="Proven Track Record"
+          description="Backed by hundreds of satisfied customers in Meridian and the Treasure Valley."
+          metrics={[
+            {
+              icon: Star,
+              title: "Google Rating",
+              value: "5.0+",
+            },
+            {
+              icon: Users,
+              title: "Happy Clients",
+              value: "350+",
+            },
+            {
+              icon: CheckCircle,
+              title: "Years Servicing",
+              value: "10+",
+            },
+          ]}
+          textAnimation="slide-up"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

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

src/pages/HomePage/sections/Reviews.tsx

@@ -0,0 +1,111 @@
+/* eslint-disable */
+// @ts-nocheck — generated by catalog-eject; runtime-correct but TS strict-mode false-positives on inlined catalog body
+import { Star } from "lucide-react";
+import TextAnimation from "@/components/ui/TextAnimation";
+import ImageOrVideo from "@/components/ui/ImageOrVideo";
+import ScrollReveal from "@/components/ui/ScrollReveal";
+import Carousel from "@/components/ui/Carousel";
+import { cls } from "@/lib/utils";
+
+const avatars = [
+  {
+    name: "Shawn D",
+    imageSrc: "http://img.b2bpic.net/free-photo/happy-handsome-dark-haired-latin-man-posing-with-arms-folded-kitchen_74855-8094.jpg"
+  },
+  {
+    name: "Roxanne G",
+    imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-carefree-brunette-woman-sitting-couch-living-room-online-shopping_1258-201984.jpg"
+  },
+  {
+    name: "Richard G",
+    imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12311.jpg"
+  },
+  {
+    name: "April M",
+    imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-businessman-using-modern-smart-phone-young-happy-man-working-his-office-holding-cellphone_1391-602.jpg"
+  },
+  {
+    name: "Lora O",
+    imageSrc: "http://img.b2bpic.net/free-photo/courier-delivering-groceries-home_23-2149738006.jpg"
+  }
+];
+
+type Avatar = {
+  name: string;
+} & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never });
+
+const ReviewsInline = () => {
+  const visibleAvatars = avatars.slice(0, 6);
+  const remainingCount = avatars.length - visibleAvatars.length;
+
+  return (
+    <section aria-label="Testimonials section" className="py-20">
+      <div className="flex flex-col items-center gap-5 w-content-width mx-auto">
+        <ScrollReveal variant="fade-blur" className="flex gap-1.5">
+          {Array.from({ length: 5 }).map((_, index) => (
+            <Star
+              key={index}
+              className={cls("size-6 text-accent", index < 5 ? "fill-accent" : "fill-transparent")}
+              strokeWidth={1.5}
+            />
+          ))}
+        </ScrollReveal>
+
+        <Carousel className="w-full" itemClassName="w-full shrink-0 flex flex-col items-center justify-center px-4">
+          <div className="flex flex-col items-center gap-6 w-full max-w-5xl mx-auto">
+            <TextAnimation
+              text={"This company is amazing to work with and absolutely the best. I cannot recommend them enough to anyone. On time, very thorough with the diagnostic of the problem and explained the best cost effective way to fix it. I wish I could give them more stars."}
+              variant={"slide-up"}
+              gradientText={false}
+              tag="p"
+              className="text-3xl md:text-4xl 2xl:text-5xl leading-[1.2] font-semibold text-center text-balance"
+            />
+            <ScrollReveal variant="fade-blur" delay={0.1} className="text-lg md:text-xl leading-snug text-center text-balance">
+              <p>{"Shawn Deidrich"}</p>
+            </ScrollReveal>
+          </div>
+          <div className="flex flex-col items-center gap-6 w-full max-w-5xl mx-auto">
+            <TextAnimation
+              text={"Nick was excellent. Explained a few things on questions I had, very professionally. I appreciate the time he took in conversation while he was doing the work. Very courteous and respectful. I would definitely recommend ACHSM to trusted people who would only respect and honor you in business. Thanks again."}
+              variant={"slide-up"}
+              gradientText={false}
+              tag="p"
+              className="text-3xl md:text-4xl 2xl:text-5xl leading-[1.2] font-semibold text-center text-balance"
+            />
+            <ScrollReveal variant="fade-blur" delay={0.1} className="text-lg md:text-xl leading-snug text-center text-balance">
+              <p>{"Richard Gutierrez"}</p>
+            </ScrollReveal>
+          </div>
+        </Carousel>
+
+        <ScrollReveal variant="fade-blur" delay={0.2} className="flex items-center justify-center mt-1">
+          {visibleAvatars.map((avatar, index) => (
+            <div
+              key={avatar.name}
+              className={cls("relative size-12 md:size-16 overflow-hidden rounded-full border-2 border-background", index > 0 && "-ml-5")}
+              style={{ zIndex: visibleAvatars.length - index }}
+            >
+              <ImageOrVideo imageSrc={avatar.imageSrc} videoSrc={avatar.videoSrc} />
+            </div>
+          ))}
+          {remainingCount > 0 && (
+            <div
+              className="flex items-center justify-center size-12 md:size-16 -ml-5 rounded-full border-2 border-background card"
+              style={{ zIndex: 0 }}
+            >
+              <span className="text-sm md:text-base font-semibold">+{remainingCount}</span>
+            </div>
+          )}
+        </ScrollReveal>
+      </div>
+    </section>
+  );
+};
+
+export default function ReviewsSection() {
+  return (
+    <div data-webild-section="reviews" id="reviews">
+      <ReviewsInline />
+    </div>
+  );
+}

src/pages/HomePage/sections/Services.tsx

@@ -0,0 +1,32 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "services" section.
+
+import React from 'react';
+import FeaturesComparison from '@/components/sections/features/FeaturesComparison';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ServicesSection(): React.JSX.Element {
+  return (
+    <div id="services" data-section="services">
+        <SectionErrorBoundary name="services">
+              <FeaturesComparison
+          tag="What We Do"
+          title="Comprehensive HVAC Solutions"
+          description="From minor tune-ups to major system replacements, we handle it all with a commitment to quality."
+          negativeItems={[
+            "High-pressure sales tactics",
+            "Generic, quick-fix patches",
+            "Delayed communication updates",
+          ]}
+          positiveItems={[
+            "Thorough system diagnostics",
+            "Cost-effective repair solutions",
+            "Professional & courteous communication",
+            "Expert furnace & duct services",
+          ]}
+          textAnimation="slide-up"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Team.tsx

@@ -0,0 +1,44 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "team" section.
+
+import React from 'react';
+import TeamProfileCards from '@/components/sections/team/TeamProfileCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function TeamSection(): React.JSX.Element {
+  return (
+    <div id="team" data-section="team">
+        <SectionErrorBoundary name="team">
+              <TeamProfileCards
+          tag="Our Experts"
+          title="Meet the Team"
+          description="Highly trained, professional, and respectful technicians ready to solve your home comfort issues."
+          items={[
+            {
+              title: "Steve",
+              description: "Owner & Lead Technician with over a decade of HVAC expertise.",
+              avatarSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg",
+              buttonText: "Contact Steve",
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg",
+            },
+            {
+              title: "Nick",
+              description: "Lead Technician known for his professional and courteous service.",
+              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-man-pointing-paper-house_23-2147694202.jpg",
+              buttonText: "Learn More",
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-excited-person-portrait_23-2151186716.jpg",
+            },
+            {
+              title: "Cam",
+              description: "Skilled Technician committed to thorough and efficient repairs.",
+              avatarSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg",
+              buttonText: "Learn More",
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",
+            },
+          ]}
+          textAnimation="slide-up"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}