Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,331 +2,140 @@
 
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
-import HeroOverlay from "@/components/sections/hero/HeroOverlay";
+import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
-import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
+import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
 import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
-import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
+import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
-import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
 import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
 import FaqSplitText from "@/components/sections/faq/FaqSplitText";
-import ContactCTA from "@/components/sections/contact/ContactCTA";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
-import FooterMedia from "@/components/sections/footer/FooterMedia";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
-import { ShieldCheck, Wrench, DollarSign, Phone } from "lucide-react";
 
 export default function HvacPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="directional-hover"
+      defaultButtonVariant="hover-magnetic"
-      defaultTextAnimation="entrance-slide"
+      defaultTextAnimation="reveal-blur"
       borderRadius="soft"
       contentWidth="medium"
       sizing="medium"
-      background="aurora"
+      background="none"
-      cardStyle="glass-elevated"
+      cardStyle="solid"
       primaryButtonStyle="gradient"
-      secondaryButtonStyle="glass"
+      secondaryButtonStyle="solid"
       headingFontWeight="semibold"
     >
       <ReactLenis root>
-        <div id="nav" data-section="nav">
+        <div id="nav">
-          <NavbarLayoutFloatingInline
+          <NavbarStyleApple
             brandName="AirPro HVAC"
             navItems={[
               { name: "Services", id: "services" },
               { name: "About", id: "about" },
-              { name: "Testimonials", id: "testimonials" },
+              { name: "Pricing", id: "pricing" },
               { name: "Contact", id: "contact" },
             ]}
-            button={{ text: "Get a Quote", href: "#contact" }}
-            animateOnLoad={false}
           />
         </div>
 
-        <div id="hero" data-section="hero">
+        <div id="hero">
-          <HeroOverlay
+          <HeroBillboardTestimonial
-            title="Your Comfort Is Our Priority"
+            title="Climate Control Experts"
-            description="Professional heating, ventilation, and air conditioning services for homes and businesses. From installations to emergency repairs, we keep your climate perfect year-round."
+            description="Keeping your home and business comfortable through every season with professional HVAC solutions you can trust."
-            avatars={[
+            background={{ variant: "sparkles-gradient" }}
-              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.jpg", alt: "Client" },
+            buttons={[{ text: "Book Consultation", href: "#contact" }]}
-              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.jpg", alt: "Client" },
-              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.jpg", alt: "Client" },
-            ]}
-            avatarText="Trusted by 500+ clients"
-            buttons={[
-              { text: "Schedule Service", href: "#contact" },
-              { text: "Our Services", href: "#services" },
-            ]}
-            buttonAnimation="slide-up"
             imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-1.jpg"
-            imageAlt="HVAC technician performing system maintenance"
+            testimonials={[
-            showDimOverlay={true}
+              { name: "Sarah J.", handle: "@sarahj", testimonial: "Fast, reliable service when my furnace died in the middle of winter!", rating: 5 },
+              { name: "Mark D.", handle: "@markd", testimonial: "Professional installation and great advice on system efficiency.", rating: 5 }
+            ]}
           />
         </div>
 
-        <div id="about" data-section="about">
+        <div id="about">
-          <MetricSplitMediaAbout
+          <InlineImageSplitTextAbout
-            tag="About Us"
+            heading={[{ type: "text", content: "Decades of Comfort" }]}
-            title="Reliable Climate Solutions Since 2005"
+            buttons={[{ text: "Learn More" }]}
-            description="AirPro HVAC has been keeping homes and businesses comfortable for nearly two decades. Our certified technicians deliver expert installations, maintenance, and repairs — backed by transparent pricing and a commitment to getting the job done right the first time."
-            metrics={[
-              {
-                value: "2,500+",
-                title: "Systems installed and serviced",
-              },
-              {
-                value: "98%",
-                title: "Customer satisfaction rate",
-              },
-            ]}
-            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-2.jpg"
-            imageAlt="Commercial HVAC units on rooftop"
-            mediaBadge={{
-              text: "Active Now",
-              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-3.jpg",
-              avatarAlt: "Technician"
-            }}
-            mediaAnimation="slide-up"
-            metricsAnimation="slide-up"
             useInvertedBackground={false}
           />
         </div>
-        <div id="services" data-section="services">
+
+        <div id="services">
           <FeatureCardOne
