Merge version_1_1777629415848 into main #2
@@ -11,246 +11,124 @@ import { Droplets, Sun, Zap } from "lucide-react";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardBrand
|
||||
brand="ComfortFlow HVAC Services"
|
||||
description="Premium heating and cooling solutions for your home. Experienced technicians providing reliable service, 24/7 emergency support, and energy-efficient installations."
|
||||
primaryButton={{
|
||||
text: "Schedule Service",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Pricing",
|
||||
href: "#pricing",
|
||||
}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-hvac-technician-inspecting--1777629441683-3842847e.png?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardBrand
|
||||
brand="ComfortFlow HVAC Services"
|
||||
description="Premium heating and cooling solutions for your home. Experienced technicians providing reliable service, 24/7 emergency support, and energy-efficient installations."
|
||||
primaryButton={{ text: "Schedule Service", href: "#contact" }}
|
||||
secondaryButton={{ text: "View Pricing", href: "#pricing" }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-hvac-technician-inspecting--1777629441683-3842847e.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutTextSplit
|
||||
title="Your Comfort is Our Mission"
|
||||
descriptions={[
|
||||
"With over 20 years of experience, ComfortFlow HVAC has been dedicated to providing top-tier heating and cooling solutions to our local community. Our technicians are certified, friendly, and committed to excellence.",
|
||||
"We focus on energy-efficient technologies, ensuring your home stays at the perfect temperature year-round while keeping your utility bills manageable. Your trust is the foundation of our business.",
|
||||
]}
|
||||
primaryButton={{
|
||||
text: "Learn About Our Tech",
|
||||
href: "#features",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutTextSplit
|
||||
title="Your Comfort is Our Mission"
|
||||
descriptions={[
|
||||
"With over 20 years of experience, ComfortFlow HVAC has been dedicated to providing top-tier heating and cooling solutions to our local community. Our technicians are certified, friendly, and committed to excellence.", "We focus on energy-efficient technologies, ensuring your home stays at the perfect temperature year-round while keeping your utility bills manageable. Your trust is the foundation of our business."
|
||||
]}
|
||||
primaryButton={{ text: "Learn About Our Tech", href: "#features" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeaturesDualMedia
|
||||
tag="Our Services"
|
||||
title="Complete Climate Solutions"
|
||||
description="From emergency repairs to full system installations, we cover everything you need for indoor comfort."
|
||||
items={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Heating & Cooling Repairs",
|
||||
description: "Fast, reliable 24/7 repair services to get your home back to comfort immediately.",
|
||||
mediaItems: [
|
||||
<div id="features" data-section="features">
|
||||
<FeaturesDualMedia
|
||||
tag="Our Services"
|
||||
title="Complete Climate Solutions"
|
||||
description="From emergency repairs to full system installations, we cover everything you need for indoor comfort."
|
||||
items={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/close-up-of-an-air-filtration-system-in--1777629440520-1399e61f.png",
|
||||
icon: "Zap", title: "Heating & Cooling Repairs", description: "Fast, reliable 24/7 repair services to get your home back to comfort immediately.", mediaItems: [
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/close-up-of-an-air-filtration-system-in--1777629440520-1399e61f.png" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/interior-of-a-modern-home-with-smart-the-1777629438972-29edb42b.png" }
|
||||
]
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/interior-of-a-modern-home-with-smart-the-1777629438972-29edb42b.png",
|
||||
},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-hvac-technician-inspecting--1777629441683-3842847e.png?_wi=2",
|
||||
imageAlt: "Close up of an air filtration system in a modern home, high tech feel, blue color palette, sharp foc",
|
||||
},
|
||||
{
|
||||
icon: Sun,
|
||||
title: "High Efficiency Installation",
|
||||
description: "Professional installation of the latest energy-efficient HVAC units for long-term savings.",
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/close-up-of-an-air-filtration-system-in--1777629437612-0f03ce62.png",
|
||||
icon: "Sun", title: "High Efficiency Installation", description: "Professional installation of the latest energy-efficient HVAC units for long-term savings.", mediaItems: [
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/close-up-of-an-air-filtration-system-in--1777629437612-0f03ce62.png" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/interior-of-a-modern-home-with-smart-the-1777629439003-6807e8fb.png" }
|
||||
]
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/interior-of-a-modern-home-with-smart-the-1777629439003-6807e8fb.png",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-mechanics-working-together-workshop_637285-9438.jpg",
|
||||
imageAlt: "Close up of an air filtration system in a modern home, high tech feel, blue color palette, sharp foc",
|
||||
},
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "Air Quality Maintenance",
|
||||
description: "Regular maintenance to improve indoor air quality and increase system longevity.",
|
||||
mediaItems: [
|
||||
icon: "Droplets", title: "Air Quality Maintenance", description: "Regular maintenance to improve indoor air quality and increase system longevity.", mediaItems: [
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/close-up-of-an-air-filtration-system-in--1777629439876-ea925321.png" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/interior-of-a-modern-home-with-smart-the-1777629438811-74f80839.png" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingSplitCards
|
||||
tag="Plans"
|
||||
title="Transparent Service Pricing"
|
||||
description="Straightforward pricing with no hidden costs."
|
||||
plans={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/close-up-of-an-air-filtration-system-in--1777629439876-ea925321.png",
|
||||
tag: "Basic", price: "$89", period: "per visit", description: "Comprehensive maintenance check-up to ensure system peak performance.", primaryButton: { text: "Book Now", href: "#contact" },
|
||||
featuresTitle: "Included Services", features: ["Safety check", "Filter replacement", "Coil cleaning", "Thermostat check"]
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/interior-of-a-modern-home-with-smart-the-1777629438811-74f80839.png",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg?_wi=1",
|
||||
imageAlt: "Close up of an air filtration system in a modern home, high tech feel, blue color palette, sharp foc",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
tag: "Pro", price: "$159", period: "per visit", description: "Full HVAC system audit with minor repairs and efficiency adjustments.", primaryButton: { text: "Book Now", href: "#contact" },
|
||||
featuresTitle: "Included Services", features: ["All Basic features", "Refrigerant check", "Electrical diagnostics", "Ductwork inspection"]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingSplitCards
|
||||
tag="Plans"
|
||||
title="Transparent Service Pricing"
|
||||
description="Straightforward pricing with no hidden costs."
|
||||
plans={[
|
||||
{
|
||||
tag: "Basic",
|
||||
price: "$89",
|
||||
period: "per visit",
|
||||
description: "Comprehensive maintenance check-up to ensure system peak performance.",
|
||||
primaryButton: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Included Services",
|
||||
features: [
|
||||
"Safety check",
|
||||
"Filter replacement",
|
||||
"Coil cleaning",
|
||||
"Thermostat check",
|
||||
],
|
||||
},
|
||||
{
|
||||
tag: "Pro",
|
||||
price: "$159",
|
||||
period: "per visit",
|
||||
description: "Full HVAC system audit with minor repairs and efficiency adjustments.",
|
||||
primaryButton: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Included Services",
|
||||
features: [
|
||||
"All Basic features",
|
||||
"Refrigerant check",
|
||||
"Electrical diagnostics",
|
||||
"Ductwork inspection",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricsMinimalCards
|
||||
tag="Our Impact"
|
||||
title="Trusted by Thousands"
|
||||
metrics={[
|
||||
{ value: "15K+", description: "Happy Homeowners" },
|
||||
{ value: "24/7", description: "Availability" },
|
||||
{ value: "100%", description: "Satisfaction Rate" },
|
||||
{ value: "20+", description: "Years Experience" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricsMinimalCards
|
||||
tag="Our Impact"
|
||||
title="Trusted by Thousands"
|
||||
metrics={[
|
||||
{
|
||||
value: "15K+",
|
||||
description: "Happy Homeowners",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
description: "Availability",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
description: "Satisfaction Rate",
|
||||
},
|
||||
{
|
||||
value: "20+",
|
||||
description: "Years Experience",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialRatingCards
|
||||
tag="Testimonials"
|
||||
title="What Clients Say"
|
||||
description="Read why local residents choose ComfortFlow for their HVAC needs."
|
||||
testimonials={[
|
||||
{ name: "Sarah Johnson", role: "Homeowner", quote: "Excellent and professional service. The team finished our installation in just a few hours.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg" },
|
||||
{ name: "Michael Chen", role: "Homeowner", quote: "Reliable and fast. They fixed our AC during the heatwave in record time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg" },
|
||||
{ name: "Emily Rodriguez", role: "Business Owner", quote: "ComfortFlow has been our trusted partner for office HVAC maintenance for over three years.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167740.jpg" },
|
||||
{ name: "David Kim", role: "Property Manager", quote: "Professional, efficient, and very transparent with costs. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-working-her-office-making-plans-filling-her-schedule-notebook_1258-194717.jpg" },
|
||||
{ name: "Maria Lopez", role: "Homeowner", quote: "Friendly technicians and great quality work. Our system runs better than ever.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/charming-student-girl-good-mood-relaxing-home_343059-139.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialRatingCards
|
||||
tag="Testimonials"
|
||||
title="What Clients Say"
|
||||
description="Read why local residents choose ComfortFlow for their HVAC needs."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Homeowner",
|
||||
quote: "Excellent and professional service. The team finished our installation in just a few hours.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Homeowner",
|
||||
quote: "Reliable and fast. They fixed our AC during the heatwave in record time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Business Owner",
|
||||
quote: "ComfortFlow has been our trusted partner for office HVAC maintenance for over three years.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167740.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Property Manager",
|
||||
quote: "Professional, efficient, and very transparent with costs. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-working-her-office-making-plans-filling-her-schedule-notebook_1258-194717.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Maria Lopez",
|
||||
role: "Homeowner",
|
||||
quote: "Friendly technicians and great quality work. Our system runs better than ever.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-student-girl-good-mood-relaxing-home_343059-139.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqTwoColumn
|
||||
tag="Support"
|
||||
title="Common Questions"
|
||||
description="Answers to the most frequently asked questions about HVAC services."
|
||||
items={[
|
||||
{ question: "How often should I service my AC?", answer: "We recommend professional maintenance at least twice a year for optimal performance." },
|
||||
{ question: "Are your services available 24/7?", answer: "Yes, we provide emergency support services around the clock." },
|
||||
{ question: "Do you handle air quality issues?", answer: "Yes, we specialize in air purification and humidity control solutions." },
|
||||
{ question: "What areas do you serve?", answer: "We serve the entire metro area and surrounding communities." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqTwoColumn
|
||||
tag="Support"
|
||||
title="Common Questions"
|
||||
description="Answers to the most frequently asked questions about HVAC services."
|
||||
items={[
|
||||
{
|
||||
question: "How often should I service my AC?",
|
||||
answer: "We recommend professional maintenance at least twice a year for optimal performance.",
|
||||
},
|
||||
{
|
||||
question: "Are your services available 24/7?",
|
||||
answer: "Yes, we provide emergency support services around the clock.",
|
||||
},
|
||||
{
|
||||
question: "Do you handle air quality issues?",
|
||||
answer: "Yes, we specialize in air purification and humidity control solutions.",
|
||||
},
|
||||
{
|
||||
question: "What areas do you serve?",
|
||||
answer: "We serve the entire metro area and surrounding communities.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitEmail
|
||||
tag="Contact"
|
||||
title="Get a Free Quote"
|
||||
description="Book your appointment today and stay comfortable all year long."
|
||||
inputPlaceholder="Enter your email address..."
|
||||
buttonText="Request a Quote"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-hvac-van-parked-in-front-of-1777629437517-05831414.png"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitEmail
|
||||
tag="Contact"
|
||||
title="Get a Free Quote"
|
||||
description="Book your appointment today and stay comfortable all year long."
|
||||
inputPlaceholder="Enter your email address..."
|
||||
buttonText="Request a Quote"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-hvac-van-parked-in-front-of-1777629437517-05831414.png"
|
||||
/>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user