Merge version_1 into main #1
380
src/app/page.tsx
380
src/app/page.tsx
@@ -16,269 +16,143 @@ import { Award, CheckCircle, Shield } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="AirFlow Solutions"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="AirFlow Solutions"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Keeping Your Home Comfortable All Year Round"
|
||||
description="Expert HVAC installation, repair, and maintenance services for your home and business. We bring climate control perfection to your doorstep."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334225.jpg"
|
||||
imageAlt="hvac technician working on ac unit"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Keeping Your Home Comfortable All Year Round"
|
||||
description="Expert HVAC installation, repair, and maintenance services for your home and business. We bring climate control perfection to your doorstep."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334225.jpg"
|
||||
imageAlt="hvac technician working on ac unit"
|
||||
buttons={[
|
||||
{ text: "Get a Free Quote", href: "#contact" },
|
||||
{ text: "View Our Services", href: "#services" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Decades of Climate Excellence"
|
||||
description="With over 20 years of experience, AirFlow Solutions has provided top-tier heating and cooling services. Our licensed professionals are dedicated to energy efficiency and air quality excellence."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-2984.jpg"
|
||||
imageAlt="professional hvac engineer smiling"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Decades of Climate Excellence"
|
||||
description="With over 20 years of experience, AirFlow Solutions has provided top-tier heating and cooling services. Our licensed professionals are dedicated to energy efficiency and air quality excellence."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-2984.jpg"
|
||||
imageAlt="professional hvac engineer smiling"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
label: "AC Repair",
|
||||
title: "Cooling Systems",
|
||||
items: [
|
||||
"Emergency AC Repair",
|
||||
"Preventative Maintenance",
|
||||
"New System Installs",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
label: "Heating",
|
||||
title: "Heating Services",
|
||||
items: [
|
||||
"Furnace Repair",
|
||||
"Boiler Installation",
|
||||
"Heat Pump Maintenance",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
label: "Air Quality",
|
||||
title: "Indoor Air Quality",
|
||||
items: [
|
||||
"Duct Cleaning",
|
||||
"HEPA Filtration",
|
||||
"Humidity Control",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Climate Solutions"
|
||||
description="We offer a full spectrum of HVAC services to ensure your comfort regardless of the season."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "1", label: "AC Repair", title: "Cooling Systems", items: ["Emergency AC Repair", "Preventative Maintenance", "New System Installs"] },
|
||||
{ id: "2", label: "Heating", title: "Heating Services", items: ["Furnace Repair", "Boiler Installation", "Heat Pump Maintenance"] },
|
||||
{ id: "3", label: "Air Quality", title: "Indoor Air Quality", items: ["Duct Cleaning", "HEPA Filtration", "Humidity Control"] },
|
||||
]}
|
||||
title="Comprehensive Climate Solutions"
|
||||
description="We offer a full spectrum of HVAC services to ensure your comfort regardless of the season."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Happy Customers",
|
||||
value: "10,000+",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Systems Installed",
|
||||
value: "5,000+",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Years Experience",
|
||||
value: "25+",
|
||||
icon: Shield,
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Trusted by thousands in the community for reliable climate solutions."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", title: "Happy Customers", value: "10,000+", icon: CheckCircle },
|
||||
{ id: "m2", title: "Systems Installed", value: "5,000+", icon: Award },
|
||||
{ id: "m3", title: "Years Experience", value: "25+", icon: Shield },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Trusted by thousands in the community for reliable climate solutions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-attractive-redhead-female-student-sits-armchair-leaning-arms-smiling_197531-22962.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
role: "Business Owner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-asian-man-standing-couch-leaning-it-smiling-camera_1098-17480.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-office-using-mobile_23-2148326958.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Property Mgr",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-mother-with-little-daughter_1157-19071.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa M.",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unhealthy-young-woman-wearing-hat-with-scarf-around-her-neck-holding-digital-thermometer-looking-amazed-worried-standing-green-wall_141793-100441.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Neighbors Say"
|
||||
description="We are proud to serve our community and appreciate the positive feedback from our valued clients."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-attractive-redhead-female-student-sits-armchair-leaning-arms-smiling_197531-22962.jpg" },
|
||||
{ id: "2", name: "Michael C.", role: "Business Owner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-asian-man-standing-couch-leaning-it-smiling-camera_1098-17480.jpg" },
|
||||
{ id: "3", name: "Emily R.", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-office-using-mobile_23-2148326958.jpg" },
|
||||
{ id: "4", name: "David K.", role: "Property Mgr", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/father-mother-with-little-daughter_1157-19071.jpg" },
|
||||
{ id: "5", name: "Lisa M.", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/unhealthy-young-woman-wearing-hat-with-scarf-around-her-neck-holding-digital-thermometer-looking-amazed-worried-standing-green-wall_141793-100441.jpg" },
|
||||
]}
|
||||
title="What Our Neighbors Say"
|
||||
description="We are proud to serve our community and appreciate the positive feedback from our valued clients."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How often should I change filters?",
|
||||
content: "We recommend changing your air filters every 3-6 months depending on usage.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer emergency service?",
|
||||
content: "Yes, we are available 24/7 for urgent climate control issues.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How can I improve air quality?",
|
||||
content: "Regular duct cleaning and air purifiers can significantly improve your home's air quality.",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Common HVAC Questions"
|
||||
description="Get answers to your questions about heating and cooling services."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/it-support-specialist-pc-office-helping-customers-call_482257-126183.jpg"
|
||||
imageAlt="IT support specialist at PC in office helping customers during call"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How often should I change filters?", content: "We recommend changing your air filters every 3-6 months depending on usage." },
|
||||
{ id: "f2", title: "Do you offer emergency service?", content: "Yes, we are available 24/7 for urgent climate control issues." },
|
||||
{ id: "f3", title: "How can I improve air quality?", content: "Regular duct cleaning and air purifiers can significantly improve your home's air quality." },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Common HVAC Questions"
|
||||
description="Get answers to your questions about heating and cooling services."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/it-support-specialist-pc-office-helping-customers-call_482257-126183.jpg"
|
||||
imageAlt="IT support specialist at PC in office helping customers during call"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
title="Ready for a Comfort Assessment?"
|
||||
description="Contact us today for a free consultation or emergency maintenance."
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-doing-customer-support-job-using-ai-summarize-clients-issues_482257-117988.jpg"
|
||||
imageAlt="hvac technician holding tablet planning"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Ready for a Comfort Assessment?"
|
||||
description="Contact us today for a free consultation or emergency maintenance."
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-doing-customer-support-job-using-ai-summarize-clients-issues_482257-117988.jpg"
|
||||
imageAlt="hvac technician holding tablet planning"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="AirFlow Solutions"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Services", href: "#services" }, { label: "FAQ", href: "#faq" }] },
|
||||
{ items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
logoText="AirFlow Solutions"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user