Merge version_1 into main #1
233
src/app/page.tsx
233
src/app/page.tsx
@@ -32,22 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#features" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="ComfortAir HVAC"
|
||||
/>
|
||||
@@ -55,32 +44,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Reliable HVAC Service for Your Home"
|
||||
description="Keep your home comfortable year-round with our expert heating and cooling solutions. Fast response and quality work guaranteed."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281318.jpg",
|
||||
imageAlt: "hvac technician working on unit",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-reading-home_23-2149308983.jpg",
|
||||
imageAlt: "ac unit on residential home",
|
||||
},
|
||||
{
|
||||
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: "clean air vent in modern house",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881692.jpg",
|
||||
imageAlt: "hvac technician working on unit",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/defective-external-air-conditioner_482257-91071.jpg",
|
||||
imageAlt: "ac unit on residential home",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281318.jpg", imageAlt: "hvac technician working on unit" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-reading-home_23-2149308983.jpg", imageAlt: "ac unit on residential home" },
|
||||
{ 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: "clean air vent in modern house" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881692.jpg", imageAlt: "hvac technician working on unit" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/defective-external-air-conditioner_482257-91071.jpg", imageAlt: "ac unit on residential home" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -92,14 +64,8 @@ export default function LandingPage() {
|
||||
title="Decades of Comfort"
|
||||
description="We specialize in residential and commercial HVAC systems, committed to energy efficiency and customer satisfaction through transparent service."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "10k+",
|
||||
title: "Homes Serviced",
|
||||
},
|
||||
{ value: "15+", title: "Years Experience" },
|
||||
{ value: "10k+", title: "Homes Serviced" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-standing-repair-garage_1170-1536.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -114,21 +80,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "AC Repair & Install",
|
||||
description: "High-efficiency cooling systems for hot summers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-electrician-doing-leak-checks-other-necessary-repairs-prevent-major-breakdowns-licensed-serviceman-verifying-air-conditioner-writing-findings-clipboard_482257-70255.jpg",
|
||||
},
|
||||
{
|
||||
title: "Heating Solutions",
|
||||
description: "Gas furnace and heat pump repairs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-with-legs-near-heater-home_23-2149308955.jpg",
|
||||
},
|
||||
{
|
||||
title: "24/7 Emergency",
|
||||
description: "Rapid response when you need it most.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/creative-hvac-logo-template_23-2149214531.jpg",
|
||||
},
|
||||
{ title: "AC Repair & Install", description: "High-efficiency cooling systems for hot summers.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-electrician-doing-leak-checks-other-necessary-repairs-prevent-major-breakdowns-licensed-serviceman-verifying-air-conditioner-writing-findings-clipboard_482257-70255.jpg" },
|
||||
{ title: "Heating Solutions", description: "Gas furnace and heat pump repairs.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-with-legs-near-heater-home_23-2149308955.jpg" },
|
||||
{ title: "24/7 Emergency", description: "Rapid response when you need it most.", imageSrc: "http://img.b2bpic.net/free-vector/creative-hvac-logo-template_23-2149214531.jpg" }
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Expert solutions for every climate need."
|
||||
@@ -137,40 +91,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
name: "Seasonal Checkup",
|
||||
price: "$99",
|
||||
features: [
|
||||
"Full system inspection",
|
||||
"Filter replacement",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "basic", name: "Seasonal Checkup", price: "$99", features: ["Full system inspection", "Filter replacement"],
|
||||
buttons: [{ text: "Book Now", href: "#contact" }]
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
name: "Priority Maintenance",
|
||||
price: "$199",
|
||||
features: [
|
||||
"Everything in Seasonal",
|
||||
"Priority scheduling",
|
||||
"10% off repairs",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
id: "pro", name: "Priority Maintenance", price: "$199", features: ["Everything in Seasonal", "Priority scheduling", "10% off repairs"],
|
||||
buttons: [{ text: "Book Now", href: "#contact" }]
|
||||
}
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
description="No hidden fees, just great service."
|
||||
@@ -184,27 +116,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
title: "Customer Satisfaction",
|
||||
description: "Positive reviews after every job.",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Availability",
|
||||
description: "Around the clock support.",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Licensed & Insured",
|
||||
description: "Complete protection and compliance.",
|
||||
icon: Shield,
|
||||
},
|
||||
{ id: "m1", value: "98%", title: "Customer Satisfaction", description: "Positive reviews after every job.", icon: CheckCircle },
|
||||
{ id: "m2", value: "24/7", title: "Availability", description: "Around the clock support.", icon: Clock },
|
||||
{ id: "m3", value: "100%", title: "Licensed & Insured", description: "Complete protection and compliance.", icon: Shield }
|
||||
]}
|
||||
title="Trusted Excellence"
|
||||
description="Numbers that reflect our reliability."
|
||||
@@ -218,46 +132,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
company: "Comfort Home",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/older-woman-drinking-coffee-smiling-house-white-shirt-daytime_176474-4942.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike D.",
|
||||
role: "Business Owner",
|
||||
company: "Local Shop",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-looking-laptop-showing-thumb-up-isolated-purple_141793-84110.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily P.",
|
||||
role: "Resident",
|
||||
company: "Apartments",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-cancer-having-drink-home_23-2151056036.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Tom W.",
|
||||
role: "Homeowner",
|
||||
company: "Suburban Living",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-from-home_23-2149187581.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alice K.",
|
||||
role: "Resident",
|
||||
company: "New Heights",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Homeowner", company: "Comfort Home", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/older-woman-drinking-coffee-smiling-house-white-shirt-daytime_176474-4942.jpg" },
|
||||
{ id: "2", name: "Mike D.", role: "Business Owner", company: "Local Shop", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-looking-laptop-showing-thumb-up-isolated-purple_141793-84110.jpg" },
|
||||
{ id: "3", name: "Emily P.", role: "Resident", company: "Apartments", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-cancer-having-drink-home_23-2151056036.jpg" },
|
||||
{ id: "4", name: "Tom W.", role: "Homeowner", company: "Suburban Living", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-from-home_23-2149187581.jpg" },
|
||||
{ id: "5", name: "Alice K.", role: "Resident", company: "New Heights", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg" }
|
||||
]}
|
||||
title="What Homeowners Say"
|
||||
description="Your neighbors trust us."
|
||||
@@ -266,39 +145,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
faqsAnimation="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How often should I service my AC?",
|
||||
content: "We recommend twice annually, before peak heating and cooling seasons.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer financing?",
|
||||
content: "Yes, we offer flexible financing plans for new installations.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are your technicians certified?",
|
||||
content: "Every technician is fully licensed, insured, and factory trained.",
|
||||
},
|
||||
{ id: "1", title: "How often should I service my AC?", content: "We recommend twice annually, before peak heating and cooling seasons." },
|
||||
{ id: "2", title: "Do you offer financing?", content: "Yes, we offer flexible financing plans for new installations." },
|
||||
{ id: "3", title: "Are your technicians certified?", content: "Every technician is fully licensed, insured, and factory trained." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coworkers-refill-air-conditioner-freon_482257-90737.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Common Questions"
|
||||
description="Need more info about HVAC services?"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contact"
|
||||
title="Get a Free Quote"
|
||||
description="Ready to improve your home's air quality and comfort? Reach out today."
|
||||
@@ -313,31 +178,11 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Repair",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Installation",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
title: "Services", items: [{ label: "Repair", href: "#features" }, { label: "Installation", href: "#features" }]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }]
|
||||
}
|
||||
]}
|
||||
logoText="ComfortAir"
|
||||
/>
|
||||
@@ -345,4 +190,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user