From 72accf7dc311061e1d0db31a5cae699344c9e3e3 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 21 May 2026 06:34:31 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 548 ++++++++++++-----------------------------------
 1 file changed, 135 insertions(+), 413 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 00c6ed0..d2021eb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,427 +29,149 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Collection",
-          id: "products",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Nikz Clothing"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Collection", id: "products" },
+              { name: "About", id: "about" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Nikz Clothing"
+            button={{ text: "Get Started", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDoubleCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Defining Elegance in Every Stitch"
-      description="Experience the perfect blend of tradition and modernity with Nikz. Custom-tailored menswear designed for your unique signature style."
-      leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/background-clothing-fashion-plaid-studio_1203-6536.jpg?_wi=1",
-          imageAlt: "Menswear Fabric Detail",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-dressed-stylish-blue-suit-who-is-putting-elegant-watch_8353-10463.jpg?_wi=1",
-          imageAlt: "Suit Detailing",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478987.jpg?_wi=1",
-          imageAlt: "Clothing Hanger 3D",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24636.jpg",
-          imageAlt: "Folded Trousers",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-purple-material_23-2148849281.jpg",
-          imageAlt: "Abstract Fabric Swirl",
-        },
-      ]}
-      rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/polo-shirt_1203-2612.jpg",
-          imageAlt: "Folded Shirt Packaging",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-concept-with-clothing-hangers_23-2150871176.jpg",
-          imageAlt: "Folded Trousers",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885650.jpg",
-          imageAlt: "Abstract Fabric Swirl",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/blank-stationery-set-corporate-identity-template_93675-130790.jpg",
-          imageAlt: "Folded Shirt Packaging",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/garment-casual-material-wear-blue_1203-6406.jpg",
-          imageAlt: "Menswear Fabric Detail",
-        },
-      ]}
-      buttons={[
-        {
-          text: "View Collection",
-          href: "#products",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885660.jpg",
-          alt: "Customer 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/handsome-man-posing-camera-studio_23-2148532567.jpg",
-          alt: "Customer 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/studio-lighting-isolated-white_93675-131426.jpg",
-          alt: "Customer 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/empty-studio-with-photography-lighting_53876-153290.jpg",
-          alt: "Customer 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-photographer-photo-art-concept_23-2148565570.jpg",
-          alt: "Customer 5",
-        },
-      ]}
-      avatarText="Trusted by 10,000+ satisfied customers"
-      marqueeItems={[
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-vector/slow-fashion-badge-set_23-2148816027.jpg",
-          alt: "Brand 1",
-        },
-        {
-          type: "image",
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o24hgl",
-          alt: "Brand 2",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-vector/vintage-monochrome-gentleman-labels-set_1284-39892.jpg",
-          alt: "Brand 3",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-vector/men-s-apparel-shop-logo-apparel-business-branding-template-design-vector_53876-156430.jpg",
-          alt: "Brand 4",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/front-view-colorful-threads-dark-surface_179666-37878.jpg",
-          alt: "Brand 5",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDoubleCarousel
+            background={{ variant: "gradient-bars" }}
+            title="Defining Elegance in Every Stitch"
+            description="Experience the perfect blend of tradition and modernity with Nikz. Custom-tailored menswear designed for your unique signature style."
+            leftCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/background-clothing-fashion-plaid-studio_1203-6536.jpg", imageAlt: "Menswear Fabric Detail" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/man-dressed-stylish-blue-suit-who-is-putting-elegant-watch_8353-10463.jpg", imageAlt: "Suit Detailing" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478987.jpg", imageAlt: "Clothing Hanger 3D" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24636.jpg", imageAlt: "Folded Trousers" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-purple-material_23-2148849281.jpg", imageAlt: "Abstract Fabric Swirl" },
+            ]}
+            rightCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/polo-shirt_1203-2612.jpg", imageAlt: "Folded Shirt Packaging" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-concept-with-clothing-hangers_23-2150871176.jpg", imageAlt: "Folded Trousers" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885650.jpg", imageAlt: "Abstract Fabric Swirl" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/blank-stationery-set-corporate-identity-template_93675-130790.jpg", imageAlt: "Folded Shirt Packaging" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/garment-casual-material-wear-blue_1203-6406.jpg", imageAlt: "Menswear Fabric Detail" },
+            ]}
+            buttons={[{ text: "View Collection", href: "#products" }]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="A Legacy of Quality from Karur"
-      metrics={[
-        {
-          icon: Award,
-          label: "Years of Excellence",
-          value: "15+",
-        },
-        {
-          icon: Users,
-          label: "Satisfied Customers",
-          value: "10k+",
-        },
-        {
-          icon: ShoppingBag,
-          label: "Premium Garments",
-          value: "500+",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            useInvertedBackground={false}
+            title="A Legacy of Quality from Karur"
+            metrics={[
+              { icon: Award, label: "Years of Excellence", value: "15+" },
+              { icon: Users, label: "Satisfied Customers", value: "10k+" },
+              { icon: ShoppingBag, label: "Premium Garments", value: "500+" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Precision Tailoring",
-          description: "Custom fit garments for the modern man.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/close-up-wool-texture-details_23-2149620438.jpg",
-            imageAlt: "Precision Tailoring",
-          },
-          items: [
-            {
-              icon: CheckCircle,
-              text: "Custom Sizing",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/background-clothing-fashion-plaid-studio_1203-6536.jpg?_wi=2",
-          imageAlt: "fabric zoom texture",
-        },
-        {
-          title: "Premium Textiles",
-          description: "Sourced from the finest mills for durability and comfort.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/fashion-businessman-model-dressed-elegant-checkered-suit-posing-near-gray-wall-street-background-metrosexual-with-luxury-watch-wrist_158538-14233.jpg",
-            imageAlt: "Premium Textiles",
-          },
-          items: [
-            {
-              icon: CheckCircle,
-              text: "Organic Cotton",
-            },
-          ],
-          reverse: true,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-dressed-stylish-blue-suit-who-is-putting-elegant-watch_8353-10463.jpg?_wi=2",
-          imageAlt: "fabric zoom texture",
-        },
-        {
-          title: "Expert Craftsmanship",
-          description: "Hand-stitched detailing with a sharp focus on quality.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-shopping-bags-both-hands_23-2148316507.jpg",
-            imageAlt: "Expert Craftsmanship",
-          },
-          items: [
-            {
-              icon: CheckCircle,
-              text: "Handcrafted",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478987.jpg?_wi=2",
-          imageAlt: "fabric zoom texture",
-        },
-      ]}
-      title="Why Choose Nikz?"
-      description="Premium quality meets precision tailoring in every garment we create."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Why Choose Nikz?"
+            description="Premium quality meets precision tailoring in every garment we create."
+            features={[
+              {
+                title: "Precision Tailoring",                description: "Custom fit garments for the modern man.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-wool-texture-details_23-2149620438.jpg", imageAlt: "Precision Tailoring" },
+                items: [{ icon: CheckCircle, text: "Custom Sizing" }],
+                reverse: false
+              },
+              {
+                title: "Premium Textiles",                description: "Sourced from the finest mills for durability and comfort.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/fashion-businessman-model-dressed-elegant-checkered-suit-posing-near-gray-wall-street-background-metrosexual-with-luxury-watch-wrist_158538-14233.jpg", imageAlt: "Premium Textiles" },
+                items: [{ icon: CheckCircle, text: "Organic Cotton" }],
+                reverse: true
+              },
+              {
+                title: "Expert Craftsmanship",                description: "Hand-stitched detailing with a sharp focus on quality.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-shopping-bags-both-hands_23-2148316507.jpg", imageAlt: "Expert Craftsmanship" },
+                items: [{ icon: CheckCircle, text: "Handcrafted" }],
+                reverse: false
+              }
+            ]}
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          brand: "Nikz",
-          name: "Classic White Shirt",
-          price: "$45",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/specialized-photography-studio_23-2150247226.jpg",
-        },
-        {
-          id: "2",
-          brand: "Nikz",
-          name: "Navy Formal Blazer",
-          price: "$120",
-          rating: 5,
-          reviewCount: "85",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-groom-with-black-bowtie_1328-4895.jpg",
-        },
-        {
-          id: "3",
-          brand: "Nikz",
-          name: "Khaki Casual Chinos",
-          price: "$60",
-          rating: 4,
-          reviewCount: "45",
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-shopping-mall-with-casual-formal-wear-brands_482257-88618.jpg",
-        },
-        {
-          id: "4",
-          brand: "Nikz",
-          name: "Striped Formal Shirt",
-          price: "$50",
-          rating: 5,
-          reviewCount: "65",
-          imageSrc: "http://img.b2bpic.net/free-photo/medical-treatment-with-pills_23-2148150949.jpg",
-        },
-        {
-          id: "5",
-          brand: "Nikz",
-          name: "Black Slim-Fit Shirt",
-          price: "$55",
-          rating: 4,
-          reviewCount: "30",
-          imageSrc: "http://img.b2bpic.net/free-photo/clothes-presentation_23-2147704077.jpg",
-        },
-        {
-          id: "6",
-          brand: "Nikz",
-          name: "Classic Grey Vest",
-          price: "$70",
-          rating: 5,
-          reviewCount: "40",
-          imageSrc: "http://img.b2bpic.net/free-photo/shirt-clothes_1203-2959.jpg",
-        },
-      ]}
-      title="Our Signature Collection"
-      description="Timeless classics and modern essentials tailored for every occasion."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            title="Our Signature Collection"
+            description="Timeless classics and modern essentials tailored for every occasion."
+            products={[
+              { id: "1", brand: "Nikz", name: "Classic White Shirt", price: "$45", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/specialized-photography-studio_23-2150247226.jpg" },
+              { id: "2", brand: "Nikz", name: "Navy Formal Blazer", price: "$120", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/elegant-groom-with-black-bowtie_1328-4895.jpg" },
+              { id: "3", brand: "Nikz", name: "Khaki Casual Chinos", price: "$60", rating: 4, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/empty-shopping-mall-with-casual-formal-wear-brands_482257-88618.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Fashion Hub",
-        "Textile Corp",
-        "Karur Apparel",
-        "Style Trends",
-        "Mode Daily",
-        "Urban Wear",
-        "Trend Setters",
-      ]}
-      title="Trusted by Thousands"
-      description="We are proud to serve our community with dedication and style."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwelve
+            useInvertedBackground={false}
+            cardTitle="What Our Customers Say"
+            cardAnimation="slide-up"
+            cardTag="Testimonials"
+            testimonials={[
+              { id: "1", name: "Arjun R.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg" },
+              { id: "2", name: "Vikram S.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-young-businessman-blue-suit-isolated-white-wall_231208-9206.jpg" },
+              { id: "3", name: "Praveen M.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-teenagers-sitting-together_23-2149239061.jpg" },
+              { id: "4", name: "Sathish K.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-black-suit_158538-11497.jpg" },
+              { id: "5", name: "Mani D.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg" },
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Arjun R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
-        },
-        {
-          id: "2",
-          name: "Vikram S.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-young-businessman-blue-suit-isolated-white-wall_231208-9206.jpg",
-        },
-        {
-          id: "3",
-          name: "Praveen M.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-teenagers-sitting-together_23-2149239061.jpg",
-        },
-        {
-          id: "4",
-          name: "Sathish K.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-black-suit_158538-11497.jpg",
-        },
-        {
-          id: "5",
-          name: "Mani D.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg",
-        },
-      ]}
-      cardTitle="What Our Customers Say"
-      cardAnimation="slide-up"
-      cardTag="Testimonials"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "1", title: "Do you offer custom tailoring?", content: "Yes, we specialize in bespoke menswear with professional measurements." },
+              { id: "2", title: "What materials do you use?", content: "We source high-quality fabrics, including premium cottons and linens." },
+              { id: "3", title: "How do I measure for a custom shirt?", content: "Our website includes an easy-to-follow guide, or visit us in Karur." },
+            ]}
+            title="Frequently Asked Questions"
+            faqsAnimation="slide-up"
+            description="Everything you need to know about our services and process."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",
-          title: "Do you offer custom tailoring?",
-          content: "Yes, we specialize in bespoke menswear with professional measurements.",
-        },
-        {
-          id: "2",
-          title: "What materials do you use?",
-          content: "We source high-quality fabrics, including premium cottons and linens.",
-        },
-        {
-          id: "3",
-          title: "How do I measure for a custom shirt?",
-          content: "Our website includes an easy-to-follow guide, or visit us in Karur.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      faqsAnimation="slide-up"
-      description="Everything you need to know about our services and process."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Get in touch"
+            title="Ready to elevate your style?"
+            description="Visit us in Karur or drop a message to schedule a custom fitting session today."
+            buttons={[{ text: "Contact Us", href: "mailto:hello@nikzclothing.com" }]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Get in touch"
-      title="Ready to elevate your style?"
-      description="Visit us in Karur or drop a message to schedule a custom fitting session today."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "mailto:hello@nikzclothing.com",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "Products",
-              href: "#products",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-          ],
-        },
-      ]}
-      logoText="Nikz"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Products", href: "#products" }] },
+              { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
+            ]}
+            logoText="Nikz"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1