Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
317
src/app/page.tsx
317
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ClimateFlow HVAC"
|
||||
/>
|
||||
@@ -55,83 +43,32 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Your Comfort is Our Only Climate."
|
||||
description="Providing expert HVAC installation, maintenance, and emergency repair services for residential and commercial properties since 2010."
|
||||
kpis={[
|
||||
{
|
||||
value: "12+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Emergency Support",
|
||||
},
|
||||
{ value: "12+", label: "Years Experience" },
|
||||
{ value: "5k+", label: "Projects Completed" },
|
||||
{ value: "24/7", label: "Emergency Support" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1605hh&_wi=1"
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1605hh"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "asset://hero-avatar-1",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "asset://hero-avatar-2",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "asset://hero-avatar-3",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "asset://hero-avatar-4",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "asset://hero-avatar-5",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1605hh", alt: "Customer 1" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1605hh", alt: "Customer 2" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1605hh", alt: "Customer 3" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1605hh", alt: "Customer 4" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1605hh", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ local families"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Certified Technicians",
|
||||
icon: CheckCircle2,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Energy Star Certified",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Priority Support",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Transparent Pricing",
|
||||
icon: DollarSign,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Satisfaction Guarantee",
|
||||
icon: ThumbsUp,
|
||||
},
|
||||
{ type: "text-icon", text: "Certified Technicians", icon: CheckCircle2 },
|
||||
{ type: "text-icon", text: "Energy Star Certified", icon: Leaf },
|
||||
{ type: "text-icon", text: "24/7 Priority Support", icon: Clock },
|
||||
{ type: "text-icon", text: "Transparent Pricing", icon: DollarSign },
|
||||
{ type: "text-icon", text: "Satisfaction Guarantee", icon: ThumbsUp },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -141,9 +78,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Leading the Way in Climate Solutions"
|
||||
description={[
|
||||
"At ClimateFlow, we believe your home comfort shouldn't be complicated. Our certified team brings decades of combined experience to every repair, installation, and preventative maintenance check.",
|
||||
"We pride ourselves on transparent pricing, rapid response times, and the highest standards of workmanship in the HVAC industry.",
|
||||
]}
|
||||
"At ClimateFlow, we believe your home comfort shouldn't be complicated. Our certified team brings decades of combined experience to every repair, installation, and preventative maintenance check.", "We pride ourselves on transparent pricing, rapid response times, and the highest standards of workmanship in the HVAC industry."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -154,46 +89,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Air Conditioning Repair",
|
||||
description: "Rapid diagnostics and repair to keep you cool during peak summer heat.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2nfxko",
|
||||
imageAlt: "Tools",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w1kqfv",
|
||||
imageAlt: "Filter",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1605hh&_wi=2",
|
||||
imageAlt: "hvac maintenance tools close up",
|
||||
title: "Air Conditioning Repair", description: "Rapid diagnostics and repair to keep you cool during peak summer heat.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2nfxko", imageAlt: "Tools" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w1kqfv", imageAlt: "Filter" }
|
||||
},
|
||||
{
|
||||
title: "Heating Installation",
|
||||
description: "Expert furnace and heat pump installs for long-lasting winter comfort.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bew01m",
|
||||
imageAlt: "Tools",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k6t371",
|
||||
imageAlt: "Filter",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ctqhes",
|
||||
imageAlt: "hvac maintenance tools close up",
|
||||
title: "Heating Installation", description: "Expert furnace and heat pump installs for long-lasting winter comfort.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bew01m", imageAlt: "Tools" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k6t371", imageAlt: "Filter" }
|
||||
},
|
||||
{
|
||||
title: "Indoor Air Quality",
|
||||
description: "Advanced filtration and purification systems for cleaner, healthier air.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5qzgio",
|
||||
imageAlt: "Tools",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hzaypk",
|
||||
imageAlt: "Filter",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8s3c20&_wi=1",
|
||||
imageAlt: "hvac maintenance tools close up",
|
||||
title: "Indoor Air Quality", description: "Advanced filtration and purification systems for cleaner, healthier air.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5qzgio", imageAlt: "Tools" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hzaypk", imageAlt: "Filter" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -209,48 +114,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "CoolForce Pro",
|
||||
price: "$2,499",
|
||||
variant: "Premium",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8s3c20&_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "SmartChill Lite",
|
||||
price: "$1,899",
|
||||
variant: "Economy",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jz6ele",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "EcoFlow Max",
|
||||
price: "$3,200",
|
||||
variant: "Eco-Friendly",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7l0crs",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "UltraQuiet AC",
|
||||
price: "$2,750",
|
||||
variant: "UltraQuiet",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wvboe3",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "ClimateZone Split",
|
||||
price: "$1,550",
|
||||
variant: "Wall-Mount",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n2d56u",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "PureFlow Pro",
|
||||
price: "$2,999",
|
||||
variant: "Integrated",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xaxg7t",
|
||||
},
|
||||
{ id: "p1", name: "CoolForce Pro", price: "$2,499", variant: "Premium", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8s3c20" },
|
||||
{ id: "p2", name: "SmartChill Lite", price: "$1,899", variant: "Economy", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jz6ele" },
|
||||
{ id: "p3", name: "EcoFlow Max", price: "$3,200", variant: "Eco-Friendly", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7l0crs" },
|
||||
{ id: "p4", name: "UltraQuiet AC", price: "$2,750", variant: "UltraQuiet", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wvboe3" },
|
||||
{ id: "p5", name: "ClimateZone Split", price: "$1,550", variant: "Wall-Mount", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n2d56u" },
|
||||
{ id: "p6", name: "PureFlow Pro", price: "$2,999", variant: "Integrated", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xaxg7t" },
|
||||
]}
|
||||
title="Featured Cooling Systems"
|
||||
description="State-of-the-art units available for prompt installation."
|
||||
@@ -263,21 +132,9 @@ export default function LandingPage() {
|
||||
title="Performance at a Glance"
|
||||
tag="Performance Stats"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
description: "Customer Satisfaction Rate",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "45 min",
|
||||
description: "Average Response Time",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "20%",
|
||||
description: "Average Energy Saving",
|
||||
},
|
||||
{ id: "m1", value: "98%", description: "Customer Satisfaction Rate" },
|
||||
{ id: "m2", value: "45 min", description: "Average Response Time" },
|
||||
{ id: "m3", value: "20%", description: "Average Energy Saving" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -290,46 +147,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sx1zxw",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sm32td",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ralrrf",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
role: "Manager",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rkmxhj",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alex Smith",
|
||||
role: "Owner",
|
||||
company: "HomeBase",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wdv42b",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sx1zxw" },
|
||||
{ id: "t2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sm32td" },
|
||||
{ id: "t3", name: "Emily Rodriguez", role: "Director", company: "GrowthCo", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ralrrf" },
|
||||
{ id: "t4", name: "David Kim", role: "Manager", company: "StartupXYZ", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rkmxhj" },
|
||||
{ id: "t5", name: "Alex Smith", role: "Owner", company: "HomeBase", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wdv42b" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by hundreds of local homeowners."
|
||||
@@ -341,21 +163,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How often should I service my AC?",
|
||||
content: "We recommend bi-annual checkups to ensure longevity and efficiency.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer emergency services?",
|
||||
content: "Yes, our team is available 24/7 for urgent cooling emergencies.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept all major credit cards, bank transfers, and offer financing.",
|
||||
},
|
||||
{ id: "f1", title: "How often should I service my AC?", content: "We recommend bi-annual checkups to ensure longevity and efficiency." },
|
||||
{ id: "f2", title: "Do you offer emergency services?", content: "Yes, our team is available 24/7 for urgent cooling emergencies." },
|
||||
{ id: "f3", title: "What payment methods do you accept?", content: "We accept all major credit cards, bank transfers, and offer financing." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Get quick answers to common questions about our services."
|
||||
@@ -366,18 +176,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Ready to get started?"
|
||||
title="Schedule Your Service Today"
|
||||
description="Our experts are ready to diagnose and repair your HVAC system quickly and effectively."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now (555) 123-4567",
|
||||
href: "tel:5551234567",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Call Now (555) 123-4567", href: "tel:5551234567" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -386,32 +189,8 @@ export default function LandingPage() {
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4cntbj"
|
||||
logoText="ClimateFlow"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#features" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user