375 lines
20 KiB
TypeScript
375 lines
20 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||
import TextAbout from '@/components/sections/about/TextAbout';
|
||
import { Award, CheckCircle, Clock, Gauge, Shield, Sparkles, Star, Users, Zap } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="expand-hover"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="rounded"
|
||
contentWidth="medium"
|
||
sizing="largeSmallSizeMediumTitles"
|
||
background="circleGradient"
|
||
cardStyle="inset"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="light"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "#home"},
|
||
{
|
||
name: "Services", id: "#services"},
|
||
{
|
||
name: "About Us", id: "#about"},
|
||
{
|
||
name: "Metrics", id: "#metrics"},
|
||
{
|
||
name: "Pricing", id: "#pricing"},
|
||
{
|
||
name: "Testimonials", id: "#testimonials"},
|
||
{
|
||
name: "FAQ", id: "#faq"},
|
||
{
|
||
name: "Contact Us", id: "#contact"},
|
||
]}
|
||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4wl321"
|
||
logoAlt="USA HVAC Services Logo"
|
||
brandName="USA HVAC Services"
|
||
button={{
|
||
text: "Get a Free Quote", href: "#contact"}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="home" data-section="home">
|
||
<HeroBillboardTestimonial
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "plain"}}
|
||
title="Your Comfort, Our Priority. Trusted HVAC Services."
|
||
description="Keeping homes and businesses across the USA perfectly climate-controlled. Expert installation, reliable repairs, and dedicated maintenance for heating, ventilation, and air conditioning systems."
|
||
testimonials={[
|
||
{
|
||
name: "Sarah J.", handle: "@HappyHomeowner", testimonial: "USA HVAC Services installed our new AC quickly and professionally. Couldn't be happier with their service!", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-family-with-baby_23-2149141876.jpg?_wi=1", imageAlt: "Sarah J."},
|
||
{
|
||
name: "Michael D.", handle: "@BizOwnerMike", testimonial: "Our commercial HVAC system needed a major overhaul. USA HVAC delivered exceptional results and minimized downtime.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-father-showing-his-son-tablet_23-2148404186.jpg", imageAlt: "Michael D."},
|
||
{
|
||
name: "Emily R.", handle: "@ComfortSeeker", testimonial: "Always responsive and thorough! Their maintenance plan keeps my furnace running perfectly every winter.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/senior-reader-detective-stories_1098-14179.jpg", imageAlt: "Emily R."},
|
||
{
|
||
name: "David K.", handle: "@TechEnthusiast", testimonial: "Impressed by their smart thermostat integration. My home is now perfectly efficient, thanks to USA HVAC!", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-with-smart-speaker_23-2149936222.jpg", imageAlt: "David K."},
|
||
{
|
||
name: "Jessica L.", handle: "@WarmHome", testimonial: "Had a heating emergency in January, and they were here within hours. Lifesavers!", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-plumber_23-2150746293.jpg", imageAlt: "Jessica L."},
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Get a Free Quote", href: "#contact"},
|
||
{
|
||
text: "Explore Services", href: "#services"},
|
||
]}
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/barber-man-apron-looking-camera-with-sad-expression-standing-orange-background_141793-67393.jpg", alt: "John Doe"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/technician-monitors-manufacturing-data-pc-solar-panel-factory_482257-125063.jpg", alt: "Jane Smith"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/anxious-handsome-blonde-man-bites-lips-isolated-purple-wall_141793-66117.jpg", alt: "Robert Johnson"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/cheerful-young-african-men-friends-standing-outdoors_171337-7138.jpg", alt: "Ashley Brown"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/pleased-young-caucasian-delivery-man-blue-uniform-cap-keeping-hands-waist-looking-camera-isolated-white-wall_141793-113613.jpg", alt: "Pleased young caucasian delivery man in blue uniform and cap keeping hands on waist looking at camera isolated on white wall"},
|
||
]}
|
||
avatarText="Join 10,000+ happy customers!"
|
||
marqueeItems={[
|
||
{
|
||
type: "text", text: "AC Repair & Installation"},
|
||
{
|
||
type: "text-icon", text: "Furnace Maintenance", icon: Gauge,
|
||
},
|
||
{
|
||
type: "text", text: "Duct Cleaning Experts"},
|
||
{
|
||
type: "text-icon", text: "24/7 Emergency Service", icon: Clock,
|
||
},
|
||
{
|
||
type: "text", text: "Smart Thermostat Integration"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-family-with-baby_23-2149141876.jpg?_wi=2"
|
||
imageAlt="happy homeowner testimonial hvac"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextAbout
|
||
useInvertedBackground={true}
|
||
tag="Our Story"
|
||
title="About USA HVAC Services: Your Local Comfort Experts"
|
||
buttons={[
|
||
{
|
||
text: "Learn More About Us", href: "#"},
|
||
{
|
||
text: "Meet Our Team", href: "#"},
|
||
]}
|
||
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardSixteen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
negativeCard={{
|
||
items: [
|
||
"Frequent Breakdowns", "High Energy Bills", "Uneven Heating/Cooling", "Poor Air Quality", "Loud System Noises"],
|
||
}}
|
||
positiveCard={{
|
||
items: [
|
||
"Reliable Performance", "Lower Energy Costs", "Consistent Comfort", "Healthier Indoor Air", "Quiet Operation"],
|
||
}}
|
||
title="Comprehensive HVAC Solutions Tailored for You"
|
||
description="We offer a full spectrum of HVAC services, ensuring your indoor environment is always at its best. Compare common problems with our expert solutions."
|
||
tag="HVAC Solutions"
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
metrics={[
|
||
{
|
||
id: "1", icon: Award,
|
||
title: "Years of Service", value: "25+"},
|
||
{
|
||
id: "2", icon: Users,
|
||
title: "Happy Customers", value: "15,000+"},
|
||
{
|
||
id: "3", icon: CheckCircle,
|
||
title: "Certified Technicians", value: "100%"},
|
||
{
|
||
id: "4", icon: Zap,
|
||
title: "Emergency Response", value: "24/7"},
|
||
]}
|
||
title="Experience You Can Trust, Results You Can Feel"
|
||
description="Our commitment to quality and customer satisfaction is reflected in our track record."
|
||
tag="Our Impact"
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<ProductCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "1", name: "AC Repair & Maintenance", price: "Starting at $89", imageSrc: "http://img.b2bpic.net/free-photo/coworkers-refill-air-conditioner-freon_482257-90737.jpg", imageAlt: "HVAC technician repairing an outdoor AC unit"},
|
||
{
|
||
id: "2", name: "Furnace Installation", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hand-touching-vintage-machine_23-2148180331.jpg", imageAlt: "Technician installing a new furnace"},
|
||
{
|
||
id: "3", name: "Duct Cleaning Services", price: "Starting at $199", imageSrc: "http://img.b2bpic.net/free-photo/woman-white-shirt-black-pants-doing-selfie-using-smartphone-happy-positive-smiling-showing-v-sign-sitting-chair-light-living-room_141793-101885.jpg", imageAlt: "Specialized equipment for air duct cleaning"},
|
||
{
|
||
id: "4", name: "Preventative Maintenance", price: "Annual Plans", imageSrc: "http://img.b2bpic.net/free-photo/close-up-worker-checking-freon-tank_482257-78533.jpg", imageAlt: "Technician performing routine HVAC inspection"},
|
||
{
|
||
id: "5", name: "Emergency HVAC Service", price: "24/7 Availability", imageSrc: "http://img.b2bpic.net/free-photo/defective-external-air-conditioner_482257-91071.jpg", imageAlt: "HVAC technician responding to an emergency call"},
|
||
{
|
||
id: "6", name: "Smart Thermostat Installation", price: "Starting at $149", imageSrc: "http://img.b2bpic.net/free-photo/close-up-tablet-with-smart-tv-control_23-2148994125.jpg", imageAlt: "Technician installing a smart thermostat"},
|
||
]}
|
||
title="Our Premier HVAC Services"
|
||
description="From emergency repairs to full system installations, we cover all your heating and cooling needs."
|
||
tag="What We Offer"
|
||
/>
|
||
</div>
|
||
|
||
<div id="pricing" data-section="pricing">
|
||
<PricingCardEight
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
plans={[
|
||
{
|
||
id: "basic", badge: "Value", badgeIcon: Sparkles,
|
||
price: "$129/year", subtitle: "Essential Comfort", buttons: [
|
||
{
|
||
text: "Choose Basic", href: "#contact"},
|
||
],
|
||
features: [
|
||
"1 Annual Tune-Up", "Priority Scheduling", "10% Parts Discount", "Email Support"],
|
||
},
|
||
{
|
||
id: "premium", badge: "Most Popular", badgeIcon: Star,
|
||
price: "$249/year", subtitle: "Enhanced Protection", buttons: [
|
||
{
|
||
text: "Choose Premium", href: "#contact"},
|
||
],
|
||
features: [
|
||
"2 Annual Tune-Ups (AC & Furnace)", "Emergency Service (24/7)", "15% Parts Discount", "Phone & Email Support", "Ductwork Inspection"],
|
||
},
|
||
{
|
||
id: "ultimate", badge: "Ultimate Peace of Mind", badgeIcon: Shield,
|
||
price: "$399/year", subtitle: "Total Climate Care", buttons: [
|
||
{
|
||
text: "Choose Ultimate", href: "#contact"},
|
||
],
|
||
features: [
|
||
"2 Annual Tune-Ups (AC & Furnace)", "Priority Emergency Service", "20% Parts Discount", "Dedicated Account Manager", "Free Diagnostics", "Filter Replacement Program"],
|
||
},
|
||
]}
|
||
title="Transparent Pricing for Exceptional Service"
|
||
description="Choose from our service plans designed to keep your systems running efficiently year-round and prevent unexpected breakdowns."
|
||
tag="Our Service Plans"
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTen
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1", title: "Outstanding Professionalism!", quote: "The team from USA HVAC Services was incredibly professional from start to finish. They diagnosed our AC issue quickly and had it fixed the same day. Our home is cool again!", name: "Linda M.", role: "Homeowner, California", imageSrc: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-187159.jpg", imageAlt: "Linda M."},
|
||
{
|
||
id: "2", title: "Highly Recommend for Installations", quote: "We needed a full furnace replacement, and USA HVAC made the entire process seamless. The installation was efficient, and the new system is working perfectly. Great communication throughout.", name: "Robert S.", role: "Property Manager, Texas", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-couple-lying-bed-looking-digital-tablet-bedroom_23-2147862772.jpg", imageAlt: "Robert S."},
|
||
{
|
||
id: "3", title: "Responsive and Reliable", quote: "Our heat went out on a freezing night, and USA HVAC was literally a lifesaver. Their emergency service was fast, and the technician was very knowledgeable. Truly appreciate their reliability.", name: "Jessica B.", role: "Small Business Owner, Florida", imageSrc: "http://img.b2bpic.net/free-photo/positive-young-caucasian-brunette-girl-looking-camera-sitting-table-with-laptop-indoors_197531-33248.jpg", imageAlt: "Jessica B."},
|
||
{
|
||
id: "4", title: "Fantastic Maintenance Plan", quote: "I signed up for their annual maintenance plan, and it's been fantastic. My systems run more efficiently, and I have peace of mind knowing they're always in top condition. Worth every penny!", name: "Thomas A.", role: "Retired Engineer, New York", imageSrc: "http://img.b2bpic.net/free-photo/portrait-saleswoman-suit-working-office-sitting-front-laptop-businesswoman-preparing_1258-194631.jpg", imageAlt: "Thomas A."},
|
||
{
|
||
id: "5", title: "Best HVAC Company Around!", quote: "I've used several HVAC companies over the years, and USA HVAC Services stands out. Their technicians are polite, skilled, and always go the extra mile. They earned my trust.", name: "Maria C.", role: "Head of Operations, Illinois", imageSrc: "http://img.b2bpic.net/free-photo/close-up-kids-their-room-having-fun_23-2149275043.jpg", imageAlt: "Maria C."},
|
||
]}
|
||
title="What Our Valued Customers Say"
|
||
description="Hear directly from homeowners and businesses who trust USA HVAC Services for their comfort needs."
|
||
tag="Customer Reviews"
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitText
|
||
useInvertedBackground={true}
|
||
faqs={[
|
||
{
|
||
id: "1", title: "How often should I have my HVAC system serviced?", content: "We recommend professional HVAC maintenance twice a year – once for your air conditioning unit in the spring and once for your heating system in the fall. This ensures optimal performance, energy efficiency, and extends the lifespan of your equipment."},
|
||
{
|
||
id: "2", title: "What are the benefits of a smart thermostat?", content: "Smart thermostats offer numerous benefits including remote control via smartphone, energy usage tracking, customizable scheduling, and often learning capabilities to optimize your home's climate control, leading to significant energy savings and enhanced comfort."},
|
||
{
|
||
id: "3", title: "Do you offer emergency HVAC services?", content: "Yes, we understand that HVAC emergencies can happen at any time. USA HVAC Services provides 24/7 emergency repair services for both residential and commercial clients to ensure you're never left without comfort when you need it most."},
|
||
{
|
||
id: "4", title: "What areas do you serve?", content: "USA HVAC Services proudly serves homes and businesses across a wide service area. Please contact us directly with your location to confirm if we operate in your specific region within the USA."},
|
||
]}
|
||
sideTitle="Frequently Asked Questions"
|
||
sideDescription="Find quick answers to common inquiries about our HVAC services, scheduling, and payment options."
|
||
buttons={[
|
||
{
|
||
text: "View All FAQs", href: "#"},
|
||
{
|
||
text: "Contact Support", href: "#contact"},
|
||
]}
|
||
faqsAnimation="slide-up"
|
||
textPosition="left"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "radial-gradient"}}
|
||
tag="Ready for Comfort?"
|
||
title="Schedule Your HVAC Service Today"
|
||
description="Don't let a faulty system disrupt your peace of mind. Contact us now for reliable and prompt service, and experience the difference."
|
||
buttons={[
|
||
{
|
||
text: "Request a Service", href: "#"},
|
||
{
|
||
text: "Call Us Now", href: "tel:+18001234567"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterSimple
|
||
columns={[
|
||
{
|
||
title: "Services", items: [
|
||
{
|
||
label: "AC Repair", href: "#services"},
|
||
{
|
||
label: "Furnace Installation", href: "#services"},
|
||
{
|
||
label: "Duct Cleaning", href: "#services"},
|
||
{
|
||
label: "Maintenance Plans", href: "#pricing"},
|
||
{
|
||
label: "Emergency Service", href: "#services"},
|
||
],
|
||
},
|
||
{
|
||
title: "Company", items: [
|
||
{
|
||
label: "About Us", href: "#about"},
|
||
{
|
||
label: "Our Mission", href: "#about"},
|
||
{
|
||
label: "Why Choose Us", href: "#features"},
|
||
{
|
||
label: "Careers", href: "#"},
|
||
],
|
||
},
|
||
{
|
||
title: "Resources", items: [
|
||
{
|
||
label: "FAQ", href: "#faq"},
|
||
{
|
||
label: "Blog", href: "#"},
|
||
{
|
||
label: "Customer Stories", href: "#testimonials"},
|
||
{
|
||
label: "Service Areas", href: "#"},
|
||
],
|
||
},
|
||
{
|
||
title: "Contact", items: [
|
||
{
|
||
label: "Get a Quote", href: "#contact"},
|
||
{
|
||
label: "Support", href: "#"},
|
||
{
|
||
label: "Call Us: (800) 123-4567", href: "tel:+18001234567"},
|
||
{
|
||
label: "Email: info@usahvac.com", href: "mailto:info@usahvac.com"},
|
||
],
|
||
},
|
||
]}
|
||
bottomLeftText="© 2024 USA HVAC Services. All rights reserved."
|
||
bottomRightText="Privacy Policy | Terms of Service"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|