353 lines
19 KiB
TypeScript
353 lines
19 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import { Leaf, ShieldCheck, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Services", id: "#services"},
|
|
{
|
|
name: "Pricing", id: "#pricing"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="New Kota Car Care"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
imagePosition="right"
|
|
title="New Kota Car Care: Cool Comfort for Every Drive"
|
|
description="Expert AC repair, maintenance, and diagnostics for all car models. Drive in comfort, no matter the weather, with our reliable and efficient service."
|
|
kpis={[
|
|
{
|
|
value: "10+", label: "Years Experience"},
|
|
{
|
|
value: "5000+", label: "Cars Serviced"},
|
|
{
|
|
value: "5-Star", label: "Rating"},
|
|
]}
|
|
enableKpiAnimation={true}
|
|
imageSrc="http://img.b2bpic.net/free-photo/closeup-manual-worker-industrial-production-line-facility_637285-4875.jpg"
|
|
imageAlt="Car AC repair technician working"
|
|
mediaAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Book an Appointment", href: "#contact"},
|
|
{
|
|
text: "Learn More", href: "#about"},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/black-auto-mechanic-checking-car-oil-while-wearing-face-mask-repair-shop_637285-9448.jpg", alt: "Black auto mechanic checking car oil while wearing face mask in repair shop"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-hvac-system-manometers_482257-90544.jpg", alt: "Close up of HVAC system manometers"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-using-diagnostic-tool-while-repairing-air-conditioning-system-car-auto-repair-shop_637285-4279.jpg", alt: "Mid adult mechanic using diagnostic tool while repairing air conditioning system of a car in auto repair shop"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/african-american-car-mechanic-with-face-mask-examining-engine-breakdown-workshop_637285-8620.jpg", alt: "African American car mechanic with face mask examining engine breakdown in a workshop"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/man-checking-out-new-car_23-2148130139.jpg", alt: "Happy car owner portrait"},
|
|
]}
|
|
avatarText="Trusted by 5000+ happy customers"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon", text: "Certified Technicians", icon: ShieldCheck,
|
|
},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/black-auto-mechanic-checking-car-oil-while-wearing-face-mask-repair-shop_637285-9448.jpg", alt: "Certified Technician"},
|
|
{
|
|
type: "text-icon", text: "Eco-Friendly Refrigerants", icon: Leaf,
|
|
},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/close-up-hvac-system-manometers_482257-90544.jpg", alt: "AC Gas Refill"},
|
|
{
|
|
type: "text-icon", text: "Fast & Reliable Service", icon: Zap,
|
|
},
|
|
]}
|
|
marqueeSpeed={30}
|
|
showMarqueeCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={false}
|
|
tag="About Us"
|
|
title="Your Trusted Partner for Car AC Excellence in Kota"
|
|
buttons={[
|
|
{
|
|
text: "Our Services", href: "#services"},
|
|
{
|
|
text: "Contact Us", href: "#contact"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSix
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "AC Gas Refill", description: "Restore cooling efficiency with precise AC gas top-ups and refills for all car models.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-technician-hand-wearing-gloves-repairing-computer_23-2147922198.jpg", imageAlt: "Car AC gas refill"},
|
|
{
|
|
title: "Leak Detection & Repair", description: "Advanced diagnostic tools to accurately locate and expertly repair refrigerant leaks.", imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367575.jpg", imageAlt: "Car AC leak detection"},
|
|
{
|
|
title: "Compressor Service", description: "Repair or replace faulty compressors to ensure powerful and consistent cooling performance.", imageSrc: "http://img.b2bpic.net/free-photo/hvac-system-refrigerant-tank-check_482257-85115.jpg", imageAlt: "Car AC compressor repair"},
|
|
{
|
|
title: "Evaporator Cleaning", description: "Deep cleaning of the evaporator coil to eliminate foul odors and improve air quality.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-calling_23-2147996592.jpg", imageAlt: "Car AC evaporator cleaning"},
|
|
]}
|
|
title="Comprehensive AC Solutions for Optimal Performance"
|
|
description="From routine maintenance to complex repairs, we keep your car's climate control system running perfectly."
|
|
tag="Our Services"
|
|
buttons={[
|
|
{
|
|
text: "View All Services", href: "#product-catalog"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "10+", title: "Years in Business", items: [
|
|
"Reliable Expertise", "Proven Track Record"],
|
|
},
|
|
{
|
|
id: "m2", value: "99%", title: "Customer Satisfaction", items: [
|
|
"Quality Service", "Happy Drivers"],
|
|
},
|
|
{
|
|
id: "m3", value: "24/7", title: "Emergency Support", items: [
|
|
"Always Available", "Rapid Response"],
|
|
},
|
|
]}
|
|
title="Years of Dedicated Service & Customer Satisfaction"
|
|
description="Our commitment to quality and transparency drives everything we do. See our achievements and why customers trust us."
|
|
tag="Our Impact"
|
|
/>
|
|
</div>
|
|
|
|
<div id="product-catalog" data-section="product-catalog">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Basic AC Checkup", price: "₹499", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-steering-wheel_23-2149226207.jpg", imageAlt: "Basic car AC checkup"},
|
|
{
|
|
id: "p2", name: "Premium AC Service", price: "₹1999", imageSrc: "http://img.b2bpic.net/free-photo/benchman-owner-car-making-deal_114579-2805.jpg", imageAlt: "Premium car AC service"},
|
|
{
|
|
id: "p3", name: "AC Compressor Replacement", price: "₹7499+", imageSrc: "http://img.b2bpic.net/free-photo/woman-hand-turning-car-air-conditioning-system-car-air-conditioner-off-button-close-up-view_657921-553.jpg", imageAlt: "AC compressor replacement"},
|
|
{
|
|
id: "p4", name: "Condenser Repair/Replacement", price: "₹3499+", imageSrc: "http://img.b2bpic.net/free-photo/bike-repair-shop_23-2148138614.jpg", imageAlt: "Car AC condenser repair"},
|
|
{
|
|
id: "p5", name: "Blower Motor Fix", price: "₹1299+", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-attaching-jumper-cables-car-battery_1170-1134.jpg", imageAlt: "Car AC blower motor repair"},
|
|
{
|
|
id: "p6", name: "AC Filter Change", price: "₹599", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212258.jpg", imageAlt: "Car AC filter change"},
|
|
]}
|
|
title="Essential Car AC Services You Can Rely On"
|
|
description="Explore our most popular and critical AC repair and maintenance offerings designed to keep you cool."
|
|
tag="Service Catalog"
|
|
buttons={[
|
|
{
|
|
text: "Get a Free Quote", href: "#contact"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "pr1", title: "Basic AC Tune-up", price: "₹999", period: "per service", features: [
|
|
"Visual inspection", "Gas pressure check", "Performance test", "Basic cleaning"],
|
|
button: {
|
|
text: "Book Basic"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/customer-holding-mobile-phone_1170-1373.jpg", imageAlt: "Basic AC Tune-up"},
|
|
{
|
|
id: "pr2", title: "Standard AC Service", price: "₹2499", period: "per service", features: [
|
|
"Full system diagnostic", "Gas refill (up to 500g)", "Condenser cleaning", "Cabin filter check", "Leak detection"],
|
|
button: {
|
|
text: "Choose Standard"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-mechanic-woman-customer-look-car-hood-discuss-repairs_146671-14234.jpg", imageAlt: "Standard AC Service"},
|
|
{
|
|
id: "pr3", title: "Complete AC Overhaul", price: "₹4999+", period: "per service", features: [
|
|
"Advanced leak detection", "Evaporator coil cleaning", "Compressor health check", "Gas refill (full)", "Component inspection & repair", "1-year warranty on parts"],
|
|
button: {
|
|
text: "Get Overhaul"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/electric-car-fuel-socket_107420-94938.jpg", imageAlt: "Complete AC Overhaul"},
|
|
]}
|
|
title="Transparent Pricing for Every AC Service Need"
|
|
description="Affordable packages tailored to give you the best value and longest-lasting comfort. No hidden costs, just clear solutions."
|
|
tag="Pricing"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Priya Sharma", role: "Marketing Professional", testimonial: "My car AC was blowing hot air, but New Kota Car Care fixed it quickly and affordably. The service was excellent, and the team was very professional. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-sitting-car_23-2148601557.jpg", imageAlt: "Priya Sharma"},
|
|
{
|
|
id: "t2", name: "Rajesh Kumar", role: "Small Business Owner", testimonial: "Fantastic service! My car's AC is now colder than ever. They were thorough in their diagnosis and explained everything clearly. I'm a customer for life.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-customer-signing-document-workshop_329181-11872.jpg", imageAlt: "Rajesh Kumar"},
|
|
{
|
|
id: "t3", name: "Deepa Singh", role: "Homemaker", testimonial: "I was worried about my car AC, but New Kota Car Care made the repair process so easy and transparent. The staff was friendly, and the quality of work is top-notch. Very happy with the results!", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-smiling-while-servicing-car-engine_1170-1285.jpg", imageAlt: "Deepa Singh"},
|
|
{
|
|
id: "t4", name: "Amit Patel", role: "Software Engineer", testimonial: "Quick, efficient, and reliable service. My car AC is working perfectly now, and the pricing was very fair. A definite go-to place for all car AC needs in Kota.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop-while-servicing-car-engine_1170-1296.jpg", imageAlt: "Amit Patel"},
|
|
{
|
|
id: "t5", name: "Sanjay Gupta", role: "Retired Teacher", testimonial: "Excellent workmanship and honest advice. They truly care about their customers. My old car's AC feels brand new after their service. Couldn't ask for better!", imageSrc: "http://img.b2bpic.net/free-photo/couple-resting-inside-car-s-trunk-while-winter-road-trip-together_23-2149208115.jpg", imageAlt: "Sanjay Gupta"},
|
|
]}
|
|
title="Trusted by Car Owners Across Kota"
|
|
description="Hear from satisfied customers who experienced the New Kota Car Care difference and now enjoy perfectly working ACs."
|
|
tag="What Our Customers Say"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "f1", title: "How often should I get my car AC serviced?", content: "It's recommended to have your car AC system checked annually, especially before the summer months, to ensure optimal performance and catch any potential issues early."},
|
|
{
|
|
id: "f2", title: "What are the signs of a failing car AC?", content: "Common signs include warm air blowing from vents, weak airflow, strange noises (hissing, clunking), or a musty odor when the AC is on."},
|
|
{
|
|
id: "f3", title: "Is AC gas refill safe for my car?", content: "Yes, when performed by certified technicians using the correct type and amount of refrigerant, an AC gas refill is perfectly safe and essential for maintaining cooling efficiency."},
|
|
{
|
|
id: "f4", title: "How long does a car AC repair typically take?", content: "The duration of an AC repair varies depending on the issue. A simple gas refill might take less than an hour, while complex repairs like compressor replacement could take several hours or even a full day. We always aim for efficient service with minimal disruption."},
|
|
{
|
|
id: "f5", title: "Do you offer a warranty on AC repairs?", content: "Yes, we stand by the quality of our work. Most of our AC repairs come with a service warranty on both parts and labor. Please ask our service advisor for specific warranty details related to your repair."},
|
|
]}
|
|
sideTitle="Common Questions About Car AC Repair"
|
|
sideDescription="Find quick answers to your most pressing questions about car air conditioning, services, and appointments at New Kota Car Care."
|
|
faqsAnimation="slide-up"
|
|
textPosition="left"
|
|
showCard={true}
|
|
buttons={[
|
|
{
|
|
text: "Contact Us", href: "#contact"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Get in Touch"
|
|
title="Schedule Your AC Service Today!"
|
|
description="Don't let a faulty AC ruin your drive. Contact us now for reliable and prompt service to keep your car cool and comfortable. Our team is ready to assist you."
|
|
imageSrc="http://img.b2bpic.net/free-photo/white-blank-paper-with-stationeries-smartphone-wooden-table_23-2147885727.jpg"
|
|
imageAlt="Car AC repair contact information"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Book Now"
|
|
termsText="By clicking Book Now you're confirming that you agree with our Terms and Conditions."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="New Kota Car Care"
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "AC Gas Refill", href: "#services"},
|
|
{
|
|
label: "Leak Detection", href: "#services"},
|
|
{
|
|
label: "Compressor Service", href: "#services"},
|
|
{
|
|
label: "Full Overhaul", href: "#pricing"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Our Values", href: "#about"},
|
|
{
|
|
label: "Testimonials", href: "#testimonials"},
|
|
{
|
|
label: "Contact Us", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Quick Links", items: [
|
|
{
|
|
label: "Pricing", href: "#pricing"},
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
{
|
|
label: "Book Appointment", href: "#contact"},
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 New Kota Car Care | All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|