Merge version_1 into main #1
@@ -13,131 +13,71 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="CoolAir AC"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="CoolAir AC"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-body" data-section="about-body">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="About CoolAir AC Services"
|
||||
description="We are Pune's trusted experts for AC maintenance and repair, dedicated to providing fast and reliable service to ensure your comfort all year long."
|
||||
metrics={[
|
||||
{
|
||||
value: "1000+",
|
||||
title: "Satisfied Customers",
|
||||
},
|
||||
{
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/trained-worker-dissasembling-air-conditioner-outer-front-grill-order-start-servicing-broken-internal-parts-knowleadgeable-engineer-comissioned-by-home-owner-maintenance-hvac-system_482257-70163.jpg"
|
||||
imageAlt="Trained worker dissasembling air conditioner outer front grill in order to start servicing broken internal parts."
|
||||
/>
|
||||
</div>
|
||||
<div id="about-body" data-section="about-body">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="About CoolAir AC Services"
|
||||
description="We are Pune's trusted experts for AC maintenance and repair, dedicated to providing fast and reliable service to ensure your comfort all year long."
|
||||
metrics={[
|
||||
{ value: "1000+", title: "Satisfied Customers" },
|
||||
{ value: "10+", title: "Years Experience" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/trained-worker-dissasembling-air-conditioner-outer-front-grill-order-start-servicing-broken-internal-parts-knowleadgeable-engineer-comissioned-by-home-owner-maintenance-hvac-system_482257-70163.jpg"
|
||||
imageAlt="Trained worker dissasembling air conditioner outer front grill in order to start servicing broken internal parts."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Our Expert Technicians"
|
||||
description="Meet the team dedicated to keeping Pune cool."
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Rajesh Kumar",
|
||||
role: "Senior Engineer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-gesture-successful-collar-mixed_1262-1193.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Priya Sharma",
|
||||
role: "Customer Success",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-young-office-worker-woman-sitting-office-desk-happy-excited-with-arms-raised-smiling-cheerfully-office_141793-21244.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Amit Verma",
|
||||
role: "Technician",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-work_23-2149097924.jpg",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
name: "Vikram Singh",
|
||||
role: "Installation Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg",
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
name: "Sunita Patil",
|
||||
role: "Service Coordinator",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-corporate-office-sitting-desk_482257-8055.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Our Expert Technicians"
|
||||
description="Meet the team dedicated to keeping Pune cool."
|
||||
members={[
|
||||
{ id: "m1", name: "Rajesh Kumar", role: "Senior Engineer", imageSrc: "http://img.b2bpic.net/free-photo/professional-gesture-successful-collar-mixed_1262-1193.jpg" },
|
||||
{ id: "m2", name: "Priya Sharma", role: "Customer Success", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-young-office-worker-woman-sitting-office-desk-happy-excited-with-arms-raised-smiling-cheerfully-office_141793-21244.jpg" },
|
||||
{ id: "m3", name: "Amit Verma", role: "Technician", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-work_23-2149097924.jpg" },
|
||||
{ id: "m4", name: "Vikram Singh", role: "Installation Expert", imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg" },
|
||||
{ id: "m5", name: "Sunita Patil", role: "Service Coordinator", imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-corporate-office-sitting-desk_482257-8055.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Repair",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Installation",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp Support",
|
||||
href: "https://wa.me/91XXXXXXXXXX",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="CoolAir AC"
|
||||
copyrightText="© 2025 CoolAir AC Services. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Repair", href: "/services" }, { label: "Installation", href: "/services" }] },
|
||||
{ title: "Support", items: [{ label: "Contact Us", href: "/contact" }, { label: "WhatsApp Support", href: "https://wa.me/91XXXXXXXXXX" }] }
|
||||
]}
|
||||
logoText="CoolAir AC"
|
||||
copyrightText="© 2025 CoolAir AC Services. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -13,113 +13,68 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="CoolAir AC"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="CoolAir AC"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-body" data-section="contact-body">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Need help? Call us at +91 XXXXXXXXXX or book on WhatsApp now."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+91XXXXXXXXXX",
|
||||
},
|
||||
{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/91XXXXXXXXXX",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact-body" data-section="contact-body">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Need help? Call us at +91 XXXXXXXXXX or book on WhatsApp now."
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:+91XXXXXXXXXX" },
|
||||
{ text: "WhatsApp", href: "https://wa.me/91XXXXXXXXXX" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection
|
||||
layout="section"
|
||||
title="Terms and Conditions"
|
||||
sections={[
|
||||
{
|
||||
heading: "Service Guarantee",
|
||||
content: {
|
||||
type: "paragraph",
|
||||
text: "We offer a 30-day warranty on all repair services performed by our technicians.",
|
||||
},
|
||||
},
|
||||
{
|
||||
heading: "Pricing Policy",
|
||||
content: {
|
||||
type: "list",
|
||||
items: [
|
||||
"Inspection fee applies to all visits",
|
||||
"Material costs are extra",
|
||||
"Taxes as applicable",
|
||||
],
|
||||
},
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection
|
||||
layout="section"
|
||||
title="Terms and Conditions"
|
||||
sections={[
|
||||
{
|
||||
heading: "Service Guarantee", content: {
|
||||
type: "paragraph", text: "We offer a 30-day warranty on all repair services performed by our technicians."
|
||||
}
|
||||
},
|
||||
{
|
||||
heading: "Pricing Policy", content: {
|
||||
type: "list", items: ["Inspection fee applies to all visits", "Material costs are extra", "Taxes as applicable"]
|
||||
}
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Repair",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Installation",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp Support",
|
||||
href: "https://wa.me/91XXXXXXXXXX",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="CoolAir AC"
|
||||
copyrightText="© 2025 CoolAir AC Services. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Repair", href: "/services" }, { label: "Installation", href: "/services" }] },
|
||||
{ title: "Support", items: [{ label: "Contact Us", href: "/contact" }, { label: "WhatsApp Support", href: "https://wa.me/91XXXXXXXXXX" }] }
|
||||
]}
|
||||
logoText="CoolAir AC"
|
||||
copyrightText="© 2025 CoolAir AC Services. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
286
src/app/page.tsx
286
src/app/page.tsx
@@ -16,210 +16,104 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="CoolAir AC"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="CoolAir AC"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="AC Repair in Pune – Same Day Service"
|
||||
description="Fast, reliable, and professional AC repair at your doorstep. Book your service instantly via WhatsApp."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book on WhatsApp",
|
||||
href: "https://wa.me/91XXXXXXXXXX?text=Hi%20I%20want%20to%20book%20AC%20service",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "h1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-wearing-helmets_23-2149366669.jpg",
|
||||
imageAlt: "professional ac technician repairing air conditioner",
|
||||
},
|
||||
{
|
||||
id: "h2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-looking-freon-levels_482257-90904.jpg",
|
||||
imageAlt: "professional ac technician repairing air conditioner",
|
||||
},
|
||||
{
|
||||
id: "h3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-lamp-outstretched-hand-near-kitchen-hood_259150-59267.jpg",
|
||||
imageAlt: "professional ac technician repairing air conditioner",
|
||||
},
|
||||
{
|
||||
id: "h4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-party-with-delicious-pizza_23-2151309392.jpg",
|
||||
imageAlt: "professional ac technician repairing air conditioner",
|
||||
},
|
||||
{
|
||||
id: "h5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17482.jpg",
|
||||
imageAlt: "professional ac technician repairing air conditioner",
|
||||
},
|
||||
{
|
||||
id: "h6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serviceman-hired-condenser-checkup_482257-90623.jpg",
|
||||
imageAlt: "professional ac technician repairing air conditioner",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="AC Repair in Pune – Same Day Service"
|
||||
description="Fast, reliable, and professional AC repair at your doorstep. Book your service instantly via WhatsApp."
|
||||
buttons={[
|
||||
{ text: "Book on WhatsApp", href: "https://wa.me/91XXXXXXXXXX?text=Hi%20I%20want%20to%20book%20AC%20service" }
|
||||
]}
|
||||
carouselItems={[
|
||||
{ id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-wearing-helmets_23-2149366669.jpg", imageAlt: "professional ac technician repairing air conditioner" },
|
||||
{ id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/professional-looking-freon-levels_482257-90904.jpg", imageAlt: "professional ac technician repairing air conditioner" },
|
||||
{ id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/man-with-lamp-outstretched-hand-near-kitchen-hood_259150-59267.jpg", imageAlt: "professional ac technician repairing air conditioner" },
|
||||
{ id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/friends-party-with-delicious-pizza_23-2151309392.jpg", imageAlt: "professional ac technician repairing air conditioner" },
|
||||
{ id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17482.jpg", imageAlt: "professional ac technician repairing air conditioner" },
|
||||
{ id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/serviceman-hired-condenser-checkup_482257-90623.jpg", imageAlt: "professional ac technician repairing air conditioner" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Fast 24/7 Response",
|
||||
"Experienced Technicians",
|
||||
"Affordable Rates",
|
||||
"Original Spare Parts",
|
||||
"No Hidden Charges",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"AC Repair",
|
||||
"AC Installation",
|
||||
"Gas Filling",
|
||||
"Annual Maintenance",
|
||||
"AC Uninstallation",
|
||||
],
|
||||
}}
|
||||
title="Our Services"
|
||||
description="Comprehensive AC solutions for your home and office."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{ items: ["Fast 24/7 Response", "Experienced Technicians", "Affordable Rates", "Original Spare Parts", "No Hidden Charges"] }}
|
||||
positiveCard={{ items: ["AC Repair", "AC Installation", "Gas Filling", "Annual Maintenance", "AC Uninstallation"] }}
|
||||
title="Our Services"
|
||||
description="Comprehensive AC solutions for your home and office."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Rahul P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-man-meeting-with-business-partner_1262-16967.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Anita S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-occupation-remote-work-concept-confident-young-female-copywriter-standing-kitchen_343059-3895.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Amit K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-rubbing-temples-t-shirt-looking-happy_176474-32830.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sunita V.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-standing-office_23-2147899580.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Vijay R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-young-couple-together-home_23-2148350561.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="What our customers say"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Rahul P.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-man-meeting-with-business-partner_1262-16967.jpg" },
|
||||
{ id: "t2", name: "Anita S.", imageSrc: "http://img.b2bpic.net/free-photo/technology-occupation-remote-work-concept-confident-young-female-copywriter-standing-kitchen_343059-3895.jpg" },
|
||||
{ id: "t3", name: "Amit K.", imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-rubbing-temples-t-shirt-looking-happy_176474-32830.jpg" },
|
||||
{ id: "t4", name: "Sunita V.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-standing-office_23-2147899580.jpg" },
|
||||
{ id: "t5", name: "Vijay R.", imageSrc: "http://img.b2bpic.net/free-photo/cute-young-couple-together-home_23-2148350561.jpg" }
|
||||
]}
|
||||
cardTitle="What our customers say"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="About Us"
|
||||
title="Why CoolAir AC Stands Above the Rest in Pune"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "/about",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="About Us"
|
||||
title="Why CoolAir AC Stands Above the Rest in Pune"
|
||||
buttons={[{ text: "Learn More", href: "/about" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get Started"
|
||||
title="Need Professional Cooling Help?"
|
||||
description="Don't suffer in the Pune heat. Get your AC serviced today by our expert technicians."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Instant Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get Started"
|
||||
title="Need Professional Cooling Help?"
|
||||
description="Don't suffer in the Pune heat. Get your AC serviced today by our expert technicians."
|
||||
buttons={[{ text: "Get Instant Quote", href: "/contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Repair",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Installation",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp Support",
|
||||
href: "https://wa.me/91XXXXXXXXXX",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="CoolAir AC"
|
||||
copyrightText="© 2025 CoolAir AC Services. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Repair", href: "/services" }, { label: "Installation", href: "/services" }] },
|
||||
{ title: "Support", items: [{ label: "Contact Us", href: "/contact" }, { label: "WhatsApp Support", href: "https://wa.me/91XXXXXXXXXX" }] }
|
||||
]}
|
||||
logoText="CoolAir AC"
|
||||
copyrightText="© 2025 CoolAir AC Services. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -13,176 +13,74 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="CoolAir AC"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="CoolAir AC"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-body" data-section="services-body">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
brand: "AC Service",
|
||||
name: "General Repair",
|
||||
price: "₹499",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-worker-operating-industrial-machine-factory_637285-4184.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
brand: "AC Service",
|
||||
name: "Installation",
|
||||
price: "₹1200",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/defective-external-air-conditioner_482257-91071.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
brand: "AC Service",
|
||||
name: "Gas Filling",
|
||||
price: "₹1500",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bike-repair-shop_23-2148138614.jpg",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
brand: "AC Service",
|
||||
name: "AMC Package",
|
||||
price: "₹2500",
|
||||
rating: 5,
|
||||
reviewCount: "40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-electrical-tools-wooden-background-flat-lay_169016-24821.jpg",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
brand: "AC Service",
|
||||
name: "Deep Cleaning",
|
||||
price: "₹799",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serviceman-arriving-help-apprentice_482257-85127.jpg",
|
||||
},
|
||||
{
|
||||
id: "s6",
|
||||
brand: "AC Service",
|
||||
name: "Gas Top-Up",
|
||||
price: "₹800",
|
||||
rating: 5,
|
||||
reviewCount: "60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-broken-manometers_482257-80114.jpg",
|
||||
},
|
||||
]}
|
||||
title="Professional Services"
|
||||
description="Book any of our specialized services today."
|
||||
/>
|
||||
</div>
|
||||
<div id="services-body" data-section="services-body">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "s1", brand: "AC Service", name: "General Repair", price: "₹499", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/close-up-worker-operating-industrial-machine-factory_637285-4184.jpg" },
|
||||
{ id: "s2", brand: "AC Service", name: "Installation", price: "₹1200", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/defective-external-air-conditioner_482257-91071.jpg" },
|
||||
{ id: "s3", brand: "AC Service", name: "Gas Filling", price: "₹1500", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/bike-repair-shop_23-2148138614.jpg" },
|
||||
{ id: "s4", brand: "AC Service", name: "AMC Package", price: "₹2500", rating: 5, reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/different-electrical-tools-wooden-background-flat-lay_169016-24821.jpg" },
|
||||
{ id: "s5", brand: "AC Service", name: "Deep Cleaning", price: "₹799", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/serviceman-arriving-help-apprentice_482257-85127.jpg" },
|
||||
{ id: "s6", brand: "AC Service", name: "Gas Top-Up", price: "₹800", rating: 5, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/close-up-broken-manometers_482257-80114.jpg" }
|
||||
]}
|
||||
title="Professional Services"
|
||||
description="Book any of our specialized services today."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Quick Service Packs"
|
||||
description="Select a plan that fits your needs."
|
||||
products={[
|
||||
{
|
||||
id: "sp1",
|
||||
name: "Silver Pack",
|
||||
price: "₹999",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-refrigerant-manifold-gauges_482257-90522.jpg",
|
||||
},
|
||||
{
|
||||
id: "sp2",
|
||||
name: "Gold Pack",
|
||||
price: "₹1999",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388944.jpg",
|
||||
},
|
||||
{
|
||||
id: "sp3",
|
||||
name: "Platinum Pack",
|
||||
price: "₹2999",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17800.jpg",
|
||||
},
|
||||
{
|
||||
id: "sp4",
|
||||
name: "Emergency Pack",
|
||||
price: "₹1500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coworkers-refill-air-conditioner-freon_482257-90737.jpg",
|
||||
},
|
||||
{
|
||||
id: "sp5",
|
||||
name: "Corporate AMC",
|
||||
price: "₹4999",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-dismantling-condenser_482257-90835.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Quick Service Packs"
|
||||
description="Select a plan that fits your needs."
|
||||
products={[
|
||||
{ id: "sp1", name: "Silver Pack", price: "₹999", imageSrc: "http://img.b2bpic.net/free-photo/close-up-refrigerant-manifold-gauges_482257-90522.jpg" },
|
||||
{ id: "sp2", name: "Gold Pack", price: "₹1999", imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388944.jpg" },
|
||||
{ id: "sp3", name: "Platinum Pack", price: "₹2999", imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17800.jpg" },
|
||||
{ id: "sp4", name: "Emergency Pack", price: "₹1500", imageSrc: "http://img.b2bpic.net/free-photo/coworkers-refill-air-conditioner-freon_482257-90737.jpg" },
|
||||
{ id: "sp5", name: "Corporate AMC", price: "₹4999", imageSrc: "http://img.b2bpic.net/free-photo/technician-dismantling-condenser_482257-90835.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Repair",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Installation",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp Support",
|
||||
href: "https://wa.me/91XXXXXXXXXX",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="CoolAir AC"
|
||||
copyrightText="© 2025 CoolAir AC Services. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Repair", href: "/services" }, { label: "Installation", href: "/services" }] },
|
||||
{ title: "Support", items: [{ label: "Contact Us", href: "/contact" }, { label: "WhatsApp Support", href: "https://wa.me/91XXXXXXXXXX" }] }
|
||||
]}
|
||||
logoText="CoolAir AC"
|
||||
copyrightText="© 2025 CoolAir AC Services. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user