From 34efce585076c15b5fe8be956f31a43fda5c4bc7 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 5 May 2026 08:52:56 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 462 +++++++++++++++--------------------------------
 1 file changed, 149 insertions(+), 313 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 98d6ccd..94bad21 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,329 +19,165 @@ export default function LandingPage() {
         defaultButtonVariant="text-stagger"
         defaultTextAnimation="entrance-slide"
         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">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Products",
-          id: "#products",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="Memsaab India"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "#hero" },
+              { name: "About", id: "#about" },
+              { name: "Products", id: "#products" },
+              { name: "Contact", id: "#contact" },
+            ]}
+            brandName="Memsaab India"
+            button={{ text: "Get Started", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplit
-      background={{
-        variant: "radial-gradient",
-      }}
-      title="Celebrating Indian Heritage"
-      description="Memsaab India brings you authentic, handcrafted traditional wear that embodies the grace, color, and spirit of timeless Indian craftsmanship."
-      buttons={[
-        {
-          text: "View Collection",
-          href: "#products",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/pink-shiny-silk-fabric-texture_53876-63530.jpg"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/black-curvy-silk-fabric-material_23-2148516045.jpg",
-          alt: "Elegant customer 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/texture-sand-brown-crumpled-fabric_23-2148516006.jpg",
-          alt: "Elegant customer 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/solid-curvy-glitter-yellow-fabrics-curtains_23-2148516064.jpg",
-          alt: "Elegant customer 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/red-silk-texture_1048-3963.jpg",
-          alt: "Elegant customer 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/fashion-designer-s-studio-with-essential-elements_23-2150414724.jpg",
-          alt: "Elegant customer 5",
-        },
-      ]}
-      avatarText="Join 50k+ happy clients"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Handcrafted Excellence",
-        },
-        {
-          type: "text",
-          text: "Sustainable Materials",
-        },
-        {
-          type: "text",
-          text: "Global Shipping",
-        },
-        {
-          type: "text",
-          text: "Premium Silk Quality",
-        },
-        {
-          type: "text",
-          text: "Authentic Designs",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplit
+            background={{ variant: "radial-gradient" }}
+            title="Celebrating Indian Heritage"
+            description="Memsaab India brings you authentic, handcrafted traditional wear that embodies the grace, color, and spirit of timeless Indian craftsmanship."
+            buttons={[{ text: "View Collection", href: "#products" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/pink-shiny-silk-fabric-texture_53876-63530.jpg"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/black-curvy-silk-fabric-material_23-2148516045.jpg", alt: "Elegant customer 1" },
+              { src: "http://img.b2bpic.net/free-photo/texture-sand-brown-crumpled-fabric_23-2148516006.jpg", alt: "Elegant customer 2" },
+              { src: "http://img.b2bpic.net/free-photo/solid-curvy-glitter-yellow-fabrics-curtains_23-2148516064.jpg", alt: "Elegant customer 3" },
+              { src: "http://img.b2bpic.net/free-photo/red-silk-texture_1048-3963.jpg", alt: "Elegant customer 4" },
+              { src: "http://img.b2bpic.net/free-photo/fashion-designer-s-studio-with-essential-elements_23-2150414724.jpg", alt: "Elegant customer 5" },
+            ]}
+            avatarText="Join 50k+ happy clients"
+            marqueeItems={[
+              { type: "text", text: "Handcrafted Excellence" },
+              { type: "text", text: "Sustainable Materials" },
+              { type: "text", text: "Global Shipping" },
+              { type: "text", text: "Premium Silk Quality" },
+              { type: "text", text: "Authentic Designs" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="Crafted with Dedication"
-      metrics={[
-        {
-          icon: Sparkles,
-          label: "Designs Crafted",
-          value: "1000+",
-        },
-        {
-          icon: Award,
-          label: "Years in Craft",
-          value: "20+",
-        },
-        {
-          icon: Users,
-          label: "Happy Clients",
-          value: "50k+",
-        },
-      ]}
-      metricsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            useInvertedBackground={false}
+            title="Crafted with Dedication"
+            metrics={[
+              { icon: Sparkles, label: "Designs Crafted", value: "1000+" },
+              { icon: Award, label: "Years in Craft", value: "20+" },
+              { icon: Users, label: "Happy Clients", value: "50k+" },
+            ]}
+            metricsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardEight
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Authentic Material",
-          description: "High-quality, ethically sourced silk and cotton fabrics.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-journaling-with-paint_23-2150522469.jpg",
-        },
-        {
-          title: "Handmade Excellence",
-          description: "Each piece is crafted with intricate detail by master artisans.",
-          imageSrc: "http://img.b2bpic.net/free-photo/mexican-culture-with-colorful-bracelets_23-2149672959.jpg",
-        },
-        {
-          title: "Timeless Elegance",
-          description: "Designs that bridge the gap between tradition and modern fashion.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149503018.jpg",
-        },
-      ]}
-      title="Why Choose Memsaab India?"
-      description="Discover the fusion of tradition and contemporary style."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardEight
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { title: "Authentic Material", description: "High-quality, ethically sourced silk and cotton fabrics.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-journaling-with-paint_23-2150522469.jpg" },
+              { title: "Handmade Excellence", description: "Each piece is crafted with intricate detail by master artisans.", imageSrc: "http://img.b2bpic.net/free-photo/mexican-culture-with-colorful-bracelets_23-2149672959.jpg" },
+              { title: "Timeless Elegance", description: "Designs that bridge the gap between tradition and modern fashion.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149503018.jpg" },
+            ]}
+            title="Why Choose Memsaab India?"
+            description="Discover the fusion of tradition and contemporary style."
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Silk Kurti",
-          price: "$45",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-beautiful-yellow-dress_1303-17541.jpg",
-        },
-        {
-          id: "p2",
-          name: "Embroidered Saree",
-          price: "$120",
-          imageSrc: "http://img.b2bpic.net/free-photo/multicolored-golden-abstract-sequins-abstract-background_23-2148051863.jpg",
-        },
-        {
-          id: "p3",
-          name: "Designer Suit",
-          price: "$90",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-glasses-near-dark-wall_158538-11245.jpg",
-        },
-        {
-          id: "p4",
-          name: "Cotton Lehnga",
-          price: "$150",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wear-elegant-black-saree-posed-restaurant-against-wall-with-frames_627829-798.jpg",
-        },
-        {
-          id: "p5",
-          name: "Festive Top",
-          price: "$35",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400880.jpg",
-        },
-        {
-          id: "p6",
-          name: "Classic Salwar",
-          price: "$65",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400882.jpg",
-        },
-      ]}
-      title="Our Collection"
-      description="Explore our curated selection of premium ethnic wear."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Silk Kurti", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-beautiful-yellow-dress_1303-17541.jpg" },
+              { id: "p2", name: "Embroidered Saree", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/multicolored-golden-abstract-sequins-abstract-background_23-2148051863.jpg" },
+              { id: "p3", name: "Designer Suit", price: "$90", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-glasses-near-dark-wall_158538-11245.jpg" },
+              { id: "p4", name: "Cotton Lehnga", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wear-elegant-black-saree-posed-restaurant-against-wall-with-frames_627829-798.jpg" },
+              { id: "p5", name: "Festive Top", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400880.jpg" },
+              { id: "p6", name: "Classic Salwar", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400882.jpg" },
+            ]}
+            title="Our Collection"
+            description="Explore our curated selection of premium ethnic wear."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="bento-grid"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "100%",
-          title: "Handcrafted",
-          description: "Genuine traditional techniques.",
-          icon: CheckCircle,
-        },
-        {
-          id: "m2",
-          value: "500+",
-          title: "Styles",
-          description: "Unique designs created annually.",
-          icon: Grid,
-        },
-        {
-          id: "m3",
-          value: "30+",
-          title: "States",
-          description: "Shipping across the country.",
-          icon: MapPin,
-        },
-      ]}
-      title="Impact & Legacy"
-      description="Our journey through numbers."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="bento-grid"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "100%", title: "Handcrafted", description: "Genuine traditional techniques.", icon: CheckCircle },
+              { id: "m2", value: "500+", title: "Styles", description: "Unique designs created annually.", icon: Grid },
+              { id: "m3", value: "30+", title: "States", description: "Shipping across the country.", icon: MapPin },
+            ]}
+            title="Impact & Legacy"
+            description="Our journey through numbers."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Priya Sharma",
-          handle: "@priya",
-          testimonial: "Exceptional quality and beautiful designs. I always find something special.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-girl-with-make-up-black-background_627829-7807.jpg",
-        },
-        {
-          id: "t2",
-          name: "Anita Verma",
-          handle: "@anita",
-          testimonial: "The fabric quality is unmatched. Memsaab India is my go-to.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-woman-with-short-dress_23-2149021871.jpg",
-        },
-        {
-          id: "t3",
-          name: "Sunita Rao",
-          handle: "@sunita",
-          testimonial: "Timeless pieces that look stunning. Highly recommended.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-cancer-picking-clothes-with-her-friend_23-2151056058.jpg",
-        },
-        {
-          id: "t4",
-          name: "Megha Patel",
-          handle: "@megha",
-          testimonial: "Authentic craftsmanship that shows in every stitch.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/tanned-young-attractive-woman-green-floral-dress-looks-up-holds-phone-pink-case-sits-chair-cozy-dressing-room_197531-29861.jpg",
-        },
-        {
-          id: "t5",
-          name: "Jyoti Gupta",
-          handle: "@jyoti",
-          testimonial: "The service is quick and the packaging is beautiful.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-female-trendy-summer-red-dress-sexy-carefree-woman-posing-near-blue-wall-studio-positive-model-having-fun-cheerful-happy-isolated_158538-25754.jpg",
-        },
-      ]}
-      showRating={true}
-      title="Loved by Our Community"
-      description="Read what our customers think about our craft."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Priya Sharma", handle: "@priya", testimonial: "Exceptional quality and beautiful designs. I always find something special.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-girl-with-make-up-black-background_627829-7807.jpg" },
+              { id: "t2", name: "Anita Verma", handle: "@anita", testimonial: "The fabric quality is unmatched. Memsaab India is my go-to.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-woman-with-short-dress_23-2149021871.jpg" },
+              { id: "t3", name: "Sunita Rao", handle: "@sunita", testimonial: "Timeless pieces that look stunning. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-cancer-picking-clothes-with-her-friend_23-2151056058.jpg" },
+              { id: "t4", name: "Megha Patel", handle: "@megha", testimonial: "Authentic craftsmanship that shows in every stitch.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/tanned-young-attractive-woman-green-floral-dress-looks-up-holds-phone-pink-case-sits-chair-cozy-dressing-room_197531-29861.jpg" },
+              { id: "t5", name: "Jyoti Gupta", handle: "@jyoti", testimonial: "The service is quick and the packaging is beautiful.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-female-trendy-summer-red-dress-sexy-carefree-woman-posing-near-blue-wall-studio-positive-model-having-fun-cheerful-happy-isolated_158538-25754.jpg" },
+            ]}
+            showRating={true}
+            title="Loved by Our Community"
+            description="Read what our customers think about our craft."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Newsletter"
-      title="Stay Connected"
-      description="Sign up for updates on our latest collections and exclusive offers."
-      imageSrc="http://img.b2bpic.net/free-photo/vintage-modern-restaurant-with-full-comfort_140725-9761.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Newsletter"
+            title="Stay Connected"
+            description="Sign up for updates on our latest collections and exclusive offers."
+            imageSrc="http://img.b2bpic.net/free-photo/vintage-modern-restaurant-with-full-comfort_140725-9761.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Our Story",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Shipping",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Memsaab India"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Company",                items: [
+                  { label: "About Us", href: "#about" },
+                  { label: "Our Story", href: "#" },
+                ],
+              },
+              {
+                title: "Support",                items: [
+                  { label: "Contact", href: "#contact" },
+                  { label: "Shipping", href: "#" },
+                ],
+              },
+            ]}
+            logoText="Memsaab India"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );