221 lines
12 KiB
TypeScript
221 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
|
|
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
|
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
|
|
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
|
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
|
import Link from "next/link";
|
|
import { Wrench, Flame, CheckCircle, AlertCircle, Home, Quote } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Spence Heating & Air"
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{
|
|
text: "Call Now", href: "tel:(770) 979-3311"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
tag="Local HVAC Experts"
|
|
title="Trusted Heating & Air Conditioning for Snellville Homes"
|
|
description="With 4.9 stars from 28 satisfied customers, Spence Heating & Air has been providing reliable HVAC solutions to Snellville families for years. Expert service, honest pricing, and 24/7 emergency support."
|
|
background={{ variant: "plain" }}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/knowleadgeable-engineer-commissioned-leaks-checking-making-sure-all-hvac-system-vents-are-clear-debris-efficient-technician-doing-annual-maintenance-inspection-finishing-paperwork_482257-63964.jpg?_wi=1", imageAlt: "Spence Heating & Air professional technician team"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/ventilation-duct-building-roof_1387-547.jpg", imageAlt: "Modern HVAC air conditioning unit installation"},
|
|
]}
|
|
rating={5}
|
|
ratingText="Rated 4.9/5 by local customers"
|
|
buttons={[
|
|
{
|
|
text: "Call Now: (770) 979-3311", href: "tel:(770) 979-3311"},
|
|
{
|
|
text: "Request Service", href: "/contact"},
|
|
]}
|
|
tagAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/technologies-make-life-easier-portrait-cheerful-young-man-smiling-joyfully-happy-with-his-newly-bought-laptop-pc-while-using-it-remote-work-sitting-modern-cafeteria-coffee-break_273609-1942.jpg", imageAlt: "Sarah Johnson testimonial"},
|
|
{
|
|
id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/portrait-call-center-woman_23-2148094816.jpg", imageAlt: "Michael Chen testimonial"},
|
|
{
|
|
id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-corporate-manager-sitting-with-hands-clasped-outside-office_662251-2057.jpg", imageAlt: "Emily Rodriguez testimonial"},
|
|
{
|
|
id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-travel-agency_52683-136448.jpg", imageAlt: "David Kim testimonial"},
|
|
]}
|
|
cardTitle="Join hundreds of satisfied Snellville customers who trust Spence Heating & Air"
|
|
cardTag="Customer Testimonials"
|
|
cardAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyFive
|
|
features={[
|
|
{
|
|
title: "AC Repair & Service", description: "Expert diagnosis and repair of air conditioning systems. Fast service to get your home cool again.", icon: Wrench,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg?_wi=1", imageAlt: "HVAC technician performing AC repair"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/service-man-instelling-house-heating-system-floor_1303-26531.jpg?_wi=1", imageAlt: "Professional air conditioning maintenance"},
|
|
],
|
|
},
|
|
{
|
|
title: "Heating System Installation", description: "Professional installation of new heating systems with energy-efficient models for maximum comfort.", icon: Flame,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/service-man-instelling-house-heating-system-floor_1303-26531.jpg?_wi=2", imageAlt: "Heating system installation work"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg?_wi=2", imageAlt: "Technician installing heating equipment"},
|
|
],
|
|
},
|
|
{
|
|
title: "Preventive Maintenance", description: "Regular maintenance keeps your system running smoothly and prevents costly repairs down the road.", icon: CheckCircle,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg?_wi=3", imageAlt: "HVAC preventive maintenance service"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/service-man-instelling-house-heating-system-floor_1303-26531.jpg?_wi=3", imageAlt: "Air filter replacement and inspection"},
|
|
],
|
|
},
|
|
{
|
|
title: "Emergency 24/7 Service", description: "HVAC emergencies don't wait. We're available around the clock for urgent heating and cooling issues.", icon: AlertCircle,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/service-man-instelling-house-heating-system-floor_1303-26531.jpg?_wi=4", imageAlt: "Emergency HVAC service response"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg?_wi=4", imageAlt: "Rapid response technician arrival"},
|
|
],
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
title="Our HVAC Services"
|
|
description="Comprehensive heating and cooling solutions for your home. From routine maintenance to emergency repairs, we've got you covered."
|
|
tag="Professional Services"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="Family-Owned Business"
|
|
title="Serving Snellville with Integrity and Expertise"
|
|
description="Founded on principles of honest work, fair pricing, and customer commitment."
|
|
subdescription="Spence Heating & Air Conditioning Inc. - Your trusted local HVAC partner"
|
|
icon={Home}
|
|
imageSrc="http://img.b2bpic.net/free-photo/family-generations_1098-15784.jpg"
|
|
imageAlt="Spence Heating & Air professional team"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
metrics={[
|
|
{
|
|
id: "1", value: "4.9★", title: "Customer Rating", description: "Consistently excellent service and satisfaction", imageSrc: "http://img.b2bpic.net/free-photo/knowleadgeable-engineer-commissioned-leaks-checking-making-sure-all-hvac-system-vents-are-clear-debris-efficient-technician-doing-annual-maintenance-inspection-finishing-paperwork_482257-63964.jpg?_wi=2", imageAlt: "Trusted HVAC service team"},
|
|
{
|
|
id: "2", value: "28+", title: "Reviews", description: "Proven track record of happy homeowners", imageSrc: "http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg?_wi=5", imageAlt: "Professional HVAC service"},
|
|
]}
|
|
title="Why Choose Spence Heating & Air"
|
|
description="Industry-leading service with proven results and customer satisfaction."
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to experience the Spence difference? Contact us today for fast, reliable HVAC service in Snellville."
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{
|
|
text: "Call (770) 979-3311", href: "tel:(770) 979-3311"},
|
|
{
|
|
text: "Request Service", href: "/contact"},
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="Spence HVAC"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Home", href: "/"},
|
|
{
|
|
label: "Services", href: "#services"},
|
|
{
|
|
label: "About", href: "#about"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Contact", href: "tel:(770) 979-3311"},
|
|
{
|
|
label: "Request Service", href: "/contact"},
|
|
{
|
|
label: "Emergency Service", href: "tel:(770) 979-3311"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "3225 Industrial Way SW", href: "#"},
|
|
{
|
|
label: "Snellville, GA 30039", href: "#"},
|
|
{
|
|
label: "Open · Closes 5 PM", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |