From ac009b3dc987846d2c7e77098af8a6dc0d4cd5dc Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 27 Mar 2026 08:27:13 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 321 +++++++++++++++--------------------------------
 1 file changed, 100 insertions(+), 221 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 556d685..be75707 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,235 +16,114 @@ export default function LandingPage() {
         defaultButtonVariant="text-stagger"
         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: "Services",
-          id: "#services",
-        },
-        {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="SIMPLEX OPTICAL"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Services", id: "#services" },
+              { name: "Testimonials", id: "#testimonials" },
+              { name: "Contact", id: "#contact" },
+            ]}
+            brandName="SIMPLEX OPTICAL"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{
-        variant: "plain",
-      }}
-      title="Clear Vision Starts Here – Expert Eye Testing & Stylish Frames"
-      description="Affordable eyewear, professional eye care, and trusted service in Greater Noida."
-      buttons={[
-        {
-          text: "Call Now",
-          href: "tel:+919312310973",
-        },
-        {
-          text: "Book Free Eye Test",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/modern-optical-store-interior-with-high--1774599998284-f6efcd5a.png"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardScroll
+            background={{ variant: "plain" }}
+            title="Clear Vision Starts Here – Expert Eye Testing & Stylish Frames"
+            description="Affordable eyewear, professional eye care, and trusted service in Greater Noida."
+            buttons={[
+              { text: "Call Now", href: "tel:+919312310973" },
+              { text: "Book Free Eye Test", href: "#contact" },
+            ]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/modern-optical-store-interior-with-high--1774599998284-f6efcd5a.png"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Dr. Kulvinder",
-          role: "Patient",
-          company: "Local",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/professional-portrait-of-a-happy-custome-1774599997992-0d520f83.png?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Shivam Saxena",
-          role: "Patient",
-          company: "Local",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/professional-portrait-of-a-middle-aged-p-1774599997517-aaa86a89.png",
-        },
-        {
-          id: "3",
-          name: "Ananya P.",
-          role: "Patient",
-          company: "Local",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/professional-portrait-of-a-student-custo-1774600000646-f59d1c5d.png",
-        },
-        {
-          id: "4",
-          name: "Rohan V.",
-          role: "Patient",
-          company: "Local",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/professional-portrait-of-a-happy-custome-1774599997992-0d520f83.png?_wi=2",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "4.7⭐",
-          label: "Google Rating",
-        },
-        {
-          value: "60+",
-          label: "Satisfied Patients",
-        },
-        {
-          value: "100%",
-          label: "Quality Frames",
-        },
-      ]}
-      title="Trusted by Greater Noida Residents"
-      description="See why our customers love our service and quality."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSixteen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            title="Trusted by Greater Noida Residents"
+            description="See why our customers love our service and quality."
+            kpiItems={[
+              { value: "4.7⭐", label: "Google Rating" },
+              { value: "60+", label: "Satisfied Patients" },
+              { value: "100%", label: "Quality Frames" },
+            ]}
+            testimonials={[
+              { id: "1", name: "Dr. Kulvinder", role: "Patient", company: "Local", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/professional-portrait-of-a-happy-custome-1774599997992-0d520f83.png" },
+              { id: "2", name: "Shivam Saxena", role: "Patient", company: "Local", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/professional-portrait-of-a-middle-aged-p-1774599997517-aaa86a89.png" },
+              { id: "3", name: "Ananya P.", role: "Patient", company: "Local", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/professional-portrait-of-a-student-custo-1774600000646-f59d1c5d.png" },
+              { id: "4", name: "Rohan V.", role: "Patient", company: "Local", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/professional-portrait-of-a-happy-custome-1774599997992-0d520f83.png" }
+            ]}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardSix
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: 1,
-          title: "Eye Testing",
-          description: "Professional & Accurate eye examinations using advanced equipment.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/minimalist-icon-of-an-eye-test-chart-blu-1774599997282-05e7b590.png",
-        },
-        {
-          id: 2,
-          title: "Prescription Glasses",
-          description: "High-quality, durable, and stylish lenses for every vision need.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/minimalist-icon-of-stylish-glasses-blue--1774599996510-875e1405.png?_wi=1",
-        },
-        {
-          id: 3,
-          title: "Contact Lenses",
-          description: "Premium contact lenses for comfort and clear vision all day.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/minimalist-icon-of-contact-lenses-blue-c-1774599997455-2a5fe5fe.png",
-        },
-        {
-          id: 4,
-          title: "Frame Selection",
-          description: "Expert assistance to find the perfect frame for your face type.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/minimalist-icon-of-stylish-glasses-blue--1774599996510-875e1405.png?_wi=2",
-        },
-      ]}
-      title="Our Professional Services"
-      description="Comprehensive eye care solutions tailored to your needs."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardSix
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Our Professional Services"
+            description="Comprehensive eye care solutions tailored to your needs."
+            features={[
+              { id: 1, title: "Eye Testing", description: "Professional & Accurate eye examinations using advanced equipment.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/minimalist-icon-of-an-eye-test-chart-blu-1774599997282-05e7b590.png" },
+              { id: 2, title: "Prescription Glasses", description: "High-quality, durable, and stylish lenses for every vision need.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/minimalist-icon-of-stylish-glasses-blue--1774599996510-875e1405.png" },
+              { id: 3, title: "Contact Lenses", description: "Premium contact lenses for comfort and clear vision all day.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/minimalist-icon-of-contact-lenses-blue-c-1774599997455-2a5fe5fe.png" },
+              { id: 4, title: "Frame Selection", description: "Expert assistance to find the perfect frame for your face type.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/minimalist-icon-of-stylish-glasses-blue--1774599996510-875e1405.png" }
+            ]}
+          />
+        </div>
 
-  <div id="gallery" data-section="gallery">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "g1",
-          value: "Experience",
-          title: "Store Interior",
-          description: "Comfortable and clean environment",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/bright-and-clean-optical-store-interior--1774599998362-17856372.png",
-        },
-        {
-          id: "g2",
-          value: "Variety",
-          title: "Wide Collection",
-          description: "Latest trends and durable frames",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/detailed-shot-of-various-stylish-eyeglas-1774600000526-0f8e4381.png",
-        },
-        {
-          id: "g3",
-          value: "Expertise",
-          title: "Eye Care",
-          description: "Advanced diagnostic technology",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/professional-optometrist-performing-an-e-1774599999445-7e9db91d.png",
-        },
-      ]}
-      title="Modern & Clean Store"
-      description="Visit our facility in Greater Noida for a premium experience."
-    />
-  </div>
+        <div id="gallery" data-section="gallery">
+          <MetricCardEleven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            title="Modern & Clean Store"
+            description="Visit our facility in Greater Noida for a premium experience."
+            metrics={[
+              { id: "g1", value: "Experience", title: "Store Interior", description: "Comfortable and clean environment", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/bright-and-clean-optical-store-interior--1774599998362-17856372.png" },
+              { id: "g2", value: "Variety", title: "Wide Collection", description: "Latest trends and durable frames", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/detailed-shot-of-various-stylish-eyeglas-1774600000526-0f8e4381.png" },
+              { id: "g3", value: "Expertise", title: "Eye Care", description: "Advanced diagnostic technology", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLaTnC2Ev8cndqTuOnGL92L1W/professional-optometrist-performing-an-e-1774599999445-7e9db91d.png" }
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Get in Touch"
-      title="Need New Glasses or Eye Test Today?"
-      description="Fill the form or call us now at +91 93123 10973 for a quick consultation."
-      buttons={[
-        {
-          text: "Call Now",
-          href: "tel:+919312310973",
-        },
-        {
-          text: "Get Directions",
-          href: "https://maps.app.goo.gl/dummy",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            tag="Get in Touch"
+            title="Need New Glasses or Eye Test Today?"
+            description="Fill the form or call us now at +91 93123 10973 for a quick consultation."
+            buttons={[
+              { text: "Call Now", href: "tel:+919312310973" },
+              { text: "Get Directions", href: "https://maps.app.goo.gl/dummy" },
+            ]}
+            background={{ variant: "radial-gradient" }}
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="SIMPLEX OPTICAL"
-      columns={[
-        {
-          title: "Location",
-          items: [
-            {
-              label: "Alpha 2, Satyam Marg, Greater Noida",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Quick Links",
-          items: [
-            {
-              label: "Eye Test",
-              href: "#services",
-            },
-            {
-              label: "Contact Us",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Hours",
-          items: [
-            {
-              label: "Open daily till 10 PM",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="SIMPLEX OPTICAL"
+            columns={[
+              { title: "Location", items: [{ label: "Alpha 2, Satyam Marg, Greater Noida", href: "#" }] },
+              { title: "Quick Links", items: [{ label: "Eye Test", href: "#services" }, { label: "Contact Us", href: "#contact" }] },
+              { title: "Hours", items: [{ label: "Open daily till 10 PM", href: "#" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1