258 lines
12 KiB
TypeScript
258 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import { Shield } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root={true}>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"
|
|
},
|
|
{
|
|
name: "Services", id: "#services"
|
|
},
|
|
{
|
|
name: "Maintenance", id: "#maintenance"
|
|
},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"
|
|
},
|
|
{
|
|
name: "Contact", id: "#contact"
|
|
}
|
|
]}
|
|
button={{
|
|
text: "Get Free Estimate", href: "#contact"
|
|
}}
|
|
topBarButton={{
|
|
text: "Call (561) 889-4908", href: "tel:+15618894908"
|
|
}}
|
|
brandName="TOO COOL HVAC"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
background={{
|
|
variant: "sparkles-gradient"
|
|
}}
|
|
title="South Florida's Trusted HVAC Experts"
|
|
description="Professional AC Repair, Installation & Maintenance Services That Keep Your Home Comfortable Year-Round."
|
|
tag="✓ Fast Response Times • Licensed & Insured • Emergency Service Available • 5-Star Customer Satisfaction"
|
|
buttons={[
|
|
{
|
|
text: "Get Free Estimate", href: "#contact"
|
|
},
|
|
{
|
|
text: "Call (561) 889-4908", href: "tel:+15618894908"
|
|
}
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tropical-beach-front-hotel-resort-with-swimming-pool-paradise-destination-vacations-ge_1258-150766.jpg", imageAlt: "Luxury South Florida home at sunset with pool"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-gold-coast-skyline-beach-golden-hour_1308-189503.jpg", imageAlt: "Modern living room interior with AC unit"
|
|
}
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={5}
|
|
ratingText="5-Star Customer Satisfaction"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"90+ Followers", "5-Star Local Reputation", "Serving South Florida", "Trusted Home Comfort Specialists", "Family-Owned", "Emergency Ready", "Licensed & Insured"
|
|
]}
|
|
title="Trusted by South Florida Homeowners"
|
|
description="We're proud of our commitment to excellence and customer satisfaction."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={false}
|
|
title="Not Cool? Call Too Cool. Why Homeowners Trust TOO COOL HVAC"
|
|
buttons={[
|
|
{
|
|
text: "Get Free Estimate", href: "#contact"
|
|
},
|
|
{
|
|
text: "Call (561) 889-4908", href: "tel:+15618894908"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: "ac-repair", title: "AC Repair", author: "HVAC Experts", description: "Fast diagnostics and repairs to restore comfort quickly.", tags: [
|
|
"Emergency", "Reliable"
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_23-2148138537.jpg", imageAlt: "AC Repair"
|
|
},
|
|
{
|
|
id: "ac-installation", title: "AC Installation", author: "Certified Technicians", description: "Energy-efficient systems professionally installed for maximum performance.", tags: [
|
|
"New Systems", "Efficiency"
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-home-technology_23-2149216632.jpg", imageAlt: "AC Installation"
|
|
},
|
|
{
|
|
id: "hvac-maintenance", title: "HVAC Maintenance", author: "Preventative Care", description: "Prevent breakdowns and extend equipment life with our comprehensive plans.", tags: [
|
|
"Long-term", "Savings"
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17661.jpg", imageAlt: "HVAC Maintenance"
|
|
},
|
|
{
|
|
id: "indoor-air-quality", title: "Indoor Air Quality", author: "Health & Comfort", description: "Cleaner air solutions for healthier homes and improved well-being.", tags: [
|
|
"Healthy Home", "Filtration"
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-home-technology_23-2149216657.jpg", imageAlt: "Indoor Air Quality"
|
|
},
|
|
{
|
|
id: "emergency-hvac", title: "Emergency HVAC Service", author: "24/7 Response", description: "Rapid response when comfort can't wait during unexpected breakdowns.", tags: [
|
|
"Urgent", "Breakdowns"
|
|
],
|
|
imageSrc: "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", imageAlt: "Emergency HVAC Service"
|
|
}
|
|
]}
|
|
title="Our Premium HVAC Services"
|
|
description="Expert solutions for every aspect of your home's comfort."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={false}
|
|
testimonial={`"By far the best AC company to deal with! They were very professional, cleaned the unit and got us back up and running quickly. We were very happy with their fast response."`}
|
|
rating={5}
|
|
author="Leanuska Oporta"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022640.jpg", alt: "Leanuska Oporta"
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/sleepy-mixed-race-man-portrait-deep-blue-background_633478-2108.jpg", alt: "Patricia Prece"
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-portrait-unshaven-handsome-young-hipster-guy-looks-with-dark-shining-eyes-pleased-smile_273609-8596.jpg", alt: "Saniya Miller"
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-businessman-with-bruises_1098-1086.jpg", alt: "Michael Rodriguez"
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-female-grey-t-shirt-looking-cheerful-front-view_176474-15991.jpg", alt: "Jessica Thompson"
|
|
}
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="maintenance" data-section="maintenance">
|
|
<PricingCardEight
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
plans={[
|
|
{
|
|
id: "maintenance-plan", badge: "Smart Choice", badgeIcon: Shield, price: "Contact for Details", subtitle: "Comprehensive Annual Care", buttons: [
|
|
{
|
|
text: "Join Maintenance Program", href: "#contact"
|
|
}
|
|
],
|
|
features: [
|
|
"Priority Scheduling", "Reduced Repair Costs", "System Performance Checks", "Longer Equipment Life", "Improved Efficiency"
|
|
]
|
|
}
|
|
]}
|
|
title="Protect Your Comfort Year-Round"
|
|
description="Join our maintenance program for peace of mind and long-term savings."
|
|
/>
|
|
</div>
|
|
|
|
<div id="emergency" data-section="emergency">
|
|
<MetricCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "emergency-response", value: "24/7", title: "Emergency Ready", description: "Rapid response for all your urgent HVAC needs.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-soldier-helmet_23-2151633335.jpg", imageAlt: "24/7 Emergency Service Icon"
|
|
}
|
|
]}
|
|
title="AC Breakdown? We're Ready."
|
|
description="Florida heat doesn't wait—and neither should you. Our team provides fast HVAC solutions designed to restore comfort quickly and efficiently."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "gradient-bars"
|
|
}}
|
|
text="Ready For Reliable Home Comfort?\nGet expert HVAC service from a team that puts professionalism, honesty, and customer satisfaction first."
|
|
buttons={[
|
|
{
|
|
text: "Get Free Estimate", href: "#"
|
|
},
|
|
{
|
|
text: "Call (561) 889-4908", href: "tel:+15618894908"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="TOO COOL HVAC"
|
|
leftLink={{
|
|
text: "Not Cool? Call Too Cool.", href: "#hero"
|
|
}}
|
|
rightLink={{
|
|
text: "mycoolac.com", href: "https://mycoolac.com"
|
|
}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|