352 lines
19 KiB
TypeScript
352 lines
19 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
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 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, 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: "/"},
|
||
{
|
||
name: "Services", id: "#services"},
|
||
{
|
||
name: "About Us", id: "#about"},
|
||
{
|
||
name: "Metrics", id: "#metrics"},
|
||
{
|
||
name: "Testimonials", id: "#testimonials"},
|
||
{
|
||
name: "FAQ", id: "#faq"},
|
||
{
|
||
name: "Team", id: "/team"},
|
||
{
|
||
name: "Contact Us", id: "#contact"},
|
||
]}
|
||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EufN7Do3A2uOjy2MolAbblJK9g/uploaded-1781063380749-40bjsf5u.jpg"
|
||
logoAlt="USA HVAC Services Logo"
|
||
brandName="USA HVAC Services"
|
||
button={{
|
||
text: "Get a Free Quote", href: "#contact"}}
|
||
logoImageClassName="bg-transparent"
|
||
/>
|
||
</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?_wi=1", 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: "Air Conditioning Services", 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: "Heating System Services", 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: "Heat Pump Services", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-background_23-2149591146.jpg", imageAlt: "Heat pump installation and repair"},
|
||
{
|
||
id: "4", name: "Thermostat Installation & Repair", 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"},
|
||
{
|
||
id: "5", name: "Duct Cleaning & Air Quality", 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: "6", name: "24/7 Emergency HVAC Service", price: "Immediate Response", imageSrc: "http://img.b2bpic.net/free-photo/defective-external-air-conditioner_482257-91071.jpg", imageAlt: "HVAC technician responding to an emergency call"},
|
||
{
|
||
id: "7", name: "Preventative Maintenance Plans", 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"}
|
||
]}
|
||
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="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">
|
||
<ContactSplitForm
|
||
useInvertedBackground={false}
|
||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-working-as-plumber_23-2150746293.jpg?_wi=2"
|
||
imageAlt="HVAC technician working"
|
||
mediaPosition="right"
|
||
title="Schedule Your HVAC Service Today"
|
||
description="Fill out the form below to schedule a service or request a free quote. Our team will get back to you promptly."
|
||
inputs={[
|
||
{
|
||
name: "firstName", type: "text", placeholder: "First Name", required: true
|
||
},
|
||
{
|
||
name: "lastName", type: "text", placeholder: "Last Name", required: true
|
||
},
|
||
{
|
||
name: "email", type: "email", placeholder: "Email", required: true
|
||
},
|
||
{
|
||
name: "phone", type: "tel", placeholder: "Phone", required: true
|
||
}
|
||
]}
|
||
buttonText="Submit Request"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterSimple
|
||
columns={[
|
||
{
|
||
title: "Services", items: [
|
||
{
|
||
label: "Air Conditioning Services", href: "#services"},
|
||
{
|
||
label: "Heating System Services", href: "#services"},
|
||
{
|
||
label: "Heat Pump Services", href: "#services"},
|
||
{
|
||
label: "Thermostat Installation & Repair", href: "#services"},
|
||
{
|
||
label: "Duct Cleaning & Air Quality", href: "#services"},
|
||
{
|
||
label: "Preventative Maintenance Plans", href: "#services"},
|
||
{
|
||
label: "24/7 Emergency HVAC 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: "Location: 221 Gunther Place, Glen Burnie, Maryland 21060"},
|
||
{
|
||
label: "Phone: 301-246-2456", href: "tel:3012462456"},
|
||
{
|
||
label: "Email: info@usahvac.com", href: "mailto:info@usahvac.com"},
|
||
{
|
||
label: "Facebook", href: "https://facebook.com/usahvacservices"},
|
||
{
|
||
label: "Instagram", href: "https://instagram.com/usahvacservices"}
|
||
],
|
||
},
|
||
]}
|
||
bottomLeftText="Copyright © 2026 USA HVAC Services"
|
||
bottomRightText="Privacy Policy | Terms of Service"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |