1 Commits

Author SHA1 Message Date
e08d1a029c Update src/app/page.tsx 2026-04-07 14:04:03 +00:00

View File

@@ -2,35 +2,33 @@
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; 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 HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout"; import SplitAbout from "@/components/sections/about/SplitAbout";
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne"; import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow"; import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight"; 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 ContactCTA from "@/components/sections/contact/ContactCTA"; import { Phone, CheckCircle, Clock, ShieldCheck } from "lucide-react";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { ShieldCheck, Wrench, DollarSign, Phone } from "lucide-react";
export default function HvacPage() { export default function HvacPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="directional-hover" defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide" defaultTextAnimation="reveal-blur"
borderRadius="soft" borderRadius="soft"
contentWidth="medium" contentWidth="medium"
sizing="medium" sizing="medium"
background="aurora" background="none"
cardStyle="glass-elevated" cardStyle="solid"
primaryButtonStyle="gradient" primaryButtonStyle="gradient"
secondaryButtonStyle="glass" secondaryButtonStyle="solid"
headingFontWeight="semibold" headingFontWeight="semibold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav">
<NavbarLayoutFloatingInline <NavbarStyleApple
brandName="AirPro HVAC" brandName="AirPro HVAC"
navItems={[ navItems={[
{ name: "Services", id: "services" }, { name: "Services", id: "services" },
@@ -38,294 +36,101 @@ export default function HvacPage() {
{ name: "Testimonials", id: "testimonials" }, { name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" }, { name: "Contact", id: "contact" },
]} ]}
button={{ text: "Get a Quote", href: "#contact" }}
animateOnLoad={false}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero">
<HeroOverlay <HeroSplitDoubleCarousel
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={[ buttons={[{ text: "Book Consultation", href: "#contact" }]}
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.jpg", alt: "Client" }, background={{ variant: "downward-rays-static" }}
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.jpg", alt: "Client" }, leftCarouselItems={[
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.jpg", alt: "Client" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-1.jpg", imageAlt: "HVAC Technician" }
]} ]}
avatarText="Trusted by 500+ clients" rightCarouselItems={[
buttons={[ { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-2.jpg", imageAlt: "HVAC Equipment" }
{ 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"
showDimOverlay={true}
/> />
</div> </div>
<div id="about" data-section="about"> <div id="about">
<MetricSplitMediaAbout <SplitAbout
tag="About Us" tag="Expertise"
title="Reliable Climate Solutions Since 2005" title="Decades of Comfort"
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." 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."
metrics={[ bulletPoints={[
{ { title: "Certified Technicians", description: "Fully licensed and insured professionals.", icon: ShieldCheck },
value: "2,500+", { title: "24/7 Support", description: "Available whenever you need us.", icon: Clock },
title: "Systems installed and serviced", { title: "Guaranteed Work", description: "We stand behind every service we perform.", icon: CheckCircle }
},
{
value: "98%",
title: "Customer satisfaction rate",
},
]} ]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-2.jpg" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-3.jpg"
imageAlt="Commercial HVAC units on rooftop" textboxLayout="split"
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} useInvertedBackground={false}
/> />
</div> </div>
<div id="services" data-section="services">
<FeatureCardOne <div id="services">
title="Our Services" <FeatureCardTwentyFour
description="From installations to emergency repairs, we have your comfort covered." title="Our Core Services"
buttons={[{ text: "Get a Quote", href: "#contact" }]} description="Comprehensive climate control solutions tailored to your unique needs."
buttonAnimation="slide-up" animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[ 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 Installation", { 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" },
description: "Expert installation of high-efficiency air conditioning systems for homes and commercial spaces.", { 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" }
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}
/> />
</div> </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="testimonials">
title="How It Works" <TestimonialCardTen
description="Our simple process from first call to finished job" title="Client Success Stories"
features={[ description="Trusted by homeowners throughout the region."
{ textboxLayout="default"
title: "Schedule a Call", useInvertedBackground={false}
description: "Contact us by phone or online to describe your HVAC issue. We'll find a time that works for you.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-6.jpg",
imageAlt: "Scheduling a service call",
},
{
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={[ 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", { 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" }
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.",
},
]} ]}
showRating={true}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/> />
</div> </div>
<div id="faq" data-section="faq">
<FaqSplitText <div id="faq">
sideTitle="Frequently Asked Questions" <FaqSplitMedia
buttons={[{ text: "Contact Us", href: "#contact" }]} title="Answers to Your Questions"
buttonAnimation="slide-up" description="Find details on our process, service areas, and financing."
faqsAnimation="slide-up" faqsAnimation="slide-up"
textPosition="left" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={true}
faqs={[ faqs={[
{ { id: "1", title: "Do you offer emergency services?", content: "Yes, our team is available 24/7 for emergency HVAC needs." },
id: "1", { id: "2", title: "How do I schedule an appointment?", content: "You can call us directly or use our contact form." }
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.",
},
]} ]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-7.jpg"
/> />
</div> </div>
<div id="contact" data-section="contact"> <div id="contact">
<ContactCTA <ContactSplitForm
tag="Get in Touch" title="Get in Touch"
tagIcon={Phone} description="Schedule your service or request a free quote today."
title="Ready to Stay Comfortable Year-Round?" inputs={[
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." { name: "name", type: "text", placeholder: "Full Name", required: true },
buttons={[ { name: "email", type: "email", placeholder: "Email Address", required: true }
{ text: "Get a Free Quote", href: "#contact" },
{ text: "Call (555) 987-6543", href: "tel:5559876543" },
]} ]}
background={{ variant: "plain" }} textarea={{ name: "message", placeholder: "Tell us about your issue", rows: 4 }}
buttonText="Send Request"
useInvertedBackground={false} useInvertedBackground={false}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer">
<FooterMedia <FooterCard
logoText="AirPro HVAC" logoText="AirPro HVAC"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-10.jpg" socialLinks={[{ icon: Phone, href: "tel:5559876543", ariaLabel: "Call us" }]}
imageAlt="HVAC technician inspecting equipment"
columns={[
{
title: "Services",
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" copyrightText="© 2026 | AirPro HVAC"
/> />
</div> </div>