-            title="Our Services"
+            title="Our Core Services"
-            description="From installations to emergency repairs, we have your comfort covered."
+            description="Comprehensive climate control solutions tailored to your unique needs."
-            buttons={[{ text: "Get a Quote", href: "#contact" }]}
+            gridVariant="three-columns-all-equal-width"
-            buttonAnimation="slide-up"
-            features={[
-              {
-                title: "AC Installation",
-                description: "Expert installation of high-efficiency air conditioning systems for homes and commercial spaces.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-4.jpg",
-                imageAlt: "AC installation service",
-              },
-              {
-                title: "Heating Systems",
-                description: "Complete furnace and heat pump installations to keep you warm through every winter.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-5.jpg",
-                imageAlt: "Heating system service",
-              },
-              {
-                title: "Maintenance Plans",
-                description: "Preventative maintenance programs that extend the life of your system and reduce energy costs.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-6.jpg",
-                imageAlt: "HVAC maintenance",
-              },
-              {
-                title: "Emergency Repairs",
-                description: "24/7 emergency repair service — we respond fast when your system breaks down unexpectedly.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-7.jpg",
-                imageAlt: "Emergency HVAC repair",
-              },
-              {
-                title: "Duct Cleaning",
-                description: "Professional duct cleaning to improve air quality and system efficiency throughout your property.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-8.jpg",
-                imageAlt: "Duct cleaning service",
-              },
-              {
-                title: "System Inspections",
-                description: "Thorough inspections with detailed reports and transparent recommendations — no hidden fees.",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-9.jpg",
-                imageAlt: "HVAC system inspection",
-              },
-            ]}
-            gridVariant="uniform-all-items-equal"
-            uniformGridCustomHeightClasses="aspect-square"
-            gridClassName="md:!grid-cols-3"
-            carouselThreshold={7}
             animationType="slide-up"
             textboxLayout="default"
             useInvertedBackground={false}
+            features={[
+              { title: "AC System Install", description: "High-efficiency cooling systems for residential and commercial spaces.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-4.jpg" },
+              { title: "Heating & Furnace", description: "Reliable heating repair and installation to keep you warm all year.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-5.jpg" },
+              { title: "Routine Maintenance", description: "Preventative care to ensure your system operates at peak efficiency.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-6.jpg" }
+            ]}
           />
         </div>
-        <FeatureBorderGlow
-          title="Why Choose AirPro"
-          description="What sets us apart from the rest"
-          features={[
-            {
-              icon: ShieldCheck,
-              title: "Reliability & Trust",
-              description: "Looking for a dependable HVAC company? We arrive on time and do the job right.",
-            },
-            {
-              icon: Wrench,
-              title: "Quality Workmanship",
-              description: "Our skilled technicians excel in various HVAC repairs, using only top-quality materials.",
-            },
-            {
-              icon: DollarSign,
-              title: "Fair & Transparent Pricing",
-              description: "No surprises here! We offer clear quotes and fair pricing for quality work.",
-            },
-          ]}
-          textboxLayout="default"
-          animationType="slide-up"
-          useInvertedBackground={false}
-        />
 
-        <FeatureCardEight
+        <div id="pricing">
-          title="How It Works"
+          <PricingCardOne
-          description="Our simple process from first call to finished job"
+            title="Service Packages"
-          features={[
+            description="Transparent pricing for all your HVAC maintenance needs."
-            {
+            animationType="slide-up"
-              title: "Schedule a Call",
+            textboxLayout="default"
-              description: "Contact us by phone or online to describe your HVAC issue. We'll find a time that works for you.",
+            useInvertedBackground={false}
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-6.jpg",
+            plans={[
-              imageAlt: "Scheduling a service call",
+              { id: "basic", badge: "Essential", price: "$99", subtitle: "Annual maintenance check", features: ["Filter change", "System diagnostic", "Coil cleaning"] },
-            },
+              { id: "pro", badge: "Professional", price: "$199", subtitle: "Comprehensive service", features: ["Everything in Essential", "Duct cleaning", "Parts discount"] }
-            {
-              title: "On-Site Diagnosis",
-              description: "A certified technician arrives on time, inspects your system, and explains the issue with a clear quote.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-7.jpg",
-              imageAlt: "Technician diagnosing HVAC system",
-            },
-            {
-              title: "Expert Repair or Install",
-              description: "We complete the work using premium parts and proven techniques — most jobs done same day.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-4.jpg",
-              imageAlt: "HVAC repair in progress",
-            },
-            {
-              title: "Quality Guarantee",
-              description: "We test everything before we leave and back all work with our satisfaction guarantee.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-8.jpg",
-              imageAlt: "Final quality check",
-            },
-          ]}
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-        <div id="testimonials" data-section="testimonials">
-          <TestimonialCardThirteen
-            title="What Our Clients Say"
-            description="Hear from homeowners and businesses who trust AirPro HVAC."
-            testimonials={[
-              {
-                id: "1",
-                name: "James R.",
-                handle: "Homeowner, Austin TX",
-                testimonial: "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://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.jpg",
-                imageAlt: "James R.",
-              },
-              {
-                id: "2",
-                name: "Linda M.",
-                handle: "Business Owner, Dallas TX",
-                testimonial: "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://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.jpg",
-                imageAlt: "Linda M.",
-              },
-              {
-                id: "3",
-                name: "Carlos D.",
-                handle: "Homeowner, Houston TX",
-                testimonial: "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://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.jpg",
-                imageAlt: "Carlos D.",
-              },
             ]}
+          />
+        </div>
+
+        <div id="testimonials">
+          <TestimonialCardThirteen
+            title="Client Success Stories"
+            description="What our happy customers say about our services."
             showRating={true}
             animationType="slide-up"
             textboxLayout="default"
             useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "Absolutely the best HVAC company in town.", rating: 5 },
+              { id: "2", name: "Mark D.", handle: "@markd", testimonial: "Professional, polite, and very knowledgeable team.", rating: 5 }
+            ]}
           />
         </div>
