From babffd84a21376978066918173759d7e5f90f3fb Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Sun, 21 Jun 2026 00:05:12 +0000
Subject: [PATCH] Bob AI: Update company details and add logo to nav and hero

---
 src/components/Layout.tsx                    |  12 +-
 src/components/ui/NavbarInline.tsx           |   2 +-
 src/pages/HomePage.tsx                       | 232 ++-----------------
 src/pages/HomePage/sections/About.tsx        |  35 +++
 src/pages/HomePage/sections/Contact.tsx      |  18 ++
 src/pages/HomePage/sections/Faq.tsx          |  40 ++++
 src/pages/HomePage/sections/Hero.tsx         |  78 +++++++
 src/pages/HomePage/sections/HowItWorks.tsx   |  34 +++
 src/pages/HomePage/sections/Services.tsx     |  50 ++++
 src/pages/HomePage/sections/Testimonials.tsx |  40 ++++
 src/pages/HomePage/sections/WhyChoose.tsx    |  34 +++
 11 files changed, 359 insertions(+), 216 deletions(-)
 create mode 100644 src/pages/HomePage/sections/About.tsx
 create mode 100644 src/pages/HomePage/sections/Contact.tsx
 create mode 100644 src/pages/HomePage/sections/Faq.tsx
 create mode 100644 src/pages/HomePage/sections/Hero.tsx
 create mode 100644 src/pages/HomePage/sections/HowItWorks.tsx
 create mode 100644 src/pages/HomePage/sections/Services.tsx
 create mode 100644 src/pages/HomePage/sections/Testimonials.tsx
 create mode 100644 src/pages/HomePage/sections/WhyChoose.tsx

diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 0241e27..9154c4d 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -10,7 +10,7 @@ export default function Layout() {
     <StyleProvider buttonVariant="default" siteBackground="none" heroBackground="none">
       <SiteBackgroundSlot />
       <NavbarInline
-                logo="AirPro HVAC"
+                logo="Cutting Edge HVAC LLC"
                 navItems={[
                   { name: "Services", href: "#services" },
                   { name: "About", href: "#about" },
@@ -23,7 +23,7 @@ export default function Layout() {
         <Outlet />
       </main>
       <FooterSimpleMedia
-                brand="AirPro HVAC"
+                brand="Cutting Edge HVAC LLC"
                 columns={[
                   {
                     title: "Services",
@@ -46,13 +46,13 @@ export default function Layout() {
                   {
                     title: "Contact",
                     items: [
-                      { label: "(555) 987-6543", href: "tel:5559876543" },
-                      { label: "info@airprohvac.com", href: "mailto:info@airprohvac.com" },
-                      { label: "Austin, TX" },
+                      { label: "(801) 874-2127", href: "tel:8018742127" },
+                      { label: "291w 2000 N, Orem, UT 84057" },
+                      { label: "Mon-Sat: 08:00–17:00" },
                     ],
                   },
                 ]}
-                copyright="© 2026 | AirPro HVAC"
+                copyright="© 2026 | Cutting Edge HVAC LLC"
                 links={[{ label: "Privacy Policy" }, { label: "Terms of Service" }]}
                 imageSrc="https://storage.googleapis.com/webild/default/templates/hvac/img-10.jpg"
               />
diff --git a/src/components/ui/NavbarInline.tsx b/src/components/ui/NavbarInline.tsx
index c7c7415..9bad794 100644
--- a/src/components/ui/NavbarInline.tsx
+++ b/src/components/ui/NavbarInline.tsx
@@ -19,7 +19,7 @@ const NavbarInline = ({ logo, navItems, ctaButton }: NavbarInlineProps) => {
   return (
     <nav data-section="navbar" className="fixed z-1000 top-5 left-1/2 -translate-x-1/2 w-content-width">
       <div className="flex items-center justify-between p-2 xl:p-3 2xl:p-4 rounded backdrop-blur-sm card">
-        <a href="/" className="pl-2 text-xl font-medium text-foreground">{logo}</a>
+        <a href="/" className="pl-2 text-xl font-medium text-foreground flex items-center gap-2">\n          <img src="https://storage.googleapis.com/webild/users/user_3FQ8tnwKUslC30H2KyShA2oXwYY/uploaded-1782000132583-8krinnyi.png" alt="Logo" className="h-8 w-auto object-contain" />\n          {logo}\n        </a>
 
         <div className="hidden md:flex absolute left-1/2 -translate-x-1/2 items-center gap-6">
           {navItems.map((item) => (
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 631532b..6bec7c3 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,228 +1,42 @@
+// AUTO-GENERATED shell by per-section-migrate.
+// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
+// files directly. Non-block content (wrappers, non-inlinable sections) is
+// preserved inline; extracted section blocks become <XSection/> refs.
+
 import { StyleProvider } from "@/components/ui/StyleProvider";
 import SiteBackgroundSlot from "@/components/ui/SiteBackgroundSlot";
-import HeroOverlay from "@/components/sections/hero/HeroOverlay";
-import AboutFeaturesSplit from "@/components/sections/about/AboutFeaturesSplit";
-import FeaturesMediaCards from "@/components/sections/features/FeaturesMediaCards";
-import FeaturesAlternatingSplit from "@/components/sections/features/FeaturesAlternatingSplit";
-import FeaturesTimelineCards from "@/components/sections/features/FeaturesTimelineCards";
-import TestimonialRatingCards from "@/components/sections/testimonial/TestimonialRatingCards";
-import FaqSimple from "@/components/sections/faq/FaqSimple";
-import ContactCta from "@/components/sections/contact/ContactCta";
+import React from 'react';
+import HeroSection from './HomePage/sections/Hero';
+import AboutSection from './HomePage/sections/About';
+import ServicesSection from './HomePage/sections/Services';
+import WhyChooseSection from './HomePage/sections/WhyChoose';
+import HowItWorksSection from './HomePage/sections/HowItWorks';
+import TestimonialsSection from './HomePage/sections/Testimonials';
+import FaqSection from './HomePage/sections/Faq';
+import ContactSection from './HomePage/sections/Contact';
 
-export default function HomePage() {
+export default function HomePage(): React.JSX.Element {
   return (
 <StyleProvider heroBackground="none" siteBackground="aurora" buttonVariant="arrow">
         <SiteBackgroundSlot />
 
         
 
-        <div id="hero" data-section="hero">
-          <HeroOverlay
-            tag="Professional HVAC Services"
-            title="Your Comfort Is Our Priority"
-            description="Professional heating, ventilation, and air conditioning services for homes and businesses. From installations to emergency repairs, we keep your climate perfect year-round."
-            primaryButton={{ text: "Schedule Service", href: "#contact" }}
-            secondaryButton={{ text: "Our Services", href: "#services" }}
-            imageSrc="https://storage.googleapis.com/webild/default/templates/hvac/img-1.jpg"
-            avatarsSrc={[
-              "https://storage.googleapis.com/webild/default/templates/web-agency-2/team-1.jpg",
-              "https://storage.googleapis.com/webild/default/templates/web-agency-2/team-2.jpg",
-              "https://storage.googleapis.com/webild/default/templates/web-agency-2/team-3.jpg",
-              "https://storage.googleapis.com/webild/default/templates/web-agency-2/team-1.jpg",
-              "https://storage.googleapis.com/webild/default/templates/web-agency-2/team-2.jpg",
-              "https://storage.googleapis.com/webild/default/templates/web-agency-2/team-3.jpg",
-            ]}
-            avatarsLabel="Trusted by 500+ clients"
-          />
-        </div>
+        <HeroSection />
 
-        <div id="about" data-section="about">
-          <AboutFeaturesSplit
-            tag="About Us"
-            title="Reliable Climate Solutions Since 2005"
-            description="AirPro HVAC has been keeping homes and businesses comfortable for nearly two decades. Our certified technicians deliver expert installations, maintenance, and repairs."
-            items={[
-              {
-                icon: "ShieldCheck",
-                title: "2,500+ Systems Installed",
-                description: "Trusted by homeowners and businesses across the region.",
-              },
-              {
-                icon: "Clock",
-                title: "24/7 Emergency Service",
-                description: "Round-the-clock support when you need it most.",
-              },
-              {
-                icon: "Award",
-                title: "98% Satisfaction Rate",
-                description: "Our commitment to quality speaks for itself.",
-              },
-            ]}
-            imageSrc="https://storage.googleapis.com/webild/default/templates/hvac/img-2.jpg"
-          />
-        </div>
+        <AboutSection />
 
-        <div id="services" data-section="services">
-          <FeaturesMediaCards
-            tag="Our Services"
-            title="Comprehensive HVAC Solutions"
-            description="From installations to emergency repairs, we have your comfort covered."
-            primaryButton={{ text: "Get a Quote", href: "#contact" }}
-            items={[
-              {
-                title: "AC Installation",
-                description: "Expert installation of high-efficiency air conditioning systems for homes and commercial spaces.",
-                imageSrc: "https://storage.googleapis.com/webild/default/templates/hvac/img-4.jpg?_wi=1",
-              },
-              {
-                title: "Heating Systems",
-                description: "Complete furnace and heat pump installations to keep you warm through every winter.",
-                imageSrc: "https://storage.googleapis.com/webild/default/templates/hvac/img-5.jpg?_wi=1",
-              },
-              {
-                title: "Maintenance Plans",
-                description: "Preventative maintenance programs that extend the life of your system and reduce energy costs.",
-                imageSrc: "https://storage.googleapis.com/webild/default/templates/hvac/img-6.jpg?_wi=1",
-              },
-              {
-                title: "Emergency Repairs",
-                description: "24/7 emergency repair service — we respond fast when your system breaks down unexpectedly.",
-                imageSrc: "https://storage.googleapis.com/webild/default/templates/hvac/img-7.jpg?_wi=1",
-              },
-              {
-                title: "Duct Cleaning",
-                description: "Professional duct cleaning to improve air quality and system efficiency throughout your property.",
-                imageSrc: "https://storage.googleapis.com/webild/default/templates/hvac/img-8.jpg",
-              },
-              {
-                title: "System Inspections",
-                description: "Thorough inspections with detailed reports and transparent recommendations — no hidden fees.",
-                imageSrc: "https://storage.googleapis.com/webild/default/templates/hvac/img-9.jpg",
-              },
-            ]}
-          />
-        </div>
+        <ServicesSection />
 
-        <div id="why-choose" data-section="why-choose">
-          <FeaturesAlternatingSplit
-            tag="Why Choose Us"
-            title="Why Choose AirPro"
-            description="What sets us apart from the rest"
-            items={[
-              {
-                title: "Reliability & Trust",
-                description: "Looking for a dependable HVAC company? We arrive on time and do the job right. Our technicians are background-checked and professionally trained.",
-                imageSrc: "https://storage.googleapis.com/webild/default/templates/hvac/img-4.jpg?_wi=2",
-              },
-              {
-                title: "Quality Workmanship",
-                description: "Our skilled technicians excel in various HVAC repairs, using only top-quality materials and proven techniques that stand the test of time.",
-                imageSrc: "https://storage.googleapis.com/webild/default/templates/hvac/img-5.jpg?_wi=2",
-              },
-              {
-                title: "Fair & Transparent Pricing",
-                description: "No surprises here! We offer clear quotes and fair pricing for quality work. You'll know exactly what you're paying for before we begin.",
-                imageSrc: "https://storage.googleapis.com/webild/default/templates/hvac/img-6.jpg?_wi=2",
-              },
-            ]}
-          />
-        </div>
+        <WhyChooseSection />
 
-        <div id="how-it-works" data-section="how-it-works">
-          <FeaturesTimelineCards
-            tag="How It Works"
-            title="Our Simple Process"
-            description="From first call to finished job, we make HVAC service easy."
-            items={[
-              {
-                title: "Schedule a Call",
-                description: "Contact us by phone or online to describe your HVAC issue. We'll find a time that works for you.",
-                imageSrc: "https://storage.googleapis.com/webild/default/templates/hvac/img-6.jpg?_wi=3",
-              },
-              {
-                title: "On-Site Diagnosis",
-                description: "A certified technician arrives on time, inspects your system, and explains the issue with a clear quote.",
-                imageSrc: "https://storage.googleapis.com/webild/default/templates/hvac/img-7.jpg?_wi=2",
-              },
-              {
-                title: "Expert Repair",
-                description: "We complete the work using premium parts and proven techniques — most jobs done same day with our satisfaction guarantee.",
-                imageSrc: "https://storage.googleapis.com/webild/default/templates/hvac/img-4.jpg?_wi=3",
-              },
-            ]}
-          />
-        </div>
+        <HowItWorksSection />
 
-        <div id="testimonials" data-section="testimonials">
-          <TestimonialRatingCards
-            tag="Testimonials"
-            title="What Our Clients Say"
-            description="Hear from homeowners and businesses who trust AirPro HVAC."
-            testimonials={[
-              {
-                name: "James R.",
-                role: "Homeowner, Austin TX",
-                quote: "AirPro replaced our entire AC system in one day. The crew was professional, clean, and the new unit runs quieter than anything we've had before. Highly recommend.",
-                rating: 5,
-                imageSrc: "https://storage.googleapis.com/webild/default/templates/web-agency-2/team-1.jpg",
-              },
-              {
-                name: "Linda M.",
-                role: "Business Owner, Dallas TX",
-                quote: "We use AirPro for all three of our office locations. Their maintenance plans have saved us thousands in emergency repairs. Always on time, always honest.",
-                rating: 5,
-                imageSrc: "https://storage.googleapis.com/webild/default/templates/web-agency-2/team-2.jpg",
-              },
-              {
-                name: "Carlos D.",
-                role: "Homeowner, Houston TX",
-                quote: "Our furnace broke down on the coldest night of the year. AirPro had someone at our door within two hours. Fixed it on the spot. Can't thank them enough.",
-                rating: 5,
-                imageSrc: "https://storage.googleapis.com/webild/default/templates/web-agency-2/team-3.jpg",
-              },
-            ]}
-          />
-        </div>
+        <TestimonialsSection />
 
-        <div id="faq" data-section="faq">
-          <FaqSimple
-            tag="FAQ"
-            title="Frequently Asked Questions"
-            description="Everything you need to know about our HVAC services."
-            primaryButton={{ text: "Contact Us", href: "#contact" }}
-            items={[
-              {
-                question: "Do you offer 24/7 emergency service?",
-                answer: "Yes! We provide round-the-clock emergency HVAC service. If your system breaks down in the middle of the night or on a weekend, call us and a technician will be at your door as soon as possible.",
-              },
-              {
-                question: "How often should I service my HVAC system?",
-                answer: "We recommend servicing your system at least twice a year — once before summer for cooling and once before winter for heating. Regular maintenance extends your system's life and keeps energy bills low.",
-              },
-              {
-                question: "What brands do you install and repair?",
-                answer: "We work with all major HVAC brands including Carrier, Trane, Lennox, Daikin, Rheem, and more. Our technicians are trained and certified across multiple manufacturers.",
-              },
-              {
-                question: "Do you offer financing options?",
-                answer: "Yes, we offer flexible financing plans for new installations and major repairs. Ask about our 0% interest options so you can stay comfortable without straining your budget.",
-              },
-              {
-                question: "How long does a typical installation take?",
-                answer: "Most residential HVAC installations are completed in one day. Larger commercial projects may take 2-3 days depending on the scope. We'll give you an accurate timeline during your consultation.",
-              },
-            ]}
-          />
-        </div>
+        <FaqSection />
 
-        <div id="contact" data-section="contact">
-          <ContactCta
-            tag="Get in Touch"
-            text="Ready to Stay Comfortable Year-Round?"
-            primaryButton={{ text: "Get a Free Quote", href: "#contact" }}
-            secondaryButton={{ text: "Call (555) 987-6543", href: "tel:5559876543" }}
-          />
-        </div>
+        <ContactSection />
 
         
       </StyleProvider>
diff --git a/src/pages/HomePage/sections/About.tsx b/src/pages/HomePage/sections/About.tsx
new file mode 100644
index 0000000..ea49a3e
--- /dev/null
+++ b/src/pages/HomePage/sections/About.tsx
@@ -0,0 +1,35 @@
+// 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";
+
+export default function AboutSection(): React.JSX.Element {
+  return (
+    <div id="about" data-section="about">
+              <AboutFeaturesSplit
+        tag="About Us"
+        title="Reliable Climate Solutions Since 2005"
+        description="Cutting Edge HVAC LLC has been keeping homes and businesses comfortable for nearly two decades. Our certified technicians deliver expert installations, maintenance, and repairs."
+        items={[
+                  {
+                    icon: "ShieldCheck",
+                    title: "2,500+ Systems Installed",
+                    description: "Trusted by homeowners and businesses across the region.",
+                  },
+                  {
+                    icon: "Clock",
+                    title: "24/7 Emergency Service",
+                    description: "Round-the-clock support when you need it most.",
+                  },
+                  {
+                    icon: "Award",
+                    title: "98% Satisfaction Rate",
+                    description: "Our commitment to quality speaks for itself.",
+                  },
+                ]}
+        imageSrc="https://storage.googleapis.com/webild/default/templates/hvac/img-2.jpg"
+      />
+            </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Contact.tsx b/src/pages/HomePage/sections/Contact.tsx
new file mode 100644
index 0000000..9650f40
--- /dev/null
+++ b/src/pages/HomePage/sections/Contact.tsx
@@ -0,0 +1,18 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "contact" section.
+
+import React from 'react';
+import ContactCta from "@/components/sections/contact/ContactCta";
+
+export default function ContactSection(): React.JSX.Element {
+  return (
+    <div id="contact" data-section="contact">
+              <ContactCta
+        tag="Get in Touch"
+        text="Ready to Stay Comfortable Year-Round?"
+        primaryButton={{ text: "Get a Free Quote", href: "#contact" }}
+        secondaryButton={{"text":"Call (801) 874-2127","href":"tel:8018742127"}}
+      />
+            </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Faq.tsx b/src/pages/HomePage/sections/Faq.tsx
new file mode 100644
index 0000000..5660572
--- /dev/null
+++ b/src/pages/HomePage/sections/Faq.tsx
@@ -0,0 +1,40 @@
+// 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 FaqSimple from "@/components/sections/faq/FaqSimple";
+
+export default function FaqSection(): React.JSX.Element {
+  return (
+    <div id="faq" data-section="faq">
+              <FaqSimple
+                tag="FAQ"
+                title="Frequently Asked Questions"
+                description="Everything you need to know about our HVAC services."
+                primaryButton={{ text: "Contact Us", href: "#contact" }}
+                items={[
+                  {
+                    question: "Do you offer 24/7 emergency service?",
+                    answer: "Yes! We provide round-the-clock emergency HVAC service. If your system breaks down in the middle of the night or on a weekend, call us and a technician will be at your door as soon as possible.",
+                  },
+                  {
+                    question: "How often should I service my HVAC system?",
+                    answer: "We recommend servicing your system at least twice a year — once before summer for cooling and once before winter for heating. Regular maintenance extends your system's life and keeps energy bills low.",
+                  },
+                  {
+                    question: "What brands do you install and repair?",
+                    answer: "We work with all major HVAC brands including Carrier, Trane, Lennox, Daikin, Rheem, and more. Our technicians are trained and certified across multiple manufacturers.",
+                  },
+                  {
+                    question: "Do you offer financing options?",
+                    answer: "Yes, we offer flexible financing plans for new installations and major repairs. Ask about our 0% interest options so you can stay comfortable without straining your budget.",
+                  },
+                  {
+                    question: "How long does a typical installation take?",
+                    answer: "Most residential HVAC installations are completed in one day. Larger commercial projects may take 2-3 days depending on the scope. We'll give you an accurate timeline during your consultation.",
+                  },
+                ]}
+              />
+            </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
new file mode 100644
index 0000000..896d912
--- /dev/null
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -0,0 +1,78 @@
+/* eslint-disable */
+// @ts-nocheck — generated by catalog-eject; runtime-correct but TS strict-mode false-positives on inlined catalog body
+import Button from "@/components/ui/Button";
+import HeroBackgroundSlot from "@/components/ui/HeroBackgroundSlot";
+import TextAnimation from "@/components/ui/TextAnimation";
+import ImageOrVideo from "@/components/ui/ImageOrVideo";
+import ScrollReveal from "@/components/ui/ScrollReveal";
+
+const primaryButton = {
+  href: "#contact",
+  text: "Schedule Service"
+};
+const secondaryButton = {
+  text: "Our Services",
+  href: "#services"
+};
+
+type HeroSplitProps = {
+  tag: string;
+  title: string;
+  description: string;
+  primaryButton: { text: string; href: string };
+  secondaryButton: { text: string; href: string };
+} & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never });
+
+const HeroInline = () => {
+  return (
+    <section aria-label="Hero section" className="relative flex items-center h-fit md:h-svh pt-25 pb-20 md:py-0">
+      <HeroBackgroundSlot />
+      <div className="flex flex-col md:flex-row items-center gap-12 md:gap-20 w-content-width mx-auto">
+        <div className="w-full md:w-1/2">
+          <div className="flex flex-col items-center md:items-start gap-3">
+            <div className="px-3 py-1 mb-1 text-sm card rounded w-fit">
+              <p>{"Professional HVAC Services"}</p>
+            </div>
+
+            <TextAnimation
+              text={"Your Comfort Is Our Priority"}
+              variant="slide-up"
+              gradientText={true}
+              tag="h1"
+              className="text-7xl 2xl:text-8xl leading-[1.15] font-semibold text-center md:text-left text-balance"
+            />
+
+            <TextAnimation
+              text={"Professional heating, ventilation, and air conditioning services for homes and businesses. From installations to emergency repairs, we keep your climate perfect year-round."}
+              variant="fade"
+              gradientText={false}
+              tag="p"
+              className="md:max-w-8/10 text-lg md:text-xl leading-snug text-center md:text-left text-balance"
+            />
+
+            <div className="flex flex-wrap max-md: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 variant="slide-up" delay={0.2} className="w-full md:w-1/2 flex justify-center md:justify-end">
+          <img 
+            src="https://storage.googleapis.com/webild/users/user_3FQ8tnwKUslC30H2KyShA2oXwYY/uploaded-1782000132583-8krinnyi.png" 
+            alt="Cutting Edge HVAC LLC Logo" 
+            className="w-full max-w-md object-contain"
+          />
+        </ScrollReveal>
+      </div>
+    </section>
+  );
+};
+
+export default function HeroSection() {
+  return (
+    <div data-webild-section="hero" id="hero">
+      <HeroInline />
+    </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/HowItWorks.tsx b/src/pages/HomePage/sections/HowItWorks.tsx
new file mode 100644
index 0000000..72316f4
--- /dev/null
+++ b/src/pages/HomePage/sections/HowItWorks.tsx
@@ -0,0 +1,34 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "how-it-works" section.
+
+import React from 'react';
+import FeaturesTimelineCards from "@/components/sections/features/FeaturesTimelineCards";
+
+export default function HowItWorksSection(): React.JSX.Element {
+  return (
+    <div id="how-it-works" data-section="how-it-works">
+              <FeaturesTimelineCards
+                tag="How It Works"
+                title="Our Simple Process"
+                description="From first call to finished job, we make HVAC service easy."
+                items={[
+                  {
+                    title: "Schedule a Call",
+                    description: "Contact us by phone or online to describe your HVAC issue. We'll find a time that works for you.",
+                    imageSrc: "https://storage.googleapis.com/webild/default/templates/hvac/img-6.jpg?_wi=3",
+                  },
+                  {
+                    title: "On-Site Diagnosis",
+                    description: "A certified technician arrives on time, inspects your system, and explains the issue with a clear quote.",
+                    imageSrc: "https://storage.googleapis.com/webild/default/templates/hvac/img-7.jpg?_wi=2",
+                  },
+                  {
+                    title: "Expert Repair",
+                    description: "We complete the work using premium parts and proven techniques — most jobs done same day with our satisfaction guarantee.",
+                    imageSrc: "https://storage.googleapis.com/webild/default/templates/hvac/img-4.jpg?_wi=3",
+                  },
+                ]}
+              />
+            </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Services.tsx b/src/pages/HomePage/sections/Services.tsx
new file mode 100644
index 0000000..8c2f67e
--- /dev/null
+++ b/src/pages/HomePage/sections/Services.tsx
@@ -0,0 +1,50 @@
+// 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 FeaturesMediaCards from "@/components/sections/features/FeaturesMediaCards";
+
+export default function ServicesSection(): React.JSX.Element {
+  return (
+    <div id="services" data-section="services">
+              <FeaturesMediaCards
+                tag="Our Services"
+                title="Comprehensive HVAC Solutions"
+                description="From installations to emergency repairs, we have your comfort covered."
+                primaryButton={{ text: "Get a Quote", href: "#contact" }}
+                items={[
+                  {
+                    title: "AC Installation",
+                    description: "Expert installation of high-efficiency air conditioning systems for homes and commercial spaces.",
+                    imageSrc: "https://storage.googleapis.com/webild/default/templates/hvac/img-4.jpg?_wi=1",
+                  },
+                  {
+                    title: "Heating Systems",
+                    description: "Complete furnace and heat pump installations to keep you warm through every winter.",
+                    imageSrc: "https://storage.googleapis.com/webild/default/templates/hvac/img-5.jpg?_wi=1",
+                  },
+                  {
+                    title: "Maintenance Plans",
+                    description: "Preventative maintenance programs that extend the life of your system and reduce energy costs.",
+                    imageSrc: "https://storage.googleapis.com/webild/default/templates/hvac/img-6.jpg?_wi=1",
+                  },
+                  {
+                    title: "Emergency Repairs",
+                    description: "24/7 emergency repair service — we respond fast when your system breaks down unexpectedly.",
+                    imageSrc: "https://storage.googleapis.com/webild/default/templates/hvac/img-7.jpg?_wi=1",
+                  },
+                  {
+                    title: "Duct Cleaning",
+                    description: "Professional duct cleaning to improve air quality and system efficiency throughout your property.",
+                    imageSrc: "https://storage.googleapis.com/webild/default/templates/hvac/img-8.jpg",
+                  },
+                  {
+                    title: "System Inspections",
+                    description: "Thorough inspections with detailed reports and transparent recommendations — no hidden fees.",
+                    imageSrc: "https://storage.googleapis.com/webild/default/templates/hvac/img-9.jpg",
+                  },
+                ]}
+              />
+            </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Testimonials.tsx b/src/pages/HomePage/sections/Testimonials.tsx
new file mode 100644
index 0000000..de9da1c
--- /dev/null
+++ b/src/pages/HomePage/sections/Testimonials.tsx
@@ -0,0 +1,40 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "testimonials" section.
+
+import React from 'react';
+import TestimonialRatingCards from "@/components/sections/testimonial/TestimonialRatingCards";
+
+export default function TestimonialsSection(): React.JSX.Element {
+  return (
+    <div id="testimonials" data-section="testimonials">
+              <TestimonialRatingCards
+                tag="Testimonials"
+                title="What Our Clients Say"
+                description="Hear from homeowners and businesses who trust AirPro HVAC."
+                testimonials={[
+                  {
+                    name: "James R.",
+                    role: "Homeowner, Austin TX",
+                    quote: "AirPro replaced our entire AC system in one day. The crew was professional, clean, and the new unit runs quieter than anything we've had before. Highly recommend.",
+                    rating: 5,
+                    imageSrc: "https://storage.googleapis.com/webild/default/templates/web-agency-2/team-1.jpg",
+                  },
+                  {
+                    name: "Linda M.",
+                    role: "Business Owner, Dallas TX",
+                    quote: "We use AirPro for all three of our office locations. Their maintenance plans have saved us thousands in emergency repairs. Always on time, always honest.",
+                    rating: 5,
+                    imageSrc: "https://storage.googleapis.com/webild/default/templates/web-agency-2/team-2.jpg",
+                  },
+                  {
+                    name: "Carlos D.",
+                    role: "Homeowner, Houston TX",
+                    quote: "Our furnace broke down on the coldest night of the year. AirPro had someone at our door within two hours. Fixed it on the spot. Can't thank them enough.",
+                    rating: 5,
+                    imageSrc: "https://storage.googleapis.com/webild/default/templates/web-agency-2/team-3.jpg",
+                  },
+                ]}
+              />
+            </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/WhyChoose.tsx b/src/pages/HomePage/sections/WhyChoose.tsx
new file mode 100644
index 0000000..b02e2d3
--- /dev/null
+++ b/src/pages/HomePage/sections/WhyChoose.tsx
@@ -0,0 +1,34 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "why-choose" section.
+
+import React from 'react';
+import FeaturesAlternatingSplit from "@/components/sections/features/FeaturesAlternatingSplit";
+
+export default function WhyChooseSection(): React.JSX.Element {
+  return (
+    <div id="why-choose" data-section="why-choose">
+              <FeaturesAlternatingSplit
+                tag="Why Choose Us"
+                title="Why Choose AirPro"
+                description="What sets us apart from the rest"
+                items={[
+                  {
+                    title: "Reliability & Trust",
+                    description: "Looking for a dependable HVAC company? We arrive on time and do the job right. Our technicians are background-checked and professionally trained.",
+                    imageSrc: "https://storage.googleapis.com/webild/default/templates/hvac/img-4.jpg?_wi=2",
+                  },
+                  {
+                    title: "Quality Workmanship",
+                    description: "Our skilled technicians excel in various HVAC repairs, using only top-quality materials and proven techniques that stand the test of time.",
+                    imageSrc: "https://storage.googleapis.com/webild/default/templates/hvac/img-5.jpg?_wi=2",
+                  },
+                  {
+                    title: "Fair & Transparent Pricing",
+                    description: "No surprises here! We offer clear quotes and fair pricing for quality work. You'll know exactly what you're paying for before we begin.",
+                    imageSrc: "https://storage.googleapis.com/webild/default/templates/hvac/img-6.jpg?_wi=2",
+                  },
+                ]}
+              />
+            </div>
+  );
+}
-- 
2.49.1