294 lines
13 KiB
TypeScript
294 lines
13 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||
import { CheckCircle, Clock, DollarSign, Home, PhoneCall, Search, ShieldCheck, Zap } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-shift"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="rounded"
|
||
contentWidth="smallMedium"
|
||
sizing="largeSizeMediumTitles"
|
||
background="circleGradient"
|
||
cardStyle="subtle-shadow"
|
||
primaryButtonStyle="double-inset"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="light"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
navItems={[
|
||
{
|
||
name: "About", id: "#about"},
|
||
{
|
||
name: "Services", id: "#services"},
|
||
{
|
||
name: "Why Us", id: "#why-us"},
|
||
{
|
||
name: "Reviews", id: "#reviews"},
|
||
{
|
||
name: "Book Now", id: "#contact"},
|
||
]}
|
||
brandName="J C Heating & Cooling"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardTestimonial
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "gradient-bars"}}
|
||
title="Comfort You Can Trust, Without the Sales Pressure."
|
||
description="At J C Heating & Cooling, we fix what’s wrong—we don’t just sell you what’s new. Local experts dedicated to reliable, honest service that makes your home feel right."
|
||
testimonials={[
|
||
{
|
||
name: "Sarah J.", handle: "@homeowner", testimonial: "They didn’t try to sell me a new unit—they actually fixed the problem.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/seasoned-mechanic-using-soft-dusting-brush-sweep-away-built-up-layer-dirt-debris-from-hvac-system-coil-while-adept-repairman-refills-air-conditioner-cooling-system-refrigerant-tank_482257-63969.jpg", imageAlt: "modern home hvac system cinematic shot"},
|
||
{
|
||
name: "Michael R.", handle: "@homeowner", testimonial: "Super personal, professional, and very knowledgeable.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/specialist-phone-with-home-owner_482257-80143.jpg", imageAlt: "air conditioning repair residential service"},
|
||
{
|
||
name: "Emily D.", handle: "@homeowner", testimonial: "I cannot recommend them enough.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-engineer-adjusting-autonomous-heating_1303-26539.jpg", imageAlt: "home heating repair expert"},
|
||
{
|
||
name: "David L.", handle: "@homeowner", testimonial: "They kept coming back until the issue was fully fixed.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-city-building-with-air-conditioning-units_23-2148798635.jpg", imageAlt: "hvac installation service clean"},
|
||
{
|
||
name: "Amanda K.", handle: "@homeowner", testimonial: "Absolutely love this company. Super pleasant to deal with.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24154.jpg", imageAlt: "hvac tune up service resident"},
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Book Service Now", href: "#contact"},
|
||
{
|
||
text: "Get Free Estimate", href: "#contact"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/seasoned-mechanic-using-soft-dusting-brush-sweep-away-built-up-layer-dirt-debris-from-hvac-system-coil-while-adept-repairman-refills-air-conditioner-cooling-system-refrigerant-tank_482257-63969.jpg"
|
||
imageAlt="Cinematic view of professional HVAC service"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/woman-using-smart-speaker-medium-shot_23-2149936227.jpg", alt: "Customer"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990733.jpg", alt: "Customer"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5064.jpg", alt: "Customer"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/close-up-view-woman-kitchen_197531-32481.jpg", alt: "Customer"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/business-woman-smiling-with-top-hat-thumbs-up_1187-1549.jpg", alt: "Customer"},
|
||
]}
|
||
marqueeItems={[
|
||
{
|
||
type: "text-icon", text: "Licensed & Insured", icon: ShieldCheck,
|
||
},
|
||
{
|
||
type: "text-icon", text: "Same-Day Response", icon: Clock,
|
||
},
|
||
{
|
||
type: "text-icon", text: "Local Owned & Operated", icon: Home,
|
||
},
|
||
{
|
||
type: "text-icon", text: "Transparent Pricing", icon: DollarSign,
|
||
},
|
||
{
|
||
type: "text-icon", text: "24/7 Emergency Support", icon: PhoneCall,
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<AboutMetric
|
||
useInvertedBackground={true}
|
||
title="A Local Team That Actually Cares"
|
||
metrics={[
|
||
{
|
||
icon: ShieldCheck,
|
||
label: "Locally Trusted", value: "100%"},
|
||
{
|
||
icon: Zap,
|
||
label: "Fast Service", value: "Same Day"},
|
||
{
|
||
icon: Search,
|
||
label: "Honest Diagnostics", value: "True"},
|
||
]}
|
||
metricsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardTen
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "AC Repair", description: "Quick, honest repairs that get you back to cool quickly.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/specialist-phone-with-home-owner_482257-80143.jpg"},
|
||
items: [
|
||
{
|
||
icon: CheckCircle,
|
||
text: "24/7 Support"},
|
||
{
|
||
icon: CheckCircle,
|
||
text: "Transparent Pricing"},
|
||
],
|
||
reverse: false,
|
||
},
|
||
{
|
||
title: "Heating Repair", description: "We don’t stop until your heat is working exactly as it should.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-engineer-adjusting-autonomous-heating_1303-26539.jpg"},
|
||
items: [
|
||
{
|
||
icon: CheckCircle,
|
||
text: "Expert Technicians"},
|
||
{
|
||
icon: CheckCircle,
|
||
text: "Honest Fixes"},
|
||
],
|
||
reverse: true,
|
||
},
|
||
{
|
||
title: "HVAC Installation", description: "Professional setup when you need it, done right the first time.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-city-building-with-air-conditioning-units_23-2148798635.jpg"},
|
||
items: [
|
||
{
|
||
icon: CheckCircle,
|
||
text: "Clean Installation"},
|
||
{
|
||
icon: CheckCircle,
|
||
text: "Zero Upselling"},
|
||
],
|
||
reverse: false,
|
||
},
|
||
{
|
||
title: "Maintenance", description: "Keep your home feeling perfect all year round with our tune-ups.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24154.jpg"},
|
||
items: [
|
||
{
|
||
icon: CheckCircle,
|
||
text: "Preventive Care"},
|
||
{
|
||
icon: CheckCircle,
|
||
text: "Full System Check"},
|
||
],
|
||
reverse: true,
|
||
},
|
||
]}
|
||
title="Reliable Services, Honest Recommendations"
|
||
description="We specialize in real solutions. Whether it’s a quick fix or a complex install, expect the same level of respect and persistence."
|
||
/>
|
||
</div>
|
||
|
||
<div id="why-us" data-section="why-us">
|
||
<MetricCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
gridVariant="bento-grid"
|
||
useInvertedBackground={true}
|
||
metrics={[
|
||
{
|
||
id: "1", value: "We Fix First", description: "Before we replace, we diagnose and try to repair. We save you money, not push products."},
|
||
{
|
||
id: "2", value: "Persistence", description: "We don't leave until it's right. If a problem persists, we keep coming back until it's fully resolved."},
|
||
{
|
||
id: "3", value: "Local Experts", description: "Not corporate salespeople—just friendly, highly knowledgeable local technicians."},
|
||
]}
|
||
title="Why Our Neighbors Choose Us"
|
||
description="We don't just work on houses; we serve homes. Every technician shares our commitment to honesty, persistence, and respectful care."
|
||
/>
|
||
</div>
|
||
|
||
<div id="reviews" data-section="reviews">
|
||
<TestimonialCardFifteen
|
||
useInvertedBackground={false}
|
||
testimonial="They didn’t try to sell me a new unit—they actually fixed the problem. Super personal, professional, and very knowledgeable. I cannot recommend them enough."
|
||
rating={5}
|
||
author="Sarah J., Local Homeowner"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/woman-using-smart-speaker-medium-shot_23-2149936227.jpg", alt: "Customer"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990733.jpg", alt: "Customer"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5064.jpg", alt: "Customer"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/close-up-view-woman-kitchen_197531-32481.jpg", alt: "Customer"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/business-woman-smiling-with-top-hat-thumbs-up_1187-1549.jpg", alt: "Customer"},
|
||
]}
|
||
ratingAnimation="blur-reveal"
|
||
avatarsAnimation="blur-reveal"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
useInvertedBackground={true}
|
||
title="Ready for Comfort That Lasts?"
|
||
description="Tired of HVAC companies that just want to sell you something? Call the team that actually fixes the problem. Same-day service available."
|
||
inputs={[
|
||
{
|
||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||
},
|
||
{
|
||
name: "phone", type: "tel", placeholder: "Your Phone Number", required: true,
|
||
},
|
||
]}
|
||
textarea={{
|
||
name: "issue", placeholder: "Describe your HVAC issue...", rows: 4,
|
||
required: true,
|
||
}}
|
||
imageSrc="http://img.b2bpic.net/free-photo/young-loader-holding-board-with-hand-head-uniform-looking-pensive-front-view_176474-21345.jpg"
|
||
buttonText="Book Service Now"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBase
|
||
columns={[
|
||
{
|
||
title: "Company", items: [
|
||
{
|
||
label: "About Us", href: "#about"},
|
||
{
|
||
label: "Our Services", href: "#services"},
|
||
],
|
||
},
|
||
{
|
||
title: "Contact", items: [
|
||
{
|
||
label: "(555) 123-4567", href: "tel:5551234567"},
|
||
{
|
||
label: "Service Area", href: "#"},
|
||
],
|
||
},
|
||
{
|
||
title: "Legal", items: [
|
||
{
|
||
label: "Privacy Policy", href: "#"},
|
||
{
|
||
label: "Terms of Service", href: "#"},
|
||
],
|
||
},
|
||
]}
|
||
logoText="J C Heating & Cooling"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|