Merge version_1 into main #1
306
src/app/page.tsx
306
src/app/page.tsx
@@ -17,220 +17,116 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Lucknow Detailing Studio"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Lucknow Detailing Studio"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Lucknow's Finest Detailing"
|
||||
description="Showroom finish every time. Premium PPF, Ceramic & Graphene coatings for your luxury vehicle."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Slot",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/preparing-car-before-spray-painting_1157-36581.jpg",
|
||||
imageAlt: "PPF Application",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paint-car-spacious-car-service_146671-14946.jpg",
|
||||
imageAlt: "Ceramic Coating Finish",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal-substance_23-2148253634.jpg",
|
||||
imageAlt: "Water Beading",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/advanced-diagnostic-lab-with-metallic-equipment-sterile-testing-environment_482257-124278.jpg",
|
||||
imageAlt: "Studio Facility",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg",
|
||||
imageAlt: "PPF Detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-choosing-auto-car-showroom_651396-1159.jpg",
|
||||
imageAlt: "Showroom Result",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Lucknow's Finest Detailing"
|
||||
description="Showroom finish every time. Premium PPF, Ceramic & Graphene coatings for your luxury vehicle."
|
||||
buttons={[{ text: "Book Your Slot", href: "#contact" }]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/preparing-car-before-spray-painting_1157-36581.jpg", imageAlt: "PPF Application" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/paint-car-spacious-car-service_146671-14946.jpg", imageAlt: "Ceramic Coating Finish" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal-substance_23-2148253634.jpg", imageAlt: "Water Beading" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/advanced-diagnostic-lab-with-metallic-equipment-sterile-testing-environment_482257-124278.jpg", imageAlt: "Studio Facility" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg", imageAlt: "PPF Detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/couple-choosing-auto-car-showroom_651396-1159.jpg", imageAlt: "Showroom Result" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Why Lucknow Trusts Us"
|
||||
description={[
|
||||
"We treat every car as if it were our own. Our facility is designed to offer a hygienic, professional, and detailed environment for your vehicle.",
|
||||
"With constant 5-star ratings and a passion for precision, we lead in paint protection and ceramic coating solutions in Lucknow.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Why Lucknow Trusts Us"
|
||||
description={[
|
||||
"We treat every car as if it were our own. Our facility is designed to offer a hygienic, professional, and detailed environment for your vehicle.", "With constant 5-star ratings and a passion for precision, we lead in paint protection and ceramic coating solutions in Lucknow."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Paint Protection Film (PPF)",
|
||||
description: "The ultimate shield against chips, scratches, and road debris.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593858.jpg",
|
||||
imageAlt: "PPF Shield",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Ceramic & Graphene Coating",
|
||||
description: "High shine and hydrophobic protection that makes cleaning effortless.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342627.jpg",
|
||||
imageAlt: "Ceramic Coating",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Deep Interior Detailing",
|
||||
description: "Hygienic cleaning that restores the freshness of your vehicle interior.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22314.jpg",
|
||||
imageAlt: "Interior Detail",
|
||||
},
|
||||
]}
|
||||
title="Our Premium Services"
|
||||
description="We specialize in long-lasting, showroom-quality car care treatments."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: 1, title: "Paint Protection Film (PPF)", description: "The ultimate shield against chips, scratches, and road debris.", imageSrc: "http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593858.jpg", imageAlt: "PPF Shield" },
|
||||
{ id: 2, title: "Ceramic & Graphene Coating", description: "High shine and hydrophobic protection that makes cleaning effortless.", imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342627.jpg", imageAlt: "Ceramic Coating" },
|
||||
{ id: 3, title: "Deep Interior Detailing", description: "Hygienic cleaning that restores the freshness of your vehicle interior.", imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22314.jpg", imageAlt: "Interior Detail" }
|
||||
]}
|
||||
title="Our Premium Services"
|
||||
description="We specialize in long-lasting, showroom-quality car care treatments."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Excellent Service",
|
||||
quote: "My car looks brand new! Their PPF application is flawless.",
|
||||
name: "Sarah Johnson",
|
||||
role: "Entrepreneur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-buying-car-showroom_1303-13601.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Highly Recommended",
|
||||
quote: "The staff is polite and knowledgeable. Best coating work in Lucknow.",
|
||||
name: "Michael Chen",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171223.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Top Tier Detailing",
|
||||
quote: "Showroom finish, truly amazing results on my Thar.",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-smiling-near-pedestrian-crossing_23-2148296670.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Safe Choice",
|
||||
quote: "Trustworthy place for expensive cars. My Fortuner is shining like never before.",
|
||||
name: "David Kim",
|
||||
role: "Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-annoyed-blonde-office-worker-man-headphones-sits-desk-with-office-tools-using-laptop-screams-with-closed-eyes-isolated-white-background-with-copy-space_141793-65632.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Professional Team",
|
||||
quote: "Very hygienic workspace and helpful staff, great AC waiting area!",
|
||||
name: "Priya Sharma",
|
||||
role: "Doctor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-is-buyer-standing-new-car-dealer-center-looking-camera_146671-14725.jpg",
|
||||
},
|
||||
]}
|
||||
title="Hear From Our Happy Clients"
|
||||
description="Consistently rated 5 stars for our precision, professionalism, and staff quality."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Excellent Service", quote: "My car looks brand new! Their PPF application is flawless.", name: "Sarah Johnson", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/business-man-buying-car-showroom_1303-13601.jpg" },
|
||||
{ id: "2", title: "Highly Recommended", quote: "The staff is polite and knowledgeable. Best coating work in Lucknow.", name: "Michael Chen", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171223.jpg" },
|
||||
{ id: "3", title: "Top Tier Detailing", quote: "Showroom finish, truly amazing results on my Thar.", name: "Emily Rodriguez", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/young-man-smiling-near-pedestrian-crossing_23-2148296670.jpg" },
|
||||
{ id: "4", title: "Safe Choice", quote: "Trustworthy place for expensive cars. My Fortuner is shining like never before.", name: "David Kim", role: "Director", imageSrc: "http://img.b2bpic.net/free-photo/young-annoyed-blonde-office-worker-man-headphones-sits-desk-with-office-tools-using-laptop-screams-with-closed-eyes-isolated-white-background-with-copy-space_141793-65632.jpg" },
|
||||
{ id: "5", title: "Professional Team", quote: "Very hygienic workspace and helpful staff, great AC waiting area!", name: "Priya Sharma", role: "Doctor", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-is-buyer-standing-new-car-dealer-center-looking-camera_146671-14725.jpg" }
|
||||
]}
|
||||
title="Hear From Our Happy Clients"
|
||||
description="Consistently rated 5 stars for our precision, professionalism, and staff quality."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does PPF last?",
|
||||
content: "Our high-quality PPF lasts for 5-10 years with proper maintenance.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is graphene better than ceramic?",
|
||||
content: "Graphene coatings offer superior heat dissipation and hydrophobicity, though both are excellent.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I book a slot?",
|
||||
content: "You can reach out to us via the contact section below to schedule your appointment.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our detailing services? We have answers."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "How long does PPF last?", content: "Our high-quality PPF lasts for 5-10 years with proper maintenance." },
|
||||
{ id: "q2", title: "Is graphene better than ceramic?", content: "Graphene coatings offer superior heat dissipation and hydrophobicity, though both are excellent." },
|
||||
{ id: "q3", title: "How do I book a slot?", content: "You can reach out to us via the contact section below to schedule your appointment." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our detailing services? We have answers."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Let's Get Started"
|
||||
title="Ready to Transform Your Car?"
|
||||
description="Reach out to schedule your professional car detailing service today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "tel:+911234567890",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Let's Get Started"
|
||||
title="Ready to Transform Your Car?"
|
||||
description="Reach out to schedule your professional car detailing service today."
|
||||
buttons={[{ text: "Contact Us Now", href: "tel:+911234567890" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Lucknow Detailing Studio"
|
||||
copyrightText="© 2025 Lucknow Detailing Studio | All Rights Reserved"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Lucknow Detailing Studio"
|
||||
copyrightText="© 2025 Lucknow Detailing Studio | All Rights Reserved"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user