Merge version_1 into main #1
439
src/app/page.tsx
439
src/app/page.tsx
@@ -30,360 +30,105 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="CoolFlow AC"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="CoolFlow AC"
|
||||
button={{ text: "Get Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Keep Your Home Perfectly Cool"
|
||||
description="Professional residential and commercial AC installation, maintenance, and repair services to ensure maximum comfort all year long."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repairman-reconditioning-hvac-system_482257-80009.jpg",
|
||||
imageAlt: "hvac air conditioning system modern house",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-analyzing-building-model-with-woman-using-blueprints-plan-table-colleagues-working-together-design-construction-structure-layout-urban-development_482257-27842.jpg",
|
||||
imageAlt: "modern air conditioner unit interior wall",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-filling-out-insurance-contract_482257-85122.jpg",
|
||||
imageAlt: "ac technician working on system",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-worker-sweeping-away-loose-debris-accumulated-around-air-conditioner-base-trained-engineer-cleaning-hvac-system-body-control-panel-with-dusting-brush-tool-remove-loose-dirt_482257-70162.jpg",
|
||||
imageAlt: "hvac air conditioning system modern house",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-house-entrance-japan-building_23-2149301082.jpg",
|
||||
imageAlt: "modern air conditioner unit interior wall",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Keep Your Home Perfectly Cool"
|
||||
description="Professional residential and commercial AC installation, maintenance, and repair services to ensure maximum comfort all year long."
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/repairman-reconditioning-hvac-system_482257-80009.jpg", imageAlt: "hvac air conditioning system modern house" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-analyzing-building-model-with-woman-using-blueprints-plan-table-colleagues-working-together-design-construction-structure-layout-urban-development_482257-27842.jpg", imageAlt: "modern air conditioner unit interior wall" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-filling-out-insurance-contract_482257-85122.jpg", imageAlt: "ac technician working on system" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Decades of Cooling Excellence"
|
||||
description="Since 2005, CoolFlow AC has been providing industry-leading climate control solutions. We believe that comfort isn't just a luxury—it's a necessity for your well-being."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-people-wearing-helmets_23-2149366669.jpg"
|
||||
imageAlt="hvac technician repairing unit"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Decades of Cooling Excellence"
|
||||
description="Since 2005, CoolFlow AC has been providing industry-leading climate control solutions. We believe that comfort isn't just a luxury—it's a necessity for your well-being."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-people-wearing-helmets_23-2149366669.jpg"
|
||||
imageAlt="hvac technician repairing unit"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Rapid Repairs",
|
||||
description: "24/7 emergency response for critical system failures.",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "System Tune-ups",
|
||||
description: "Full seasonal performance optimization for energy efficiency.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Expert Installation",
|
||||
description: "Professional fitting for all top-tier climate units.",
|
||||
},
|
||||
]}
|
||||
title="Our Professional HVAC Services"
|
||||
description="Comprehensive climate control services tailored to your needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ icon: Zap, title: "Rapid Repairs", description: "24/7 emergency response for critical system failures." },
|
||||
{ icon: Shield, title: "System Tune-ups", description: "Full seasonal performance optimization for energy efficiency." },
|
||||
{ icon: Award, title: "Expert Installation", description: "Professional fitting for all top-tier climate units." },
|
||||
]}
|
||||
title="Our Professional HVAC Services"
|
||||
description="Comprehensive climate control services tailored to your needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "CoolTech",
|
||||
name: "UltraEfficient Split",
|
||||
price: "$1,200",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-automation-with-water-boiler-device_23-2148994135.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "CoolTech",
|
||||
name: "Pro Inverter 5000",
|
||||
price: "$1,800",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-haired-woman-running-room-air-conditioner_259150-57146.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "CoolTech",
|
||||
name: "SilentWall Unit",
|
||||
price: "$950",
|
||||
rating: 4,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-finger-setting-alarm_23-2148994166.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "CoolTech",
|
||||
name: "SmartCompact AC",
|
||||
price: "$800",
|
||||
rating: 4,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/weather-forecast-home-automation-monitor_53876-97897.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "CoolTech",
|
||||
name: "LargeSpace Pro",
|
||||
price: "$2,500",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/powerbank-yellow-notepad-with-pen_140725-8761.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "CoolTech",
|
||||
name: "Basic Comfort Kit",
|
||||
price: "$600",
|
||||
rating: 4,
|
||||
reviewCount: "300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/air-conditioner-mounted-white-wall_53876-133368.jpg",
|
||||
},
|
||||
]}
|
||||
title="Top-Tier Climate Units"
|
||||
description="Browse our catalog of energy-efficient air conditioning systems."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "CoolTech", name: "UltraEfficient Split", price: "$1,200", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/home-automation-with-water-boiler-device_23-2148994135.jpg" },
|
||||
{ id: "p2", brand: "CoolTech", name: "Pro Inverter 5000", price: "$1,800", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/dark-haired-woman-running-room-air-conditioner_259150-57146.jpg" },
|
||||
{ id: "p3", brand: "CoolTech", name: "SilentWall Unit", price: "$950", rating: 4, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/close-up-finger-setting-alarm_23-2148994166.jpg" },
|
||||
]}
|
||||
title="Top-Tier Climate Units"
|
||||
description="Browse our catalog of energy-efficient air conditioning systems."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Annual",
|
||||
price: "$199",
|
||||
period: "/yr",
|
||||
description: "Basic seasonal checks.",
|
||||
button: {
|
||||
text: "Select Plan",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"1 Annual Check",
|
||||
"15% off parts",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Recommended",
|
||||
price: "$399",
|
||||
period: "/yr",
|
||||
description: "Priority support.",
|
||||
button: {
|
||||
text: "Select Plan",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"2 Annual Checks",
|
||||
"Priority repair",
|
||||
"30% off parts",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
tag: "Premium",
|
||||
price: "$599",
|
||||
period: "/yr",
|
||||
description: "Complete peace of mind.",
|
||||
button: {
|
||||
text: "Select Plan",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"4 Quarterly Checks",
|
||||
"Free repairs",
|
||||
"Lifetime warranty",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Service Membership Plans"
|
||||
description="Choose a plan that guarantees comfort all year long."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{ id: "basic", tag: "Annual", price: "$199", period: "/yr", description: "Basic seasonal checks.", button: { text: "Select Plan" }, featuresTitle: "Included", features: ["1 Annual Check", "15% off parts"] },
|
||||
{ id: "pro", tag: "Recommended", price: "$399", period: "/yr", description: "Priority support.", button: { text: "Select Plan" }, featuresTitle: "Included", features: ["2 Annual Checks", "Priority repair", "30% off parts"] },
|
||||
{ id: "enterprise", tag: "Premium", price: "$599", period: "/yr", description: "Complete peace of mind.", button: { text: "Select Plan" }, featuresTitle: "Included", features: ["4 Quarterly Checks", "Free repairs", "Lifetime warranty"] },
|
||||
]}
|
||||
title="Service Membership Plans"
|
||||
description="Choose a plan that guarantees comfort all year long."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15K+",
|
||||
title: "Systems Installed",
|
||||
description: "Units perfectly fitted",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-using-smartphone-his-automated-home_23-2149036903.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
title: "Happy Clients",
|
||||
description: "Satisfaction guarantee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-works-air-conditioner_482257-90907.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Service Available",
|
||||
description: "Ready for emergencies",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17661.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Impact in Numbers"
|
||||
description="Committed to delivering performance and reliability."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Get in touch"
|
||||
title="Ready for Perfect Comfort?"
|
||||
description="Contact us today to schedule your consultation."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_j",
|
||||
testimonial: "Excellent service and fast response.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-near-heater_23-2149308963.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark R.",
|
||||
handle: "@mark_r",
|
||||
testimonial: "Very professional and friendly staff.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-explaining-quotation-customer_1170-1481.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena P.",
|
||||
handle: "@elena_p",
|
||||
testimonial: "Our AC hasn't worked better than this.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-sitting-reading-book-sofa-home_171337-19842.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
handle: "@david_w",
|
||||
testimonial: "Highly recommend their yearly maintenance.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-working-from-home_23-2149173370.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica M.",
|
||||
handle: "@jess_m",
|
||||
testimonial: "Fast, reliable, and clean installation.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-shaking-hands-medium-shot_23-2148920605.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Customer Success Stories"
|
||||
description="See why homeowners choose our expertise."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How often should I service my AC?",
|
||||
content: "Once every six months is recommended.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you provide emergency repairs?",
|
||||
content: "Yes, we are available 24/7.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are your technicians certified?",
|
||||
content: "All our technicians are fully licensed.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-worker-checking-freon-tank_482257-78533.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers about our HVAC services."
|
||||
faqsAnimation="slide-up"
|
||||
imageAlt="home ac unit repair technician"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
title="Ready for Perfect Comfort?"
|
||||
description="Contact us today to schedule your consultation."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="CoolFlow AC"
|
||||
copyrightText="© 2025 | CoolFlow AC Solutions"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="CoolFlow AC"
|
||||
copyrightText="© 2025 | CoolFlow AC Solutions"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user