371 lines
13 KiB
TypeScript
371 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import { Award, Clock, DollarSign, Facebook, MapPin, ShieldCheck } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="large"
|
|
background="fluid"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "#hero",
|
|
},
|
|
{
|
|
name: "Services",
|
|
id: "#services",
|
|
},
|
|
{
|
|
name: "Why Us",
|
|
id: "#why-choose-us",
|
|
},
|
|
{
|
|
name: "Service Area",
|
|
id: "#service-area",
|
|
},
|
|
{
|
|
name: "Reviews",
|
|
id: "#reviews",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "#contact",
|
|
},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-vector/real-estate-logo-template-design-minimalist_698780-849.jpg"
|
|
logoAlt="Apex Heating & Air Conditioning Logo"
|
|
brandName="Apex Heating & Air Conditioning"
|
|
button={{
|
|
text: "Request a Free Quote",
|
|
href: "#contact",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
title="Keeping Cary Comfortable Year-Round"
|
|
description="Your trusted local experts for reliable heating and air conditioning services in Cary, NC and surrounding areas. Experience comfort you can count on."
|
|
buttons={[
|
|
{
|
|
text: "Request a Free Quote",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/full-shot-people-spending-time-indoors_23-2149535990.jpg"
|
|
imageAlt="Modern home with comfortable heating and cooling system"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",
|
|
alt: "Happy customer testimonial",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
|
|
alt: "Satisfied client",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
|
|
alt: "Smiling homeowner",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-entrepreneur-posing-camera_1262-3636.jpg",
|
|
alt: "Apex HVAC customer",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/serious-executive-with-short-hair-crossed-arms_1149-89.jpg",
|
|
alt: "Trusted service user",
|
|
},
|
|
]}
|
|
avatarText="Trusted by 500+ Local Families"
|
|
marqueeItems={[
|
|
{
|
|
type: "text",
|
|
text: "Reliable Service",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Expert Technicians",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Local to Cary, NC",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Customer Satisfaction",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "24/7 Emergency Support",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentySeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "ac-installation",
|
|
title: "AC Installation",
|
|
descriptions: [
|
|
"Expert installation of new air conditioning systems for optimal performance and energy efficiency.",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/trained-worker-dissasembling-air-conditioner-outer-front-grill-order-start-servicing-broken-internal-parts-knowleadgeable-engineer-comissioned-by-home-owner-maintenance-hvac-system_482257-70163.jpg",
|
|
imageAlt: "AC unit installation",
|
|
},
|
|
{
|
|
id: "ac-repair",
|
|
title: "AC Repair",
|
|
descriptions: [
|
|
"Fast and reliable repairs to get your air conditioner running smoothly, minimizing downtime and discomfort.",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/coworkers-refill-air-conditioner-freon_482257-90737.jpg",
|
|
imageAlt: "AC unit repair",
|
|
},
|
|
{
|
|
id: "heating-installation",
|
|
title: "Heating Installation",
|
|
descriptions: [
|
|
"Professional installation of furnaces, heat pumps, and other heating systems tailored to your home's needs.",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg",
|
|
imageAlt: "Heating system installation",
|
|
},
|
|
{
|
|
id: "heating-repair",
|
|
title: "Heating Repair",
|
|
descriptions: [
|
|
"Swift diagnosis and repair of heating issues to restore warmth and comfort to your home.",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-working-as-plumber_23-2151230004.jpg",
|
|
imageAlt: "Heating system repair",
|
|
},
|
|
{
|
|
id: "maintenance-plans",
|
|
title: "Maintenance Plans",
|
|
descriptions: [
|
|
"Preventative maintenance to extend the lifespan of your HVAC system, improve efficiency, and prevent costly breakdowns.",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/car-accessories-with-copy-space_23-2149030407.jpg",
|
|
imageAlt: "HVAC maintenance",
|
|
},
|
|
{
|
|
id: "emergency-service",
|
|
title: "Emergency Service",
|
|
descriptions: [
|
|
"24/7 emergency services for unexpected HVAC breakdowns, ensuring help is always available when you need it most.",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/wireman-does-air-conditioner-maintenance_482257-85109.jpg",
|
|
imageAlt: "Emergency HVAC service",
|
|
},
|
|
]}
|
|
title="Comprehensive HVAC Services for Your Home"
|
|
description="From installation to emergency repairs, Apex Heating & Air Conditioning offers a full range of services to ensure your comfort."
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-choose-us" data-section="why-choose-us">
|
|
<MetricCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "local-experts",
|
|
value: "Local",
|
|
title: "Cary-Area Experts",
|
|
description: "Deep understanding of local climate needs and community values.",
|
|
icon: MapPin,
|
|
},
|
|
{
|
|
id: "licensed-insured",
|
|
value: "Fully",
|
|
title: "Licensed & Insured",
|
|
description: "Peace of mind knowing you're working with certified professionals.",
|
|
icon: ShieldCheck,
|
|
},
|
|
{
|
|
id: "fast-response",
|
|
value: "Rapid",
|
|
title: "Response Times",
|
|
description: "Quick service to address your HVAC emergencies and needs.",
|
|
icon: Clock,
|
|
},
|
|
{
|
|
id: "upfront-pricing",
|
|
value: "Transparent",
|
|
title: "Upfront Pricing",
|
|
description: "No hidden fees or surprises, just clear and honest quotes.",
|
|
icon: DollarSign,
|
|
},
|
|
{
|
|
id: "satisfaction-guaranteed",
|
|
value: "Guaranteed",
|
|
title: "Satisfaction",
|
|
description: "Our commitment to your comfort and happiness is our priority.",
|
|
icon: Award,
|
|
},
|
|
]}
|
|
title="Why Apex is Cary's Top HVAC Choice"
|
|
description="We are committed to providing unparalleled service with integrity and local expertise. Our values ensure your complete satisfaction."
|
|
/>
|
|
</div>
|
|
|
|
<div id="service-area" data-section="service-area">
|
|
<TextSplitAbout
|
|
useInvertedBackground={false}
|
|
title="Serving Cary, NC and Beyond"
|
|
description={[
|
|
"Apex Heating & Air Conditioning proudly serves the HVAC needs of Cary, NC, and the surrounding communities. Our dedicated team is ready to provide fast, reliable service to ensure your home remains comfortable.",
|
|
"Our primary service area includes Cary, NC. We also extend our expert services to nearby towns such as Apex, Morrisville, Raleigh, and Holly Springs. If you're in the region and need reliable HVAC solutions, don't hesitate to give us a call!",
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah J.",
|
|
role: "Homeowner",
|
|
company: "Cary, NC",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg",
|
|
imageAlt: "Sarah J.",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Michael T.",
|
|
role: "Business Owner",
|
|
company: "Apex, NC",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman_23-2148137687.jpg",
|
|
imageAlt: "Michael T.",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Emily R.",
|
|
role: "Resident",
|
|
company: "Morrisville, NC",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586564.jpg",
|
|
imageAlt: "Emily R.",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David K.",
|
|
role: "Property Manager",
|
|
company: "Raleigh, NC",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/joyful-pretty-female-with-hair-knot-wearing-casual-t-shirt-smiling-pleasantly-demonstrating-white-perfect-teeth_273609-309.jpg",
|
|
imageAlt: "David K.",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Jessica L.",
|
|
role: "Homeowner",
|
|
company: "Holly Springs, NC",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-light-blue-suit-glasses-white_158538-11364.jpg",
|
|
imageAlt: "Jessica L.",
|
|
},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "500+",
|
|
label: "Happy Customers",
|
|
},
|
|
{
|
|
value: "15+",
|
|
label: "Years Experience",
|
|
},
|
|
{
|
|
value: "99%",
|
|
label: "Satisfaction Rate",
|
|
},
|
|
]}
|
|
title="Hear From Our Satisfied Customers"
|
|
description="Our clients in Cary trust us for dependable, high-quality HVAC service. Read what they have to say about Apex Heating & Air Conditioning and consider leaving us a Google review!"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
tag="Get in Touch"
|
|
title="Schedule Your Service Today"
|
|
description="Contact Apex Heating & Air Conditioning for reliable HVAC services. We're open 8 AM - 5 PM, Monday - Friday, and available for emergency service. Call us at (919) 561-5559, or fill out the form below to request a callback."
|
|
imageSrc="http://img.b2bpic.net/free-photo/impressed-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-looking-pointing-up-isolated-white_141793-77442.jpg"
|
|
imageAlt="Friendly HVAC technician smiling"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Your Email"
|
|
buttonText="Request a Callback"
|
|
termsText="Our team will respond promptly to your inquiry."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoSrc="http://img.b2bpic.net/free-vector/real-estate-logo-template-design-minimalist_698780-849.jpg"
|
|
logoAlt="Apex Heating & Air Conditioning Logo"
|
|
logoText="Apex Heating & Air Conditioning"
|
|
copyrightText="© 2024 Apex Heating & Air Conditioning. All rights reserved."
|
|
socialLinks={[
|
|
{
|
|
icon: Facebook,
|
|
href: "#",
|
|
ariaLabel: "Facebook",
|
|
},
|
|
{
|
|
icon: MapPin,
|
|
href: "https://www.google.com/maps/search/Apex+Heating+%26+Air+Conditioning+Cary,+NC",
|
|
ariaLabel: "Google Maps",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|