Files
6caecbd9-9f0b-4e44-9463-8fc…/src/app/page.tsx
2026-03-31 18:38:16 +00:00

165 lines
7.2 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Droplet, Flame, Phone, Settings, ShieldCheck, Wind, Wrench } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="mediumLarge"
sizing="mediumLargeSizeLargeTitles"
background="fluid"
cardStyle="subtle-shadow"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home", id: "hero"},
{
name: "Services", id: "services"},
{
name: "Reviews", id: "reviews"},
{
name: "Contact", id: "contact"},
]}
brandName="Emergency AC (954) 994-3434"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "animated-grid"}}
title="YOUR AC BREAKS AT 3AM? WE ARRIVE IN UNDER 1 HOUR."
description="Don't suffer in the Florida heat. Our certified experts provide 24/7 emergency service in Miami-Dade & Broward. Fast, licensed, and 40% cheaper than the big guys."
buttons={[
{
text: "Call Now: (954) 994-3434", href: "tel:9549943434"},
]}
imageSrc="http://img.b2bpic.net/free-vector/striped-christmas-background-blue-tones_1048-465.jpg"
/>
</div>
<div id="services" data-section="services">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
icon: Wrench,
title: "Emergency Repair", description: "24/7 rapid response for cooling emergencies."},
{
icon: Settings,
title: "New Installation", description: "Professional setup with 10-year warranty coverage."},
{
icon: ShieldCheck,
title: "Maintenance", description: "Preventive checks to extend system life."},
{
icon: Wind,
title: "Air Ducts", description: "Cleaning and sealing for efficient airflow."},
{
icon: Droplet,
title: "HVAC Coating", description: "Protective treatments against salt air damage."},
{
icon: Flame,
title: "Heating Services", description: "Full heating system diagnostics and repair."},
]}
title="Full-Service HVAC Solutions"
description="We specialize in rapid response HVAC repairs and installations for homes and businesses across South Florida."
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardTen
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1", title: "Life Saver!", quote: "My AC died at midnight. They arrived in 40 minutes. Simply incredible service.", name: "Sarah Johnson", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5287.jpg"},
{
id: "2", title: "The Best Price", quote: "I got 3 quotes, they were 40% cheaper and way more professional. Highly recommended.", name: "Michael Chen", role: "Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-women-enjoying-cocktails-together_23-2148665486.jpg"},
{
id: "3", title: "Professional Team", quote: "Licensed, clean, and fast. Won't use anyone else for my HVAC needs again.", name: "Emily Rodriguez", role: "Property Manager", imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg"},
{
id: "4", title: "Very Helpful", quote: "Explained exactly what was wrong. No hidden fees. Fixed in an hour.", name: "David Kim", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-couple_23-2149272876.jpg"},
{
id: "5", title: "Fast Response", quote: "Absolutely the fastest company in South Florida. Will definitely call again.", name: "Mark Wilson", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5287.jpg"},
]}
title="What Our Neighbors Say"
description="Rated 4.8 stars by thousands of satisfied homeowners in Miami-Dade and Broward."
/>
</div>
<div id="contact" data-section="contact">
<ContactFaq
animationType="slide-up"
useInvertedBackground={false}
faqs={[
{
id: "1", title: "Do you offer weekend service?", content: "Yes, we operate 24/7, 365 days a year."},
{
id: "2", title: "Which areas do you cover?", content: "We cover the entirety of Miami-Dade and Broward counties."},
{
id: "3", title: "Are you licensed?", content: "Yes, fully licensed, insured, and certified."},
]}
ctaTitle="Need Service Now?"
ctaDescription="Emergency technicians standing by. Call (954) 994-3434 now for immediate dispatch."
ctaButton={{
text: "Call Emergency Line", href: "tel:9549943434"}}
ctaIcon={Phone}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Contact", items: [
{
label: "(954) 994-3434", href: "tel:9549943434"},
{
label: "contact@emergencyac.com", href: "mailto:contact@emergencyac.com"},
],
},
{
title: "Services", items: [
{
label: "Emergency Repair", href: "#services"},
{
label: "Maintenance", href: "#services"},
],
},
{
title: "Legal", items: [
{
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service", href: "#"},
],
},
]}
bottomLeftText="© 2024 Emergency AC Service. All rights reserved."
bottomRightText="Licensed & Insured"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}