-        <div id="faq" data-section="faq">
+
+        <div id="faq">
           <FaqSplitText
-            sideTitle="Frequently Asked Questions"
+            sideTitle="Need Help?"
-            buttons={[{ text: "Contact Us", href: "#contact" }]}
-            buttonAnimation="slide-up"
             faqsAnimation="slide-up"
-            textPosition="left"
             useInvertedBackground={false}
             faqs={[
-              {
+              { id: "1", title: "Do you offer 24/7 service?", content: "Yes, we provide emergency support 24/7." },
-                id: "1",
+              { id: "2", title: "Are your technicians licensed?", content: "Yes, all our professionals are fully certified and insured." }
-                title: "Do you offer 24/7 emergency service?",
-                content: "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.",
-              },
-              {
-                id: "2",
-                title: "How often should I service my HVAC system?",
-                content: "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.",
-              },
-              {
-                id: "3",
-                title: "What brands do you install and repair?",
-                content: "We work with all major HVAC brands including Carrier, Trane, Lennox, Daikin, Rheem, and more. Our technicians are trained and certified across multiple manufacturers.",
-              },
-              {
-                id: "4",
-                title: "Do you offer financing options?",
-                content: "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.",
-              },
-              {
-                id: "5",
-                title: "How long does a typical installation take?",
-                content: "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>
 
-        <div id="contact" data-section="contact">
+        <div id="contact">
-          <ContactCTA
+          <ContactCenter
-            tag="Get in Touch"
+            tag="Contact Us"
-            tagIcon={Phone}
+            title="Schedule a Service"
-            title="Ready to Stay Comfortable Year-Round?"
+            description="Reach out to our experts and get your HVAC system in top shape today."
-            description="Whether you need a new installation, emergency repair, or routine maintenance — our team is ready to help. Call us today or request a free quote."
+            background={{ variant: "animated-grid" }}
-            buttons={[
-              { text: "Get a Free Quote", href: "#contact" },
-              { text: "Call (555) 987-6543", href: "tel:5559876543" },
-            ]}
-            background={{ variant: "plain" }}
             useInvertedBackground={false}
           />
         </div>
 
-        <div id="footer" data-section="footer">
+        <div id="footer">
-          <FooterMedia
+          <FooterSimple
-            logoText="AirPro HVAC"
-            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-10.jpg"
-            imageAlt="HVAC technician inspecting equipment"
             columns={[
-              {
+              { title: "Services", items: [{ label: "AC Repair" }, { label: "Furnace Install" }] },
-                title: "Services",
+              { title: "Company", items: [{ label: "About" }, { label: "Careers" }] }
-                items: [
-                  { label: "AC Installation", href: "#services" },
-                  { label: "Heating Systems", href: "#services" },
-                  { label: "Maintenance Plans", href: "#services" },
-                  { label: "Emergency Repairs", href: "#services" },
-                ],
-              },
-              {
-                title: "Company",
-                items: [
-                  { label: "About Us", href: "#about" },
-                  { label: "Testimonials", href: "#testimonials" },
-                  { label: "FAQ", href: "#faq" },
-                  { label: "Contact", href: "#contact" },
-                ],
-              },
-              {
-                title: "Contact",
-                items: [
-                  { label: "(555) 987-6543", href: "tel:5559876543" },
-                  { label: "info@airprohvac.com", href: "mailto:info@airprohvac.com" },
-                  { label: "Austin, TX" },
-                ],
-              },
             ]}
-            copyrightText="© 2026 | AirPro HVAC"
+            bottomLeftText="© 2026 AirPro HVAC"
+            bottomRightText="All rights reserved."
           />
         </div>
       </ReactLenis>