From f28728f72c7d07987fe4755ae4993430f11f3c2d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 28 Mar 2026 13:06:53 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 340 ++++++++++++++---------------------------------
 1 file changed, 102 insertions(+), 238 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d3fea16..b86c874 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,252 +17,116 @@ export default function LandingPage() {
         defaultButtonVariant="directional-hover"
         defaultTextAnimation="background-highlight"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Naman Auto Care"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen
+              navItems={[
+                { name: "Home", id: "hero" },
+                { name: "Services", id: "features" },
+                { name: "Reviews", id: "testimonials" },
+                { name: "Contact", id: "contact" }
+              ]}
+              brandName="Naman Auto Care"
+            />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardTestimonial
-      useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Expert Care for Your Vehicle"
-      description="At Naman Auto Care, we combine advanced diagnostic technology with honest, professional service to keep you safe on the road."
-      testimonials={[
-        {
-          name: "Arjun Singh",
-          handle: "@arjun",
-          testimonial: "Best service in town! My engine runs smoother than ever.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/satisfied-customer-shaking-hands-with-mechanic_1170-1565.jpg?_wi=1",
-        },
-        {
-          name: "Priya Sharma",
-          handle: "@priya",
-          testimonial: "Very professional and transparent about all costs.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car_1303-13714.jpg?_wi=1",
-        },
-        {
-          name: "Vikram Mehta",
-          handle: "@vikram",
-          testimonial: "Quick turnaround and excellent quality of work.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-blue-sweater-helping-friend-choosing-vehicle_651396-1203.jpg?_wi=1",
-        },
-        {
-          name: "Ananya Reddy",
-          handle: "@ananya",
-          testimonial: "Highly recommended for all car maintenance needs!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/driver-dressed-elegant-costume_23-2149184245.jpg?_wi=1",
-        },
-        {
-          name: "Rohan Das",
-          handle: "@rohan",
-          testimonial: "Dependable and reliable service every time I visit.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/satisfied-customer-shaking-hands-with-mechanic_1170-1565.jpg?_wi=2",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/bearded-expert-mechanic-dressed-uniform-standing-with-crowbar-hand-against-car-lift-garage_613910-18004.jpg"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroBillboardTestimonial
+              useInvertedBackground={true}
+              background={{ variant: "gradient-bars" }}
+              title="Expert Care for Your Vehicle"
+              description="At Naman Auto Care, we combine advanced diagnostic technology with honest, professional service to keep you safe on the road."
+              testimonials={[
+                { name: "Arjun Singh", handle: "@arjun", testimonial: "Best service in town! My engine runs smoother than ever.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/satisfied-customer-shaking-hands-with-mechanic_1170-1565.jpg" },
+                { name: "Priya Sharma", handle: "@priya", testimonial: "Very professional and transparent about all costs.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car_1303-13714.jpg" },
+                { name: "Vikram Mehta", handle: "@vikram", testimonial: "Quick turnaround and excellent quality of work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-blue-sweater-helping-friend-choosing-vehicle_651396-1203.jpg" },
+                { name: "Ananya Reddy", handle: "@ananya", testimonial: "Highly recommended for all car maintenance needs!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/driver-dressed-elegant-costume_23-2149184245.jpg" },
+                { name: "Rohan Das", handle: "@rohan", testimonial: "Dependable and reliable service every time I visit.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/satisfied-customer-shaking-hands-with-mechanic_1170-1565.jpg" }
+              ]}
+              imageSrc="http://img.b2bpic.net/free-photo/bearded-expert-mechanic-dressed-uniform-standing-with-crowbar-hand-against-car-lift-garage_613910-18004.jpg"
+            />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="About Us"
-      title="Reliability You Can Trust"
-      description="With over a decade of experience, we specialize in high-quality automotive maintenance. Our certified mechanics handle everything from routine oil changes to complex engine diagnostics with precision and integrity."
-      subdescription="We treat every car as if it were our own."
-      imageSrc="http://img.b2bpic.net/free-photo/car-mechanic-using-laptop-while-examining-engine-auto-repair-shop_637285-8652.jpg"
-      mediaAnimation="blur-reveal"
-      icon={Wrench}
-    />
-  </div>
+        <div id="about" data-section="about">
+            <TestimonialAboutCard
+              useInvertedBackground={false}
+              tag="About Us"
+              title="Reliability You Can Trust"
+              description="With over a decade of experience, we specialize in high-quality automotive maintenance. Our certified mechanics handle everything from routine oil changes to complex engine diagnostics with precision and integrity."
+              subdescription="We treat every car as if it were our own."
+              imageSrc="http://img.b2bpic.net/free-photo/car-mechanic-using-laptop-while-examining-engine-auto-repair-shop_637285-8652.jpg"
+              mediaAnimation="blur-reveal"
+              icon={Wrench}
+            />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSeven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: 1,
-          title: "Brake Systems",
-          description: "Expert inspection and replacement of brake pads, rotors, and fluid.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-types-wrenches_23-2148428284.jpg",
-        },
-        {
-          id: 2,
-          title: "Engine Diagnostics",
-          description: "Cutting-edge tools to identify and fix engine issues quickly.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-working-his-workshop_23-2148970735.jpg",
-        },
-        {
-          id: 3,
-          title: "Alignment & Tires",
-          description: "Precision alignment and tire balancing for a safer, smoother ride.",
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-car-tyre_1170-1640.jpg",
-        },
-      ]}
-      title="Comprehensive Auto Services"
-      description="Our full suite of diagnostic and repair tools ensures your vehicle receives exactly what it needs."
-    />
-  </div>
+        <div id="features" data-section="features">
+            <FeatureCardSeven
+              animationType="slide-up"
+              textboxLayout="split"
+              useInvertedBackground={true}
+              features={[
+                { id: 1, title: "Brake Systems", description: "Expert inspection and replacement of brake pads, rotors, and fluid.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-types-wrenches_23-2148428284.jpg" },
+                { id: 2, title: "Engine Diagnostics", description: "Cutting-edge tools to identify and fix engine issues quickly.", imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-working-his-workshop_23-2148970735.jpg" },
+                { id: 3, title: "Alignment & Tires", description: "Precision alignment and tire balancing for a safer, smoother ride.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-car-tyre_1170-1640.jpg" }
+              ]}
+              title="Comprehensive Auto Services"
+              description="Our full suite of diagnostic and repair tools ensures your vehicle receives exactly what it needs."
+            />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Arjun Singh",
-          handle: "@arjun",
-          testimonial: "Exceptional service, clearly explained.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/satisfied-customer-shaking-hands-with-mechanic_1170-1565.jpg?_wi=3",
-        },
-        {
-          id: "2",
-          name: "Priya Sharma",
-          handle: "@priya",
-          testimonial: "Very honest and fair prices.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car_1303-13714.jpg?_wi=2",
-        },
-        {
-          id: "3",
-          name: "Vikram Mehta",
-          handle: "@vikram",
-          testimonial: "Fixed my car in record time!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-blue-sweater-helping-friend-choosing-vehicle_651396-1203.jpg?_wi=2",
-        },
-        {
-          id: "4",
-          name: "Ananya Reddy",
-          handle: "@ananya",
-          testimonial: "Wonderful experience every time.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/driver-dressed-elegant-costume_23-2149184245.jpg?_wi=2",
-        },
-        {
-          id: "5",
-          name: "Sneha K.",
-          handle: "@sneha",
-          testimonial: "Polite staff and high-quality repairs.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car_1303-13714.jpg?_wi=3",
-        },
-      ]}
-      showRating={true}
-      title="What Our Clients Say"
-      description="Don't just take our word for it—read why our customers choose Naman Auto Care."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+            <TestimonialCardThirteen
+              textboxLayout="default"
+              useInvertedBackground={false}
+              testimonials={[
+                { id: "1", name: "Arjun Singh", handle: "@arjun", testimonial: "Exceptional service, clearly explained.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/satisfied-customer-shaking-hands-with-mechanic_1170-1565.jpg" },
+                { id: "2", name: "Priya Sharma", handle: "@priya", testimonial: "Very honest and fair prices.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car_1303-13714.jpg" },
+                { id: "3", name: "Vikram Mehta", handle: "@vikram", testimonial: "Fixed my car in record time!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-blue-sweater-helping-friend-choosing-vehicle_651396-1203.jpg" },
+                { id: "4", name: "Ananya Reddy", handle: "@ananya", testimonial: "Wonderful experience every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/driver-dressed-elegant-costume_23-2149184245.jpg" },
+                { id: "5", name: "Sneha K.", handle: "@sneha", testimonial: "Polite staff and high-quality repairs.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car_1303-13714.jpg" }
+              ]}
+              showRating={true}
+              animationType="slide-up"
+              title="What Our Clients Say"
+              description="Don't just take our word for it—read why our customers choose Naman Auto Care."
+            />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={true}
-      title="Schedule Your Visit"
-      description="Ready for your next service? Send us a message and we'll get you booked in."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
-        },
-        {
-          name: "vehicle",
-          type: "text",
-          placeholder: "Vehicle Model",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "How can we help?",
-        rows: 4,
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/woman-working-call-center-office_23-2149256153.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactSplitForm
+              useInvertedBackground={true}
+              title="Schedule Your Visit"
+              description="Ready for your next service? Send us a message and we'll get you booked in."
+              inputs={[
+                { name: "name", type: "text", placeholder: "Your Name", required: true },
+                { name: "email", type: "email", placeholder: "Email Address", required: true },
+                { name: "vehicle", type: "text", placeholder: "Vehicle Model", required: true }
+              ]}
+              textarea={{ name: "message", placeholder: "How can we help?", rows: 4, required: true }}
+              imageSrc="http://img.b2bpic.net/free-photo/woman-working-call-center-office_23-2149256153.jpg"
+              mediaAnimation="slide-up"
+            />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-            {
-              label: "Reviews",
-              href: "#testimonials",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Naman Auto Care"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterLogoEmphasis
+              columns={[
+                { items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }, { label: "Reviews", href: "#testimonials" }] },
+                { items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
+              ]}
+              logoText="Naman Auto Care"
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1