From 446b53d6f2cb7ad2f5179c8bb4ee71031fd4d92a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 22:36:30 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 509 +++++++++++++----------------------------------
 1 file changed, 142 insertions(+), 367 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index bcd1362..7ab86be 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,381 +27,156 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Products",
-          id: "products",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="SHOPIN"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Products", id: "products" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="SHOPIN"
+            button={{ text: "Get Started", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="Luxury Redefined by SHOPIN"
-      description="Discover a curated selection of premium electronics and fashion, handpicked for those who appreciate the finer things in life."
-      kpis={[
-        {
-          value: "100+",
-          label: "Exclusive Items",
-        },
-        {
-          value: "24/7",
-          label: "Premium Support",
-        },
-        {
-          value: "10k+",
-          label: "Happy Clients",
-        },
-      ]}
-      enableKpiAnimation={true}
-      buttons={[
-        {
-          text: "Shop Now",
-          href: "#products",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/top-view-nail-polish-accesories-plain-background_23-2148306690.jpg?_wi=1"
-      imageAlt="luxury lifestyle photography dark mode"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/red-haired-girl-bed-with-vr-glasses-studio-room_627829-8980.jpg",
-          alt: "Red haired girl in bed with vr glasses at studio room",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/person-wearing-futuristic-high-tech-virtual-reality-glasses_23-2151141594.jpg",
-          alt: "Person wearing futuristic high tech virtual reality glasses",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-black-with-shopping-bags-smartphone_23-2148316560.jpg",
-          alt: "Man in black with shopping bags and smartphone",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/purse-lipstick_23-2147710699.jpg",
-          alt: "Purse an lipstick",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-woman-with-cigarette-brown-winter-head-blue-scarf_613910-331.jpg",
-          alt: "Portrait of woman with cigarette in brown winter head and blue scarf.",
-        },
-      ]}
-      avatarText="Trusted by 10k+ luxury connoisseurs"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Curated Elegance",
-        },
-        {
-          type: "text",
-          text: "Premium Quality",
-        },
-        {
-          type: "text",
-          text: "Global Excellence",
-        },
-        {
-          type: "text",
-          text: "Timeless Style",
-        },
-        {
-          type: "text",
-          text: "Exquisite Design",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitKpi
+            background={{ variant: "sparkles-gradient" }}
+            title="Luxury Redefined by SHOPIN"
+            description="Discover a curated selection of premium electronics and fashion, handpicked for those who appreciate the finer things in life."
+            kpis={[
+              { value: "100+", label: "Exclusive Items" },
+              { value: "24/7", label: "Premium Support" },
+              { value: "10k+", label: "Happy Clients" },
+            ]}
+            enableKpiAnimation={true}
+            buttons={[{ text: "Shop Now", href: "#products" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/top-view-nail-polish-accesories-plain-background_23-2148306690.jpg"
+            imageAlt="luxury lifestyle photography dark mode"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/red-haired-girl-bed-with-vr-glasses-studio-room_627829-8980.jpg", alt: "Red haired girl in bed with vr glasses at studio room" },
+              { src: "http://img.b2bpic.net/free-photo/person-wearing-futuristic-high-tech-virtual-reality-glasses_23-2151141594.jpg", alt: "Person wearing futuristic high tech virtual reality glasses" },
+              { src: "http://img.b2bpic.net/free-photo/man-black-with-shopping-bags-smartphone_23-2148316560.jpg", alt: "Man in black with shopping bags and smartphone" },
+              { src: "http://img.b2bpic.net/free-photo/purse-lipstick_23-2147710699.jpg", alt: "Purse an lipstick" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-woman-with-cigarette-brown-winter-head-blue-scarf_613910-331.jpg", alt: "Portrait of woman with cigarette in brown winter head and blue scarf." },
+            ]}
+            avatarText="Trusted by 10k+ luxury connoisseurs"
+            marqueeItems={[
+              { type: "text", text: "Curated Elegance" },
+              { type: "text", text: "Premium Quality" },
+              { type: "text", text: "Global Excellence" },
+              { type: "text", text: "Timeless Style" },
+              { type: "text", text: "Exquisite Design" },
+            ]}
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="split-description"
-      gridVariant="bento-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          name: "Precision Watch",
-          price: "$1,299",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722697.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Silk Couture",
-          price: "$899",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-green-eyes-wears-grey-sweater-hat-autumn-image-concept_633478-2606.jpg?_wi=1",
-        },
-        {
-          id: "3",
-          name: "Leather Heritage",
-          price: "$649",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-talking-phone_23-2148751530.jpg?_wi=1",
-        },
-        {
-          id: "4",
-          name: "Sonic Elite",
-          price: "$399",
-          imageSrc: "http://img.b2bpic.net/free-photo/headphones-laptop-home_23-2149551432.jpg?_wi=1",
-        },
-        {
-          id: "5",
-          name: "Visionary Frames",
-          price: "$299",
-          imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-slightly-rounded-frame_23-2150670770.jpg",
-        },
-        {
-          id: "6",
-          name: "Meta Phone",
-          price: "$1,499",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-window-using-mobile_23-2148415946.jpg",
-        },
-      ]}
-      title="Curated Collections"
-      description="Explore our hand-selected range of high-end materials, gadgets, and fashion staples."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="split-description"
+            gridVariant="bento-grid"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", name: "Precision Watch", price: "$1,299", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722697.jpg" },
+              { id: "2", name: "Silk Couture", price: "$899", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-green-eyes-wears-grey-sweater-hat-autumn-image-concept_633478-2606.jpg" },
+              { id: "3", name: "Leather Heritage", price: "$649", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-talking-phone_23-2148751530.jpg" },
+              { id: "4", name: "Sonic Elite", price: "$399", imageSrc: "http://img.b2bpic.net/free-photo/headphones-laptop-home_23-2149551432.jpg" },
+              { id: "5", name: "Visionary Frames", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-slightly-rounded-frame_23-2150670770.jpg" },
+              { id: "6", name: "Meta Phone", price: "$1,499", imageSrc: "http://img.b2bpic.net/free-photo/woman-window-using-mobile_23-2148415946.jpg" },
+            ]}
+            title="Curated Collections"
+            description="Explore our hand-selected range of high-end materials, gadgets, and fashion staples."
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyFour
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "f1",
-          title: "Authenticity Guaranteed",
-          author: "Quality Assurance",
-          description: "Every item is rigorously inspected to ensure it meets our gold standard.",
-          tags: [
-            "Guaranteed",
-            "Original",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/headset-aa-white-surface_181624-21804.jpg",
-        },
-        {
-          id: "f2",
-          title: "Global Shipping",
-          author: "Fast Delivery",
-          description: "Delivered to your doorstep, anywhere in the world, in secure luxury packaging.",
-          tags: [
-            "Global",
-            "Safe",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-non-binary-person_23-2148757597.jpg",
-        },
-        {
-          id: "f3",
-          title: "Exclusive Concierge",
-          author: "24/7 Support",
-          description: "Dedicated shopping assistants available to help you make the perfect choice.",
-          tags: [
-            "Concierge",
-            "Support",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-storage-devices-bed_23-2149319354.jpg",
-        },
-      ]}
-      title="The SHOPIN Advantage"
-      description="Experience shopping like never before, where quality meets unparalleled exclusivity."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyFour
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            features={[
+              { id: "f1", title: "Authenticity Guaranteed", author: "Quality Assurance", description: "Every item is rigorously inspected to ensure it meets our gold standard.", tags: ["Guaranteed", "Original"], imageSrc: "http://img.b2bpic.net/free-photo/headset-aa-white-surface_181624-21804.jpg" },
+              { id: "f2", title: "Global Shipping", author: "Fast Delivery", description: "Delivered to your doorstep, anywhere in the world, in secure luxury packaging.", tags: ["Global", "Safe"], imageSrc: "http://img.b2bpic.net/free-photo/side-view-non-binary-person_23-2148757597.jpg" },
+              { id: "f3", title: "Exclusive Concierge", author: "24/7 Support", description: "Dedicated shopping assistants available to help you make the perfect choice.", tags: ["Concierge", "Support"], imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-storage-devices-bed_23-2149319354.jpg" },
+            ]}
+            title="The SHOPIN Advantage"
+            description="Experience shopping like never before, where quality meets unparalleled exclusivity."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="bento-grid"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "99.9%",
-          description: "Client Satisfaction Rate",
-        },
-        {
-          id: "m2",
-          value: "150+",
-          description: "Global Shipping Countries",
-        },
-        {
-          id: "m3",
-          value: "5k+",
-          description: "Unique Products Curated",
-        },
-      ]}
-      title="Excellence in Numbers"
-      description="Our commitment to premium quality, reflected in our performance and growth."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardTwo
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="bento-grid"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "99.9%", description: "Client Satisfaction Rate" },
+              { id: "m2", value: "150+", description: "Global Shipping Countries" },
+              { id: "m3", value: "5k+", description: "Unique Products Curated" },
+            ]}
+            title="Excellence in Numbers"
+            description="Our commitment to premium quality, reflected in our performance and growth."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      textboxLayout="split"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Elena Ross",
-          date: "Oct 2023",
-          title: "Luxury Enthusiast",
-          quote: "The selection is truly unmatched, and the shopping experience feels genuinely exclusive.",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/expressive-transgender-posing-medium-shot_23-2149154632.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-nail-polish-accesories-plain-background_23-2148306690.jpg?_wi=2",
-          imageAlt: "professional customer portrait dark studio",
-        },
-        {
-          id: "t2",
-          name: "Marcus Vane",
-          date: "Nov 2023",
-          title: "Gadget Specialist",
-          quote: "Rare electronics I couldn't find anywhere else. SHOPIN has a great eye for quality.",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-woman-portrait_23-2148148150.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722697.jpg?_wi=2",
-          imageAlt: "professional customer portrait dark studio",
-        },
-        {
-          id: "t3",
-          name: "Sarah Chen",
-          date: "Dec 2023",
-          title: "Fashion Icon",
-          quote: "Stunning quality, excellent packaging. Everything is perfect for a luxury lover.",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/clothing-store-smiling-client-assistant-discussing-apparel-style-while-browsing-through-rack-african-american-man-showing-outfit-mall-customer-giving-fashion-advice_482257-71789.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-green-eyes-wears-grey-sweater-hat-autumn-image-concept_633478-2606.jpg?_wi=2",
-          imageAlt: "professional customer portrait dark studio",
-        },
-        {
-          id: "t4",
-          name: "Julian Thorne",
-          date: "Jan 2024",
-          title: "Business Owner",
-          quote: "The level of customer service is as high-end as the products themselves.",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-standing-wall_23-2148415941.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-talking-phone_23-2148751530.jpg?_wi=2",
-          imageAlt: "professional customer portrait dark studio",
-        },
-        {
-          id: "t5",
-          name: "Chloe Dupont",
-          date: "Feb 2024",
-          title: "Collector",
-          quote: "Beautifully curated, reliable, and sophisticated. SHOPIN is my favorite shop now.",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-hat-waist-bag-relaxing-cafe-free-time-with-mobile-phone_627829-5382.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/headphones-laptop-home_23-2149551432.jpg?_wi=2",
-          imageAlt: "professional customer portrait dark studio",
-        },
-      ]}
-      title="A Legacy of Trust"
-      description="Read what our discerning clients say about their experience with SHOPIN."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFive
+            textboxLayout="split"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "t1", name: "Elena Ross", date: "Oct 2023", title: "Luxury Enthusiast", quote: "The selection is truly unmatched, and the shopping experience feels genuinely exclusive.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/expressive-transgender-posing-medium-shot_23-2149154632.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-nail-polish-accesories-plain-background_23-2148306690.jpg" },
+              { id: "t2", name: "Marcus Vane", date: "Nov 2023", title: "Gadget Specialist", quote: "Rare electronics I couldn't find anywhere else. SHOPIN has a great eye for quality.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-woman-portrait_23-2148148150.jpg", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722697.jpg" },
+              { id: "t3", name: "Sarah Chen", date: "Dec 2023", title: "Fashion Icon", quote: "Stunning quality, excellent packaging. Everything is perfect for a luxury lover.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/clothing-store-smiling-client-assistant-discussing-apparel-style-while-browsing-through-rack-african-american-man-showing-outfit-mall-customer-giving-fashion-advice_482257-71789.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-green-eyes-wears-grey-sweater-hat-autumn-image-concept_633478-2606.jpg" },
+              { id: "t4", name: "Julian Thorne", date: "Jan 2024", title: "Business Owner", quote: "The level of customer service is as high-end as the products themselves.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-standing-wall_23-2148415941.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-talking-phone_23-2148751530.jpg" },
+              { id: "t5", name: "Chloe Dupont", date: "Feb 2024", title: "Collector", quote: "Beautifully curated, reliable, and sophisticated. SHOPIN is my favorite shop now.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-hat-waist-bag-relaxing-cafe-free-time-with-mobile-phone_627829-5382.jpg", imageSrc: "http://img.b2bpic.net/free-photo/headphones-laptop-home_23-2149551432.jpg" },
+            ]}
+            title="A Legacy of Trust"
+            description="Read what our discerning clients say about their experience with SHOPIN."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "Is everything authentic?",
-          content: "Yes, we guarantee that all items are 100% authentic and sourced directly from premium designers.",
-        },
-        {
-          id: "q2",
-          title: "Do you ship worldwide?",
-          content: "We offer insured, global express shipping to all major countries worldwide.",
-        },
-        {
-          id: "q3",
-          title: "What is the return policy?",
-          content: "We offer a 30-day premium return policy for all items, ensuring complete peace of mind.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Everything you need to know about shopping with our premium service."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="split"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "Is everything authentic?", content: "Yes, we guarantee that all items are 100% authentic and sourced directly from premium designers." },
+              { id: "q2", title: "Do you ship worldwide?", content: "We offer insured, global express shipping to all major countries worldwide." },
+              { id: "q3", title: "What is the return policy?", content: "We offer a 30-day premium return policy for all items, ensuring complete peace of mind." },
+            ]}
+            title="Frequently Asked Questions"
+            description="Everything you need to know about shopping with our premium service."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Stay Informed"
-      title="Join the Elite Circle"
-      description="Sign up for exclusive previews, early access to collections, and special member updates."
-      imageSrc="http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-tablet-stylus-earbuds_58702-17201.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={true}
+            background={{ variant: "sparkles-gradient" }}
+            tag="Stay Informed"
+            title="Join the Elite Circle"
+            description="Sign up for exclusive previews, early access to collections, and special member updates."
+            imageSrc="http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-tablet-stylus-earbuds_58702-17201.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="SHOPIN"
-      columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Shop All",
-              href: "#products",
-            },
-            {
-              label: "Concierge",
-              href: "#",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-            {
-              label: "Shipping Info",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2025 | SHOPIN Luxury Group"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="SHOPIN"
+            columns={[
+              { title: "Navigation", items: [{ label: "Shop All", href: "#products" }, { label: "Concierge", href: "#" }, { label: "FAQ", href: "#faq" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Shipping Info", href: "#" }] },
+            ]}
+            copyrightText="© 2025 | SHOPIN Luxury Group"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file