Merge version_2_1781466692215 into main

Merge version_2_1781466692215 into main

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,96 @@
+/* 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 RatingStars from "@/components/ui/RatingStars";
+
+const primaryButton = {
+  text: "Schedule Service",
+  href: "#contact"
+};
+const secondaryButton = {
+  text: "Our Services",
+  href: "#services"
+};
+const 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"
+];
+
+type HeroOverlayProps = {
+  tag: string;
+  title: string;
+  description: string;
+  primaryButton: { text: string; href: string };
+  secondaryButton: { text: string; href: string };
+  avatarsSrc?: string[];
+  avatarsLabel?: string;
+} & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never });
+
+const HeroInline = () => {
+  return (
+    <section
+      aria-label="Hero section"
+      className="relative w-full h-svh overflow-hidden flex flex-col justify-end mb-20"
+    >
+      <HeroBackgroundSlot />
+      <ImageOrVideo
+        imageSrc={"https://storage.googleapis.com/webild/default/templates/hvac/img-1.jpg"}
+        className="absolute inset-0 w-full h-full object-cover rounded-none"
+      />
+
+      <div
+        className="absolute z-10 w-[150vw] h-[150vw] left-0 bottom-0 -translate-x-1/2 translate-y-1/2 backdrop-blur mask-[radial-gradient(circle,black_20%,transparent_70%)]"
+        aria-hidden="true"
+      />
+
+      <div className="relative z-10 w-content-width mx-auto pb-10 md:pb-25">
+        <div className="flex flex-col gap-3 w-full md:w-6/10 lg:w-1/2 xl:w-45/100 2xl:w-4/10">
+          <div className="w-fit px-3 py-1 mb-1 text-sm card rounded">
+            <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-white 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="slide-up"
+            gradientText={false}
+            tag="p"
+            className="text-lg md:text-xl text-white leading-snug text-balance"
+          />
+
+          <div className="flex flex-wrap 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 className="mt-4 flex items-center gap-3 bg-card/10 backdrop-blur-sm p-3 rounded-lg w-fit border border-white/10">
+            <RatingStars rating={5} className="text-yellow-400" />
+            <span className="text-white text-sm font-medium">Trusted by 500+ clients</span>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+};
+
+export default function HeroSection() {
+  return (
+    <div data-webild-section="hero" id="hero">
+      <HeroInline />
+    </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>
+  );
+}