Update src/app/page.tsx
This commit is contained in:
437
src/app/page.tsx
437
src/app/page.tsx
@@ -29,319 +29,148 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="AirMaxxing"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="AirMaxxing"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="AirMaxxing: Your Ultimate Comfort Solution"
|
||||
description="Professional heating and cooling services to keep your home or business at the perfect temperature year-round."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-holding-arm-with-hand-blue-t-shirt-cap-looking-thoughtful_176474-16669.jpg"
|
||||
imageAlt="HVAC Technician serving a home HVAC unit"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-roller_23-2148903440.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/laughing-family-watching-film_23-2147800089.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-restoring-wooden-furniture_23-2150062511.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-good-looking-thick-skinned-student-woman-with-curly-hair-casual-fashionable-clothes-looking-aside-smiling-brightfully-friend-outside-waiting-her-order-coffee-shop-life_176420-12327.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-posing-together-their-new-home-while-holding-paintbrush_23-2149086826.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 5000+ happy homeowners"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="AirMaxxing: Your Ultimate Comfort Solution"
|
||||
description="Professional heating and cooling services to keep your home or business at the perfect temperature year-round."
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }, { text: "Our Services", href: "#services" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-holding-arm-with-hand-blue-t-shirt-cap-looking-thoughtful_176474-16669.jpg"
|
||||
imageAlt="HVAC Technician serving a home HVAC unit"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-roller_23-2148903440.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/laughing-family-watching-film_23-2147800089.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-woman-restoring-wooden-furniture_23-2150062511.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-good-looking-thick-skinned-student-woman-with-curly-hair-casual-fashionable-clothes-looking-aside-smiling-brightfully-friend-outside-waiting-her-order-coffee-shop-life_176420-12327.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-posing-together-their-new-home-while-holding-paintbrush_23-2149086826.jpg", alt: "Customer 5" }
|
||||
]}
|
||||
avatarText="Trusted by 5000+ happy homeowners"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Expert HVAC Services You Can Trust"
|
||||
description="At AirMaxxing, we combine years of field experience with state-of-the-art tools to provide fast, efficient, and reliable HVAC maintenance and repairs for your home or business."
|
||||
metrics={[
|
||||
{
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "5000+",
|
||||
title: "Units Serviced",
|
||||
},
|
||||
{
|
||||
value: "99%",
|
||||
title: "Customer Satisfaction",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-dirty-broken-inside-compartments-air-conditioner_632498-1086.jpg"
|
||||
imageAlt="Professional HVAC technician at work"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Expert HVAC Services You Can Trust"
|
||||
description="At AirMaxxing, we combine years of field experience with state-of-the-art tools to provide fast, efficient, and reliable HVAC maintenance and repairs for your home or business."
|
||||
metrics={[{ value: "10+", title: "Years Experience" }, { value: "5000+", title: "Units Serviced" }, { value: "99%", title: "Customer Satisfaction" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-dirty-broken-inside-compartments-air-conditioner_632498-1086.jpg"
|
||||
imageAlt="Professional HVAC technician at work"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "AC Installation",
|
||||
description: "Professional installation of high-efficiency air conditioning systems.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serviceman-arriving-help-apprentice_482257-85127.jpg?_wi=1",
|
||||
imageAlt: "AC Installation",
|
||||
},
|
||||
{
|
||||
title: "System Repairs",
|
||||
description: "Quick diagnostics and repair for heating and cooling systems.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388955.jpg?_wi=1",
|
||||
imageAlt: "System Repairs",
|
||||
},
|
||||
{
|
||||
title: "Annual Maintenance",
|
||||
description: "Preventive maintenance plans to save you money on energy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/damaged-external-air-cooling-unit_482257-80199.jpg?_wi=1",
|
||||
imageAlt: "Annual Maintenance",
|
||||
},
|
||||
]}
|
||||
title="Our HVAC Solutions"
|
||||
description="We offer a complete range of climate control services tailored to keep your living space perfectly comfortable."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "AC Installation", description: "Professional installation of high-efficiency air conditioning systems.", imageSrc: "http://img.b2bpic.net/free-photo/serviceman-arriving-help-apprentice_482257-85127.jpg", imageAlt: "AC Installation" },
|
||||
{ title: "System Repairs", description: "Quick diagnostics and repair for heating and cooling systems.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388955.jpg", imageAlt: "System Repairs" },
|
||||
{ title: "Annual Maintenance", description: "Preventive maintenance plans to save you money on energy.", imageSrc: "http://img.b2bpic.net/free-photo/damaged-external-air-cooling-unit_482257-80199.jpg", imageAlt: "Annual Maintenance" }
|
||||
]}
|
||||
title="Our HVAC Solutions"
|
||||
description="We offer a complete range of climate control services tailored to keep your living space perfectly comfortable."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features-glow" data-section="features-glow">
|
||||
<FeatureBorderGlow
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Certified Technicians",
|
||||
description: "Our team is fully licensed and insured for your peace of mind.",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "24/7 Emergency Support",
|
||||
description: "We are available anytime you need us, day or night.",
|
||||
},
|
||||
{
|
||||
icon: DollarSign,
|
||||
title: "Upfront Pricing",
|
||||
description: "No hidden costs, just honest and transparent estimates.",
|
||||
},
|
||||
]}
|
||||
title="Why Choose AirMaxxing?"
|
||||
description="Our commitment to quality service and transparency sets us apart in the local HVAC industry."
|
||||
/>
|
||||
</div>
|
||||
<div id="features-glow" data-section="features-glow">
|
||||
<FeatureBorderGlow
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Shield, title: "Certified Technicians", description: "Our team is fully licensed and insured for your peace of mind." },
|
||||
{ icon: Clock, title: "24/7 Emergency Support", description: "We are available anytime you need us, day or night." },
|
||||
{ icon: DollarSign, title: "Upfront Pricing", description: "No hidden costs, just honest and transparent estimates." }
|
||||
]}
|
||||
title="Why Choose AirMaxxing?"
|
||||
description="Our commitment to quality service and transparency sets us apart in the local HVAC industry."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="benefits" data-section="benefits">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Air Quality Improvement",
|
||||
description: "Better filtration and cleaner air for your entire family.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serviceman-arriving-help-apprentice_482257-85127.jpg?_wi=2",
|
||||
imageAlt: "Air Quality",
|
||||
},
|
||||
{
|
||||
title: "Energy Efficiency",
|
||||
description: "Lower energy bills by optimizing your hvac system's performance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388955.jpg?_wi=2",
|
||||
imageAlt: "Energy Efficiency",
|
||||
},
|
||||
{
|
||||
title: "Climate Zoning",
|
||||
description: "Custom temperature zones for every room in your home.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/damaged-external-air-cooling-unit_482257-80199.jpg?_wi=2",
|
||||
imageAlt: "Climate Zoning",
|
||||
},
|
||||
]}
|
||||
title="Optimizing Home Comfort"
|
||||
description="Experience superior indoor environment quality with our specialized airflow and humidity control systems."
|
||||
/>
|
||||
</div>
|
||||
<div id="benefits" data-section="benefits">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Air Quality Improvement", description: "Better filtration and cleaner air for your entire family.", imageSrc: "http://img.b2bpic.net/free-photo/serviceman-arriving-help-apprentice_482257-85127.jpg", imageAlt: "Air Quality" },
|
||||
{ title: "Energy Efficiency", description: "Lower energy bills by optimizing your hvac system's performance.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388955.jpg", imageAlt: "Energy Efficiency" },
|
||||
{ title: "Climate Zoning", description: "Custom temperature zones for every room in your home.", imageSrc: "http://img.b2bpic.net/free-photo/damaged-external-air-cooling-unit_482257-80199.jpg", imageAlt: "Climate Zoning" }
|
||||
]}
|
||||
title="Optimizing Home Comfort"
|
||||
description="Experience superior indoor environment quality with our specialized airflow and humidity control systems."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
handle: "@johnd",
|
||||
testimonial: "Excellent service and very knowledgeable. Fixed my AC in no time!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-roller_23-2148903440.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane Smith",
|
||||
handle: "@janes",
|
||||
testimonial: "Very professional and arrived on time. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laughing-family-watching-film_23-2147800089.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Michael Brown",
|
||||
handle: "@mikeb",
|
||||
testimonial: "Fast response for our heating issue. Great fair pricing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-restoring-wooden-furniture_23-2150062511.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily Davis",
|
||||
handle: "@emilyd",
|
||||
testimonial: "Professional maintenance service made our home so comfortable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-good-looking-thick-skinned-student-woman-with-curly-hair-casual-fashionable-clothes-looking-aside-smiling-brightfully-friend-outside-waiting-her-order-coffee-shop-life_176420-12327.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chris Wilson",
|
||||
handle: "@chrisw",
|
||||
testimonial: "Great attention to detail and cleaned up afterwards.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-posing-together-their-new-home-while-holding-paintbrush_23-2149086826.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by Homeowners"
|
||||
description="See why our neighbors choose AirMaxxing for all their heating and cooling needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "John Doe", handle: "@johnd", testimonial: "Excellent service and very knowledgeable. Fixed my AC in no time!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-roller_23-2148903440.jpg" },
|
||||
{ id: "2", name: "Jane Smith", handle: "@janes", testimonial: "Very professional and arrived on time. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/laughing-family-watching-film_23-2147800089.jpg" },
|
||||
{ id: "3", name: "Michael Brown", handle: "@mikeb", testimonial: "Fast response for our heating issue. Great fair pricing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-restoring-wooden-furniture_23-2150062511.jpg" },
|
||||
{ id: "4", name: "Emily Davis", handle: "@emilyd", testimonial: "Professional maintenance service made our home so comfortable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-good-looking-thick-skinned-student-woman-with-curly-hair-casual-fashionable-clothes-looking-aside-smiling-brightfully-friend-outside-waiting-her-order-coffee-shop-life_176420-12327.jpg" },
|
||||
{ id: "5", name: "Chris Wilson", handle: "@chrisw", testimonial: "Great attention to detail and cleaned up afterwards.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-posing-together-their-new-home-while-holding-paintbrush_23-2149086826.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by Homeowners"
|
||||
description="See why our neighbors choose AirMaxxing for all their heating and cooling needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How often should I service my AC?",
|
||||
content: "Generally, it is recommended to get an annual maintenance check-up.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer financing?",
|
||||
content: "Yes, we work with several financing partners to make system upgrades easy.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "How do I lower energy bills?",
|
||||
content: "Regular maintenance and smart thermostats can significantly reduce costs.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Common HVAC Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "1", title: "How often should I service my AC?", content: "Generally, it is recommended to get an annual maintenance check-up." },
|
||||
{ id: "2", title: "Do you offer financing?", content: "Yes, we work with several financing partners to make system upgrades easy." },
|
||||
{ id: "3", title: "How do I lower energy bills?", content: "Regular maintenance and smart thermostats can significantly reduce costs." }
|
||||
]}
|
||||
sideTitle="Common HVAC Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Get in Touch"
|
||||
title="Ready for a Comfort Check?"
|
||||
description="Contact AirMaxxing today to schedule your service or consultation with our expert HVAC technicians."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "tel:5551234567",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get in Touch"
|
||||
title="Ready for a Comfort Check?"
|
||||
description="Contact AirMaxxing today to schedule your service or consultation with our expert HVAC technicians."
|
||||
buttons={[{ text: "Contact Us", href: "tel:5551234567" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388958.jpg"
|
||||
logoText="AirMaxxing"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Repair",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Installation",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388958.jpg"
|
||||
logoText="AirMaxxing"
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Repair", href: "#services" }, { label: "Installation", href: "#services" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user