174 lines
8.5 KiB
TypeScript
174 lines
8.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import { Award, Clock, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{ name: "About", id: "#about" },
|
|
{ name: "Features", id: "#features" },
|
|
{ name: "Services", id: "#services" },
|
|
{ name: "Testimonials", id: "#testimonials" },
|
|
{ name: "FAQ", id: "#faq" },
|
|
{ name: "Contact", id: "#contact" }
|
|
]}
|
|
brandName="Miami Air Pro"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
background={{ variant: "radial-gradient" }}
|
|
logoText="Miami Air Pro"
|
|
description="Expert HVAC solutions for Miami homes and businesses. Reliable cooling, heating, and maintenance when you need it most."
|
|
buttons={[
|
|
{ text: "Get a Quote", href: "#contact" },
|
|
{ text: "Our Services", href: "#features" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/mechanic-calibrating-pressure-device_482257-92757.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={false}
|
|
title="Keeping Miami Comfortable for Over 20 Years"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "24/7 Emergency Service", description: "We are available around the clock to ensure you stay comfortable in the Miami heat.", items: [{ icon: Clock, text: "Anytime assistance" }],
|
|
reverse: false,
|
|
media: { imageSrc: "http://img.b2bpic.net/free-photo/servicemen-teamworking-hvac-system_482257-75846.jpg", imageAlt: "hvac experts inspecting ac unit" }
|
|
},
|
|
{
|
|
title: "Certified Technicians", description: "Our team is fully licensed and factory trained for all major brands.", items: [{ icon: Award, text: "NATE certified pros" }],
|
|
reverse: true,
|
|
media: { imageSrc: "http://img.b2bpic.net/free-photo/hvac-repairman-adjusts-pressure-levels_482257-91172.jpg", imageAlt: "hvac experts inspecting ac unit" }
|
|
},
|
|
{
|
|
title: "Energy Efficiency Experts", description: "Save on monthly costs with our advanced energy-efficient system solutions.", items: [{ icon: Zap, text: "Lower bills" }],
|
|
reverse: false,
|
|
media: { imageSrc: "http://img.b2bpic.net/free-photo/workers-refilling-air-conditione-freon_482257-85114.jpg", imageAlt: "hvac experts inspecting ac unit" }
|
|
}
|
|
]}
|
|
title="Why Choose Miami Air Pro?"
|
|
description="We deliver excellence in HVAC services through our commitment to quality, speed, and integrity."
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "s1", name: "AC Installation", price: "Starting at $1,200", imageSrc: "http://img.b2bpic.net/free-photo/professional-looking-freon-levels_482257-90904.jpg" },
|
|
{ id: "s2", name: "AC Repair", price: "Starting at $89", 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" },
|
|
{ id: "s3", name: "Maintenance Plans", price: "Starting at $199/yr", imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-electrician-installing-holder-ceiling-light_23-2148087646.jpg" },
|
|
{ id: "s4", name: "Heating Repair", price: "Starting at $120", imageSrc: "http://img.b2bpic.net/free-photo/meticulous-wiremen-expertly-refilling-freon-external-air-conditioner-while-using-manifold-measurement-device-closely-measure-pressure-hvac-system-ensuring-perfect-cooling-performance_482257-68069.jpg" },
|
|
{ id: "s5", name: "Duct Cleaning", price: "Starting at $300", imageSrc: "http://img.b2bpic.net/free-photo/hvac-system-refrigerant-tank-check_482257-85115.jpg" },
|
|
{ id: "s6", name: "Smart Thermostat", price: "Starting at $250", imageSrc: "http://img.b2bpic.net/free-photo/men-working-with-equipment-full-shot_23-2148921408.jpg" }
|
|
]}
|
|
title="Our Professional Services"
|
|
description="Explore our comprehensive range of HVAC solutions tailored for residential and commercial needs."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg" },
|
|
{ id: "2", name: "Mark R.", imageSrc: "http://img.b2bpic.net/free-photo/man-having-online-meeting-work_23-2148940751.jpg" },
|
|
{ id: "3", name: "Elena V.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg" },
|
|
{ id: "4", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg" },
|
|
{ id: "5", name: "Linda M.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-young-woman-listening-music-headphones-eating-cereals-with-milk-sofa_1258-204004.jpg" }
|
|
]}
|
|
cardTitle="What Our Clients Say"
|
|
cardTag="Trusted Service"
|
|
cardAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "q1", title: "How often should I service my AC?", content: "We recommend servicing your AC system at least twice a year to ensure peak efficiency." },
|
|
{ id: "q2", title: "Do you offer emergency repairs?", content: "Yes, we are available 24/7 for all emergency repair needs." },
|
|
{ id: "q3", title: "Are your technicians certified?", content: "All our technicians are fully licensed, insured, and factory trained." }
|
|
]}
|
|
sideTitle="Frequently Asked Questions"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialproof" data-section="socialproof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"Lennar Homes", "Pulte Group", "D.R. Horton", "Related Group", "Terra Group", "Turnberry", "BH3"
|
|
]}
|
|
title="Trusted Partners"
|
|
description="We collaborate with the leading developers and property managers in Florida."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
tag="Get in Touch"
|
|
title="Ready to Improve Your Home Comfort?"
|
|
description="Contact us today for a free estimate or consultation."
|
|
buttons={[{ text: "Contact Us Now", href: "#contact" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Miami Air Pro"
|
|
copyrightText="© 2025 Miami Air Pro. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |