Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
270
src/app/page.tsx
270
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ClimateMaster"
|
||||
/>
|
||||
@@ -58,48 +43,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Keeping Your Home Comfortable All Year Round"
|
||||
description="Expert HVAC solutions for residential and commercial spaces. Trusted quality, efficient repairs, and professional installations."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get A Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Keeping Your Home Safe and Breathable"
|
||||
description="Expert HVAC, air duct, and chimney maintenance. Trusted quality, efficient repairs, and professional care for your family's safety."
|
||||
buttons={[{ text: "Get A Quote", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-selfie-near-bar_23-2147771338.jpg",
|
||||
imageAlt: "Technician service",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-selfie-near-bar_23-2147771338.jpg", imageAlt: "Technician service" },
|
||||
{ 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>
|
||||
@@ -109,20 +63,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
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={[
|
||||
{
|
||||
title: "24/7 Emergency Repairs",
|
||||
description: "We are available anytime you need us.",
|
||||
},
|
||||
{
|
||||
title: "Licensed Professionals",
|
||||
description: "Highly trained and fully certified staff.",
|
||||
},
|
||||
{
|
||||
title: "Transparent Pricing",
|
||||
description: "No hidden costs, ever.",
|
||||
},
|
||||
{ title: "24/7 Emergency Repairs", description: "We are available anytime you need us." },
|
||||
{ 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"
|
||||
imageAlt="Our HVAC Team"
|
||||
@@ -135,22 +80,10 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Inexperienced staff",
|
||||
"Overpriced consultations",
|
||||
"Subpar components",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Fast response time",
|
||||
"Licensed technicians",
|
||||
"Energy efficient solutions",
|
||||
],
|
||||
}}
|
||||
negativeCard={{ items: ["Inexperienced staff", "Overpriced consultations", "Subpar components"] }}
|
||||
positiveCard={{ items: ["Fast response time", "Licensed technicians", "Energy efficient solutions"] }}
|
||||
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>
|
||||
|
||||
@@ -161,45 +94,15 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
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: "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",
|
||||
},
|
||||
{ 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: "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"
|
||||
description="Premium heating and cooling systems to maximize energy efficiency."
|
||||
description="Premium heating, cooling, and air filtration systems to maximize your home safety."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -210,21 +113,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15K+",
|
||||
description: "Systems Installed",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20+",
|
||||
description: "Years of Experience",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
description: "Customer Satisfaction",
|
||||
},
|
||||
{ id: "m1", value: "15K+", description: "Systems Installed" },
|
||||
{ id: "m2", value: "20+", description: "Years of Experience" },
|
||||
{ id: "m3", value: "98%", description: "Customer Satisfaction" },
|
||||
]}
|
||||
title="Our Impact in Numbers"
|
||||
description="Decades of trust, thousands of satisfied families."
|
||||
@@ -237,63 +128,19 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
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: "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",
|
||||
},
|
||||
{ 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: "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={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Google Rating",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Reliability",
|
||||
},
|
||||
{
|
||||
value: "Fast",
|
||||
label: "Avg Service",
|
||||
},
|
||||
{ value: "4.9/5", label: "Google Rating" },
|
||||
{ value: "100%", label: "Safety Certified" },
|
||||
{ value: "Fast", label: "Service Speed" },
|
||||
]}
|
||||
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>
|
||||
|
||||
@@ -302,24 +149,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How often should I service my AC?",
|
||||
content: "We recommend professional maintenance annually.",
|
||||
},
|
||||
{
|
||||
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.",
|
||||
},
|
||||
{ id: "f1", title: "How often should I clean my air ducts?", content: "Generally every 3-5 years, depending on household dust and pets." },
|
||||
{ id: "f2", title: "Is chimney inspection necessary?", content: "Yes, annual inspections prevent fire hazards and carbon monoxide buildup." },
|
||||
{ id: "f3", title: "What are signs of poor indoor air quality?", content: "Increased allergy symptoms, dust buildup, or unpleasant smells." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers about our climate solutions."
|
||||
description="Answers regarding safety and maintenance for your HVAC and chimney systems."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -327,23 +162,16 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Ready to get started? Contact us today to schedule your consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
background={{ 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: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="ClimateMaster"
|
||||
copyrightText="© 2025 ClimateMaster HVAC Services."
|
||||
copyrightText="© 2025 ClimateMaster HVAC Services. Serving the Metro Region."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user