Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -3,14 +3,14 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
-import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
+import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
-import SplitAbout from "@/components/sections/about/SplitAbout";
+import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
-import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
+import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
-import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
+import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
-import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
+import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
-import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import FaqSplitText from "@/components/sections/faq/FaqSplitText";
-import FooterCard from "@/components/sections/footer/FooterCard";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
-import { Phone, CheckCircle, Clock, ShieldCheck } from "lucide-react";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
 
 export default function HvacPage() {
   return (
@@ -33,105 +33,109 @@ export default function HvacPage() {
             navItems={[
               { name: "Services", id: "services" },
               { name: "About", id: "about" },
-              { name: "Testimonials", id: "testimonials" },
+              { name: "Pricing", id: "pricing" },
               { name: "Contact", id: "contact" },
             ]}
           />
         </div>
 
         <div id="hero">
-          <HeroSplitDoubleCarousel
+          <HeroBillboardTestimonial
             title="Climate Control Experts"
             description="Keeping your home and business comfortable through every season with professional HVAC solutions you can trust."
+            background={{ variant: "sparkles-gradient" }}
             buttons={[{ text: "Book Consultation", href: "#contact" }]}
-            background={{ variant: "downward-rays-static" }}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-1.jpg"
-            leftCarouselItems={[
+            testimonials={[
-              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-1.jpg", imageAlt: "HVAC Technician" }
+              { 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 }
-            rightCarouselItems={[
-              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-2.jpg", imageAlt: "HVAC Equipment" }
             ]}
           />
         </div>
 
         <div id="about">
-          <SplitAbout
+          <InlineImageSplitTextAbout
-            tag="Expertise"
+            heading={[{ type: "text", content: "Decades of Comfort" }]}
-            title="Decades of Comfort"
+            buttons={[{ text: "Learn More" }]}
-            description="With over 20 years of experience, we pride ourselves on precision engineering, rapid response times, and exceptional service standards across every installation and repair project."
-            bulletPoints={[
-              { title: "Certified Technicians", description: "Fully licensed and insured professionals.", icon: ShieldCheck },
-              { title: "24/7 Support", description: "Available whenever you need us.", icon: Clock },
-              { title: "Guaranteed Work", description: "We stand behind every service we perform.", icon: CheckCircle }
-            ]}
-            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-3.jpg"
-            textboxLayout="split"
             useInvertedBackground={false}
           />
         </div>
 
         <div id="services">
-          <FeatureCardTwentyFour
+          <FeatureCardOne
             title="Our Core Services"
             description="Comprehensive climate control solutions tailored to your unique needs."
+            gridVariant="three-columns-all-equal-width"
             animationType="slide-up"
             textboxLayout="default"
-            useInvertedBackground={true}
+            useInvertedBackground={false}
             features={[
-              { id: "1", title: "AC System Install", author: "Residential/Comm.", description: "High-efficiency cooling systems.", tags: ["Install", "Cooling"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-4.jpg" },
+              { 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" },
-              { id: "2", title: "Heating & Furnace", author: "Winter Ready", description: "Reliable heating repair and setup.", tags: ["Heating", "Repair"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-5.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" },
-              { id: "3", title: "Routine Maintenance", author: "Efficiency", description: "Extended system life and savings.", tags: ["Service", "Maintenance"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-6.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>
+
+        <div id="pricing">
+          <PricingCardOne
+            title="Service Packages"
+            description="Transparent pricing for all your HVAC maintenance needs."
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            plans={[
+              { 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"] }
             ]}
           />
         </div>
 
         <div id="testimonials">
-          <TestimonialCardTen
+          <TestimonialCardThirteen
             title="Client Success Stories"
-            description="Trusted by homeowners throughout the region."
+            description="What our happy customers say about our services."
+            showRating={true}
+            animationType="slide-up"
             textboxLayout="default"
             useInvertedBackground={false}
             testimonials={[
-              { id: "1", title: "Fast & Reliable", quote: "They fixed our furnace in record time.", name: "Sarah J.", role: "Homeowner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.jpg" },
+              { id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "Absolutely the best HVAC company in town.", rating: 5 },
-              { id: "2", title: "Excellent Service", quote: "Professional installation and great advice.", name: "Mark D.", role: "Business Owner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.jpg" }
+              { id: "2", name: "Mark D.", handle: "@markd", testimonial: "Professional, polite, and very knowledgeable team.", rating: 5 }
             ]}
           />
         </div>
 
         <div id="faq">
-          <FaqSplitMedia
+          <FaqSplitText
-            title="Answers to Your Questions"
+            sideTitle="Need Help?"
-            description="Find details on our process, service areas, and financing."
             faqsAnimation="slide-up"
-            textboxLayout="default"
+            useInvertedBackground={false}
-            useInvertedBackground={true}
             faqs={[
-              { id: "1", title: "Do you offer emergency services?", content: "Yes, our team is available 24/7 for emergency HVAC needs." },
+              { id: "1", title: "Do you offer 24/7 service?", content: "Yes, we provide emergency support 24/7." },
-              { id: "2", title: "How do I schedule an appointment?", content: "You can call us directly or use our contact form." }
+              { id: "2", title: "Are your technicians licensed?", content: "Yes, all our professionals are fully certified and insured." }
             ]}
-            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-7.jpg"
           />
         </div>
 
         <div id="contact">
-          <ContactSplitForm
+          <ContactCenter
-            title="Get in Touch"
+            tag="Contact Us"
-            description="Schedule your service or request a free quote today."
+            title="Schedule a Service"
-            inputs={[
+            description="Reach out to our experts and get your HVAC system in top shape today."
-              { name: "name", type: "text", placeholder: "Full Name", required: true },
+            background={{ variant: "animated-grid" }}
-              { name: "email", type: "email", placeholder: "Email Address", required: true }
-            ]}
-            textarea={{ name: "message", placeholder: "Tell us about your issue", rows: 4 }}
-            buttonText="Send Request"
             useInvertedBackground={false}
           />
         </div>
 
         <div id="footer">
-          <FooterCard
+          <FooterSimple
-            logoText="AirPro HVAC"
+            columns={[
-            socialLinks={[{ icon: Phone, href: "tel:5559876543", ariaLabel: "Call us" }]}
+              { title: "Services", items: [{ label: "AC Repair" }, { label: "Furnace Install" }] },
-            copyrightText="© 2026 | AirPro HVAC"
+              { title: "Company", items: [{ label: "About" }, { label: "Careers" }] }
+            ]}
+            bottomLeftText="© 2026 AirPro HVAC"
+            bottomRightText="All rights reserved."
           />
         </div>
       </ReactLenis>