Update src/pages/HomePage.tsx

src/index.css

@@ -5,15 +5,15 @@
 
 :root {
   /* @colorThemes/lightTheme/blueProfessional */
-  --background: #f8fafc;
-  --card: #ffffff;
-  --foreground: #0f172a;
-  --primary-cta: #1d4ed8;
+  --background: #041B15;
+  --card: #06271D;
+  --foreground: #ffffff;
+  --primary-cta: #16A34A;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #e0e7ff;
-  --secondary-cta-text: #1e3a5f;
-  --accent: #3b82f6;
-  --background-accent: #60a5fa;
+  --secondary-cta: #0B3D2E;
+  --secondary-cta-text: #ffffff;
+  --accent: #84CC16;
+  --background-accent: #A3E635;
 
   /* @layout/border-radius/soft */
   --radius: 1.5rem;

src/pages/HomePage.tsx

@@ -72,22 +72,22 @@ export default function HomePage() {
               {
                 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",
+                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",
+                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",
+                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",
+                imageSrc: "https://storage.googleapis.com/webild/default/templates/hvac/img-7.jpg?_wi=1",
               },
               {
                 title: "Duct Cleaning",
@@ -112,17 +112,17 @@ export default function HomePage() {
               {
                 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",
+                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",
+                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",
+                imageSrc: "https://storage.googleapis.com/webild/default/templates/hvac/img-6.jpg?_wi=2",
               },
             ]}
           />
@@ -137,17 +137,17 @@ export default function HomePage() {
               {
                 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",
+                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",
+                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",
+                imageSrc: "https://storage.googleapis.com/webild/default/templates/hvac/img-4.jpg?_wi=3",
               },
             ]}
           />

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

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 (555) 987-6543", href: "tel:5559876543" }}
+              />
+            </div>
+  );
+}

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

src/pages/HomePage/sections/Hero.tsx

@@ -0,0 +1,29 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "hero" section.
+
+import React from 'react';
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <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>
+  );
+}

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",
+                  },
+                  {
+                    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",
+                  },
+                  {
+                    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",
+                  },
+                ]}
+              />
+            </div>
+  );
+}

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

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

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",
+                  },
+                  {
+                    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",
+                  },
+                  {
+                    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",
+                  },
+                ]}
+              />
+            </div>
+  );
+}