Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 1c0d9fd46f | |||
| 7a21bcc61c | |||
| 6e512de624 | |||
| 5c8ed36b75 | |||
| 5378059fa9 | |||
| 1bd404cff7 |
274
src/app/page.tsx
274
src/app/page.tsx
@@ -31,26 +31,12 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "About", id: "about" },
|
||||||
id: "hero",
|
{ name: "Services", id: "features" },
|
||||||
},
|
{ name: "Products", id: "products" },
|
||||||
{
|
{ name: "FAQ", id: "faq" },
|
||||||
name: "About",
|
{ name: "Contact", id: "contact" },
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Services",
|
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Products",
|
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="ClimateMaster"
|
brandName="ClimateMaster"
|
||||||
/>
|
/>
|
||||||
@@ -58,48 +44,17 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardRotatedCarousel
|
<HeroBillboardRotatedCarousel
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars",
|
title="Protect Your Family with Expert Home Climate & Air Care"
|
||||||
}}
|
description="Expert HVAC, air duct, and chimney maintenance. Trusted quality, efficient repairs, and professional care for your family's safety."
|
||||||
title="Keeping Your Home Comfortable All Year Round"
|
buttons={[{ text: "Get A Quote", href: "#contact" }]}
|
||||||
description="Expert HVAC solutions for residential and commercial spaces. Trusted quality, efficient repairs, and professional installations."
|
|
||||||
buttons={[
|
|
||||||
{
|
|
||||||
text: "Get A Quote",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
carouselItems={[
|
carouselItems={[
|
||||||
{
|
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-selfie-near-bar_23-2147771338.jpg", imageAlt: "Technician service" },
|
||||||
id: "1",
|
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-manometers-close-up_482257-90625.jpg", imageAlt: "Modern AC" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-selfie-near-bar_23-2147771338.jpg",
|
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334227.jpg", imageAlt: "HVAC expert" },
|
||||||
imageAlt: "Technician service",
|
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/close-up-worker-checking-freon-tank_482257-78533.jpg", imageAlt: "Tools" },
|
||||||
},
|
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-drinking-coffee_23-2150378254.jpg", imageAlt: "Installation" },
|
||||||
{
|
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/close-up-heat-pump-outside-home_23-2149250264.jpg", imageAlt: "Outdoor Unit" },
|
||||||
id: "2",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-manometers-close-up_482257-90625.jpg",
|
|
||||||
imageAlt: "Modern AC",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334227.jpg",
|
|
||||||
imageAlt: "HVAC expert",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-worker-checking-freon-tank_482257-78533.jpg",
|
|
||||||
imageAlt: "Tools",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-drinking-coffee_23-2150378254.jpg",
|
|
||||||
imageAlt: "Installation",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "6",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-heat-pump-outside-home_23-2149250264.jpg",
|
|
||||||
imageAlt: "Outdoor Unit",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -109,20 +64,11 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
title="Committed to Your Home Comfort"
|
title="Committed to Your Home Comfort"
|
||||||
description="With over 20 years of experience, our licensed technicians provide reliable heating, cooling, and air quality services. We pride ourselves on fast responses, transparent pricing, and industry-leading workmanship."
|
description="With over 20 years of experience, our licensed technicians provide reliable heating, cooling, air quality, and chimney services. We pride ourselves on fast responses, transparent pricing, and industry-leading workmanship."
|
||||||
bulletPoints={[
|
bulletPoints={[
|
||||||
{
|
{ title: "24/7 Emergency Repairs", description: "We are available anytime you need us." },
|
||||||
title: "24/7 Emergency Repairs",
|
{ title: "Licensed Professionals", description: "Highly trained and fully certified staff." },
|
||||||
description: "We are available anytime you need us.",
|
{ title: "Transparent Pricing", description: "No hidden costs, ever." },
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Licensed Professionals",
|
|
||||||
description: "Highly trained and fully certified staff.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Transparent Pricing",
|
|
||||||
description: "No hidden costs, ever.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/professional-repairmen-enlisted-air-conditioner-check-refilling-freon-expert-african-american-mechanic-colleague-using-manometers-precisely-measure-pressure-condenser_482257-65757.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/professional-repairmen-enlisted-air-conditioner-check-refilling-freon-expert-african-american-mechanic-colleague-using-manometers-precisely-measure-pressure-condenser_482257-65757.jpg"
|
||||||
imageAlt="Our HVAC Team"
|
imageAlt="Our HVAC Team"
|
||||||
@@ -135,22 +81,10 @@ export default function LandingPage() {
|
|||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
negativeCard={{
|
negativeCard={{ items: ["Inexperienced staff", "Overpriced consultations", "Subpar components"] }}
|
||||||
items: [
|
positiveCard={{ items: ["Fast response time", "Licensed technicians", "Energy efficient solutions"] }}
|
||||||
"Inexperienced staff",
|
|
||||||
"Overpriced consultations",
|
|
||||||
"Subpar components",
|
|
||||||
],
|
|
||||||
}}
|
|
||||||
positiveCard={{
|
|
||||||
items: [
|
|
||||||
"Fast response time",
|
|
||||||
"Licensed technicians",
|
|
||||||
"Energy efficient solutions",
|
|
||||||
],
|
|
||||||
}}
|
|
||||||
title="Why Choose Our Service"
|
title="Why Choose Our Service"
|
||||||
description="Experience the difference in quality climate control solutions."
|
description="Experience the difference in quality climate and chimney care."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -161,45 +95,15 @@ export default function LandingPage() {
|
|||||||
gridVariant="asymmetric-60-wide-40-narrow"
|
gridVariant="asymmetric-60-wide-40-narrow"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "p1", name: "UltraCool AC Unit", price: "$2,499", imageSrc: "http://img.b2bpic.net/free-photo/close-up-heat-pump-outside-home_23-2149250254.jpg" },
|
||||||
id: "p1",
|
{ id: "p2", name: "ProComfort Furnace", price: "$3,200", imageSrc: "http://img.b2bpic.net/free-photo/young-person-relaxing-with-hot-coffee_23-2149277276.jpg" },
|
||||||
name: "UltraCool AC Unit",
|
{ id: "p3", name: "QuietStream Ductless", price: "$1,850", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-home-technology_23-2149216632.jpg" },
|
||||||
price: "$2,499",
|
{ id: "p4", name: "SmartConnect Pro", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-with-robotic-vacuum-cleaner-home_23-2150663413.jpg" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-heat-pump-outside-home_23-2149250254.jpg",
|
{ id: "p5", name: "CleanAir Purifier", price: "$599", imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388965.jpg" },
|
||||||
},
|
{ id: "p6", name: "HighFlow Heat Pump", price: "$4,100", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-city-building-with-air-conditioning-units_23-2148798635.jpg" },
|
||||||
{
|
|
||||||
id: "p2",
|
|
||||||
name: "ProComfort Furnace",
|
|
||||||
price: "$3,200",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-person-relaxing-with-hot-coffee_23-2149277276.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p3",
|
|
||||||
name: "QuietStream Ductless",
|
|
||||||
price: "$1,850",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-home-technology_23-2149216632.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p4",
|
|
||||||
name: "SmartConnect Pro",
|
|
||||||
price: "$299",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-with-robotic-vacuum-cleaner-home_23-2150663413.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p5",
|
|
||||||
name: "CleanAir Purifier",
|
|
||||||
price: "$599",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388965.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p6",
|
|
||||||
name: "HighFlow Heat Pump",
|
|
||||||
price: "$4,100",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-city-building-with-air-conditioning-units_23-2148798635.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Top-Tier Climate Equipment"
|
title="Top-Tier Climate Equipment"
|
||||||
description="Premium heating and cooling systems to maximize energy efficiency."
|
description="Premium heating, cooling, and air filtration systems to maximize your home safety."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -210,21 +114,9 @@ export default function LandingPage() {
|
|||||||
gridVariant="bento-grid"
|
gridVariant="bento-grid"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "m1", value: "15K+", description: "Systems Installed" },
|
||||||
id: "m1",
|
{ id: "m2", value: "20+", description: "Years of Experience" },
|
||||||
value: "15K+",
|
{ id: "m3", value: "98%", description: "Customer Satisfaction" },
|
||||||
description: "Systems Installed",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m2",
|
|
||||||
value: "20+",
|
|
||||||
description: "Years of Experience",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m3",
|
|
||||||
value: "98%",
|
|
||||||
description: "Customer Satisfaction",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Impact in Numbers"
|
title="Our Impact in Numbers"
|
||||||
description="Decades of trust, thousands of satisfied families."
|
description="Decades of trust, thousands of satisfied families."
|
||||||
@@ -237,63 +129,19 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "t1", name: "Sarah Miller", role: "Homeowner", company: "Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215074.jpg" },
|
||||||
id: "t1",
|
{ id: "t2", name: "David Clark", role: "Property Manager", company: "Clark Estates", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-man-taking-keys-from-realtor-woman-standing-indoors_259150-58367.jpg" },
|
||||||
name: "Sarah Miller",
|
{ id: "t3", name: "Janet Wu", role: "Business Owner", company: "Wu Consulting", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-mechanics-working-together-workshop_637285-9438.jpg" },
|
||||||
role: "Homeowner",
|
{ id: "t4", name: "Mark Evans", role: "Homeowner", company: "Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-renovating-house_53876-13433.jpg" },
|
||||||
company: "Resident",
|
{ id: "t5", name: "Linda Peterson", role: "Homeowner", company: "Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/african-american-caucasian-couple-hugging-happily-indoors-newly-purchased-home-joyful-moment_482257-134711.jpg" },
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215074.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t2",
|
|
||||||
name: "David Clark",
|
|
||||||
role: "Property Manager",
|
|
||||||
company: "Clark Estates",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-taking-keys-from-realtor-woman-standing-indoors_259150-58367.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t3",
|
|
||||||
name: "Janet Wu",
|
|
||||||
role: "Business Owner",
|
|
||||||
company: "Wu Consulting",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-mechanics-working-together-workshop_637285-9438.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t4",
|
|
||||||
name: "Mark Evans",
|
|
||||||
role: "Homeowner",
|
|
||||||
company: "Resident",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/people-renovating-house_53876-13433.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t5",
|
|
||||||
name: "Linda Peterson",
|
|
||||||
role: "Homeowner",
|
|
||||||
company: "Resident",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-caucasian-couple-hugging-happily-indoors-newly-purchased-home-joyful-moment_482257-134711.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
kpiItems={[
|
kpiItems={[
|
||||||
{
|
{ value: "4.9/5", label: "Google Rating" },
|
||||||
value: "4.9/5",
|
{ value: "100%", label: "Safety Certified" },
|
||||||
label: "Google Rating",
|
{ value: "Fast", label: "Service Speed" },
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "100%",
|
|
||||||
label: "Reliability",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "Fast",
|
|
||||||
label: "Avg Service",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="What Our Clients Say"
|
title="What Our Clients Say"
|
||||||
description="Real feedback from neighbors who trust our climate experts."
|
description="Real feedback from homeowners who trust our air duct and chimney experts."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -302,24 +150,13 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "f1", title: "How often should I clean my air ducts?", content: "Generally every 3-5 years, depending on household dust and pets." },
|
||||||
id: "f1",
|
{ id: "f2", title: "Is chimney inspection necessary?", content: "Yes, annual inspections prevent fire hazards and carbon monoxide buildup." },
|
||||||
title: "How often should I service my AC?",
|
{ id: "f3", title: "How much does a routine cleaning cost?", content: "Pricing varies by project size, starting at $299 for basic residential services." },
|
||||||
content: "We recommend professional maintenance annually.",
|
{ id: "f4", title: "Do you charge for initial inspections?", content: "Initial inspections are $79, which is credited toward any repairs or services performed." },
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f2",
|
|
||||||
title: "Do you offer emergency repairs?",
|
|
||||||
content: "Yes, our team is available 24/7 for emergencies.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f3",
|
|
||||||
title: "Can you install units in old homes?",
|
|
||||||
content: "Absolutely, we specialize in custom retrofitting.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Frequently Asked Questions"
|
title="Frequently Asked Questions"
|
||||||
description="Clear answers about our climate solutions."
|
description="Answers regarding safety and maintenance for your HVAC and chimney systems. Clear pricing to help plan your home care."
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -327,26 +164,19 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars",
|
text="Ready to breathe easier? Contact us today for duct and chimney services in your area."
|
||||||
}}
|
buttons={[{ text: "Get A Quote", href: "#" }]}
|
||||||
text="Ready to get started? Contact us today to schedule your consultation."
|
|
||||||
buttons={[
|
|
||||||
{
|
|
||||||
text: "Contact Us Now",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterCard
|
<FooterCard
|
||||||
logoText="ClimateMaster"
|
logoText="ClimateMaster"
|
||||||
copyrightText="© 2025 ClimateMaster HVAC Services."
|
copyrightText="© 2025 ClimateMaster HVAC Services. Serving the Metro Region."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user