Merge version_1 into main #2
364
src/app/page.tsx
364
src/app/page.tsx
@@ -25,279 +25,109 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
]}
|
||||
brandName="Cali Climate Mechanical"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Process", id: "process" }
|
||||
]}
|
||||
brandName="Cali Climate Mechanical"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background="gradient-bars"
|
||||
title="Your Comfort, Perfectly Calibrated"
|
||||
description="California's premier HVAC specialists providing reliable, honest care for your home comfort needs."
|
||||
kpis={[
|
||||
{
|
||||
value: "6+",
|
||||
label: "Years Active",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
{
|
||||
value: "4.7★",
|
||||
label: "Rating",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Service",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Read Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/repairmen-taking-apart-hvac-system_482257-92028.jpg?_wi=1"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/five-golden-stars-inside-white-message-box-client-excellent-evaluation-by-3d-render_616485-27.jpg",
|
||||
alt: "Team Member",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/five-golden-stars-inside-white-message-box-client-excellent-evaluation-by-3d-render_616485-27.jpg",
|
||||
alt: "Team Member",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/five-golden-stars-inside-white-message-box-client-excellent-evaluation-by-3d-render_616485-27.jpg",
|
||||
alt: "Team Member",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/five-golden-stars-inside-white-message-box-client-excellent-evaluation-by-3d-render_616485-27.jpg",
|
||||
alt: "Team Member",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/five-golden-stars-inside-white-message-box-client-excellent-evaluation-by-3d-render_616485-27.jpg",
|
||||
alt: "Team Member",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ local homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Same-Day Service",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Warranty Certified",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Emergency Support",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Energy Efficient",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Your Comfort, Perfectly Calibrated"
|
||||
description="California's premier HVAC specialists providing reliable, honest care for your home comfort needs."
|
||||
kpis={[
|
||||
{ value: "6+", label: "Years Active" },
|
||||
{ value: "500+", label: "Happy Clients" },
|
||||
{ value: "4.7★", label: "Rating" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{ text: "Request Service", href: "#contact" },
|
||||
{ text: "Read Reviews", href: "#reviews" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/repairmen-taking-apart-hvac-system_482257-92028.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Built on Trust, Driven by Excellence"
|
||||
description="At Cali Climate, we treat every home like our own. We combine deep technical expertise with the old-fashioned value of showing up when we say we will. From radiant floors to complex furnace diagnostics, your comfort is our mission."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/baroque-gold-door-handles-room-interior-office-home-realistic-set-vintage-golden-long-door-pull-knobs-bar-shape-handles-with-balls-isolated-white-background_107791-3581.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Built on Trust, Driven by Excellence"
|
||||
description="At Cali Climate, we treat every home like our own. We combine deep technical expertise with the old-fashioned value of showing up when we say we will. From radiant floors to complex furnace diagnostics, your comfort is our mission."
|
||||
buttons={[{ text: "Learn More", href: "#" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/baroque-gold-door-handles-room-interior-office-home-realistic-set-vintage-golden-long-door-pull-knobs-bar-shape-handles-with-balls-isolated-white-background_107791-3581.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Professional HVAC Services"
|
||||
description="Comprehensive heating and cooling solutions for Contra Costa County."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "01",
|
||||
title: "AC Repair & Diagnostics",
|
||||
content: "Swift and accurate troubleshooting for your cooling systems.",
|
||||
},
|
||||
{
|
||||
id: "02",
|
||||
title: "Heating & Furnace Service",
|
||||
content: "Reliable maintenance to keep your home warm all winter.",
|
||||
},
|
||||
{
|
||||
id: "03",
|
||||
title: "New System Installation",
|
||||
content: "Professional sizing and installation of modern, efficient units.",
|
||||
},
|
||||
{
|
||||
id: "04",
|
||||
title: "Radiant Floor Systems",
|
||||
content: "Expertise with vintage and modern radiant heating technology.",
|
||||
},
|
||||
{
|
||||
id: "05",
|
||||
title: "Home Warranty Claims",
|
||||
content: "We work seamlessly with your home warranty providers.",
|
||||
},
|
||||
{
|
||||
id: "06",
|
||||
title: "Emergency & After-Hours",
|
||||
content: "When your comfort cannot wait, we show up.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593824.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Professional HVAC Services"
|
||||
description="Comprehensive heating and cooling solutions for Contra Costa County."
|
||||
accordionItems={[
|
||||
{ id: "01", title: "AC Repair & Diagnostics", content: "Swift and accurate troubleshooting for your cooling systems." },
|
||||
{ id: "02", title: "Heating & Furnace Service", content: "Reliable maintenance to keep your home warm all winter." },
|
||||
{ id: "03", title: "New System Installation", content: "Professional sizing and installation of modern, efficient units." },
|
||||
{ id: "04", title: "Radiant Floor Systems", content: "Expertise with vintage and modern radiant heating technology." },
|
||||
{ id: "05", title: "Home Warranty Claims", content: "We work seamlessly with your home warranty providers." },
|
||||
{ id: "06", title: "Emergency & After-Hours", content: "When your comfort cannot wait, we show up." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593824.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSixteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Stephanie Maio",
|
||||
role: "Homeowner",
|
||||
company: "Local Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/five-golden-stars-inside-white-message-box-client-excellent-evaluation-by-3d-render_616485-27.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Luis Yeshanov",
|
||||
role: "Homeowner",
|
||||
company: "Local Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/five-golden-stars-inside-white-message-box-client-excellent-evaluation-by-3d-render_616485-27.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Sheikh",
|
||||
role: "Homeowner",
|
||||
company: "Local Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/five-golden-stars-inside-white-message-box-client-excellent-evaluation-by-3d-render_616485-27.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marco Delgado",
|
||||
role: "Homeowner",
|
||||
company: "Local Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/five-golden-stars-inside-white-message-box-client-excellent-evaluation-by-3d-render_616485-27.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jordan Kurz",
|
||||
role: "Homeowner",
|
||||
company: "Local Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/five-golden-stars-inside-white-message-box-client-excellent-evaluation-by-3d-render_616485-27.jpg?_wi=5",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "20min",
|
||||
label: "Avg Response",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Parts Stocked",
|
||||
},
|
||||
{
|
||||
value: "4.7★",
|
||||
label: "Rating",
|
||||
},
|
||||
]}
|
||||
title="What Our Neighbors Say"
|
||||
description="Authentic experiences from homeowners who trust us with their comfort."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Stephanie Maio", role: "Homeowner", company: "Local Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/five-golden-stars-inside-white-message-box-client-excellent-evaluation-by-3d-render_616485-27.jpg" },
|
||||
{ id: "2", name: "Luis Yeshanov", role: "Homeowner", company: "Local Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/five-golden-stars-inside-white-message-box-client-excellent-evaluation-by-3d-render_616485-27.jpg" },
|
||||
{ id: "3", name: "Sarah Sheikh", role: "Homeowner", company: "Local Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/five-golden-stars-inside-white-message-box-client-excellent-evaluation-by-3d-render_616485-27.jpg" },
|
||||
{ id: "4", name: "Marco Delgado", role: "Homeowner", company: "Local Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/five-golden-stars-inside-white-message-box-client-excellent-evaluation-by-3d-render_616485-27.jpg" },
|
||||
{ id: "5", name: "Jordan Kurz", role: "Homeowner", company: "Local Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/five-golden-stars-inside-white-message-box-client-excellent-evaluation-by-3d-render_616485-27.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "20min", label: "Avg Response" },
|
||||
{ value: "100%", label: "Parts Stocked" },
|
||||
{ value: "4.7★", label: "Rating" }
|
||||
]}
|
||||
title="What Our Neighbors Say"
|
||||
description="Authentic experiences from homeowners who trust us with their comfort."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Ready to Restore Your Comfort?"
|
||||
description="Same-day service available. Emergency calls welcome. Home warranty accepted."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contact Us"
|
||||
title="Ready to Restore Your Comfort?"
|
||||
description="Same-day service available. Emergency calls welcome. Home warranty accepted."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/repairmen-taking-apart-hvac-system_482257-92028.jpg?_wi=2"
|
||||
logoText="Cali Climate Mechanical"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Emergency",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Cali Climate Mechanical Heating and Cooling. Licensed HVAC Contractor."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/repairmen-taking-apart-hvac-system_482257-92028.jpg"
|
||||
logoText="Cali Climate Mechanical"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Reviews", href: "#reviews" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Emergency", href: "#contact" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Cali Climate Mechanical Heating and Cooling. Licensed HVAC Contractor."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user