From 35d99cffc22b875bb9001eb3525363a37eb56b63 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 3 Apr 2026 17:54:49 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 306 ++++++++++++++++-------------------------------
 1 file changed, 101 insertions(+), 205 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 52b4717..e398537 100644
--- a/src/app/page.tsx
+++ b/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>
   );
-- 
2.49.1