373 lines
11 KiB
TypeScript
373 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import { AlertTriangle, Clock, Home, ShieldCheck, Wrench } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="mediumLarge"
|
|
background="fluid"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Services",
|
|
id: "services",
|
|
},
|
|
{
|
|
name: "Why D&E",
|
|
id: "why",
|
|
},
|
|
{
|
|
name: "Reviews",
|
|
id: "reviews",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="D&E Heating & Air"
|
|
button={{
|
|
text: "Call Now: 555-0123",
|
|
href: "tel:5550123",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
title="Texas Heat Won't Wait. We're Here 24/7."
|
|
description="Don't sweat the small stuff. D&E provides honest, owner-led heating and cooling services across Texas with upfront pricing and no surprise upsells."
|
|
kpis={[
|
|
{
|
|
value: "4.8/5",
|
|
label: "Google Reviews",
|
|
},
|
|
{
|
|
value: "104",
|
|
label: "Recent Jobs",
|
|
},
|
|
{
|
|
value: "24/7",
|
|
label: "Emergency Support",
|
|
},
|
|
]}
|
|
enableKpiAnimation={true}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-skillful-technician-commissioned-outside-hvac-system-routine-maintenance-looking-refrigerant-issues-meticulous-mechanic-doing-air-conditioner-inspection-writing-data-tablet_482257-66265.jpg"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-professional-engineer-standing-front-fixed-air-conditioner-proud-work-done-skilled-technician-contracted-by-customer-happy-with-smooth-maintenance-hvac-system-components_482257-70160.jpg",
|
|
alt: "Portrait of professional engineer standing in front of fixed air conditioner",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55595.jpg",
|
|
alt: "A man installs a heating system",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-55756.jpg",
|
|
alt: "The technician checking the heating system",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55837.jpg",
|
|
alt: "A man installs a heating system",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/coworkers-servicing-hvac-system_482257-91024.jpg",
|
|
alt: "Coworkers servicing hvac system",
|
|
},
|
|
]}
|
|
avatarText="Trusted by 500+ Local Families"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon",
|
|
text: "Licensed",
|
|
icon: ShieldCheck,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Insured",
|
|
icon: AlertTriangle,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "24/7 Service",
|
|
icon: Clock,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Local Owned",
|
|
icon: Home,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Certified Pros",
|
|
icon: Wrench,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services-ticker" data-section="services-ticker">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"AC Installation",
|
|
"Heating Repair",
|
|
"Emergency Service",
|
|
"Routine Tune-ups",
|
|
"Coil Cleaning",
|
|
"System Upgrades",
|
|
"Air Quality",
|
|
]}
|
|
title="Our Services"
|
|
description="Professional residential climate solutions."
|
|
/>
|
|
</div>
|
|
|
|
<div id="services-grid" data-section="services-grid">
|
|
<FeatureCardTwentyOne
|
|
useInvertedBackground={false}
|
|
title="Comprehensive Climate Solutions"
|
|
description="From emergency repairs to seasonal tune-ups, Danny and the D&E team ensure your home stays perfectly comfortable year-round."
|
|
accordionItems={[
|
|
{
|
|
id: "1",
|
|
title: "AC Installation & Repair",
|
|
content: "Full system installation and rapid response repairs.",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Heating Services",
|
|
content: "Reliable heat and furnace solutions for Texas winters.",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Emergency Maintenance",
|
|
content: "24/7 emergency service when you need us most.",
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Routine Tune-ups",
|
|
content: "Preventative maintenance to extend system life.",
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Coil Servicing",
|
|
content: "Professional cleaning for maximum efficiency.",
|
|
},
|
|
{
|
|
id: "6",
|
|
title: "System Upgrades",
|
|
content: "High-efficiency unit upgrades and installation.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17798.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="why" data-section="why">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={true}
|
|
heading={[
|
|
{
|
|
type: "text",
|
|
content: "Why D&E Heating & Air",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/close-up-hvac-system-manometers_482257-90544.jpg",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah J.",
|
|
role: "Homeowner",
|
|
testimonial: "D&E saved us on the hottest day of the year. Professional and fair.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-warming-up-together_23-2149339543.jpg",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Mark D.",
|
|
role: "Local Resident",
|
|
testimonial: "Honest pricing and no hidden upsells. Danny is the best.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-handsome-dark-haired-latin-man-posing-with-arms-folded-kitchen_74855-8094.jpg",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Elena R.",
|
|
role: "Client",
|
|
testimonial: "Responsive, friendly, and efficient service. Highly recommend.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-man-searching-home-rent-holding-house-paper-maket-smiling-st_1258-149935.jpg",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David K.",
|
|
role: "Property Owner",
|
|
testimonial: "Reliable maintenance year after year. Always on time.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/elderly-couple-talking_23-2148116315.jpg",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Jessica L.",
|
|
role: "Homeowner",
|
|
testimonial: "Finally found an HVAC company I trust. Great work.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/plumber-doing-victory-gesture_1368-6312.jpg",
|
|
},
|
|
]}
|
|
title="Trusted by Local Homeowners"
|
|
description="Real feedback from our satisfied neighbors."
|
|
/>
|
|
</div>
|
|
|
|
<div id="process" data-section="process">
|
|
<FeatureCardTwentyOne
|
|
useInvertedBackground={true}
|
|
title="Our 4-Step Process"
|
|
description="How we get your system back in shape fast."
|
|
accordionItems={[
|
|
{
|
|
id: "1",
|
|
title: "Request Service",
|
|
content: "Call us or book online for priority service.",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Expert Diagnosis",
|
|
content: "We assess the issue thoroughly without pressure.",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Upfront Estimate",
|
|
content: "Clear, transparent pricing before we start.",
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Quality Repair",
|
|
content: "Fast, high-quality work to get you back to comfort.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/technology-texture-background_23-2148105466.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="cta" data-section="cta">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "sparkles-gradient",
|
|
}}
|
|
text="Texas Heat Won't Wait. Contact D&E Today."
|
|
buttons={[
|
|
{
|
|
text: "Call 555-0123",
|
|
href: "tel:5550123",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
text="Get in touch for reliable HVAC support."
|
|
buttons={[
|
|
{
|
|
text: "Request a Quote",
|
|
href: "#",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "About D&E",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Services",
|
|
href: "#services",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{
|
|
label: "Emergency Info",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "FAQ",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{
|
|
label: "555-0123",
|
|
href: "tel:5550123",
|
|
},
|
|
{
|
|
label: "support@deheating.com",
|
|
href: "mailto:support@deheating.com",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 D&E Heating & Air. All rights reserved."
|
|
bottomRightText="Owned & Operated by Danny."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|