From 78f3b3971a3e7755989c071b0e0a6c9ae45a084e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 18 Apr 2026 05:54:26 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 602 +++++++++++++----------------------------------
 1 file changed, 170 insertions(+), 432 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 49966fb..3e7c8e6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,450 +18,188 @@ import { Award, Headphones, Shield, Smile, Users, Zap } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="shift-hover"
-        defaultTextAnimation="background-highlight"
-        borderRadius="rounded"
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="background-highlight"
+      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">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Market",
-          id: "products",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="TeleGift Market"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Market", id: "products" },
+              { name: "FAQ", id: "faq" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="TeleGift Market"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroOverlayTestimonial
-      title="Premium Digital Telegram Assets"
-      description="The trusted marketplace for high-quality Telegram gifts, stickers, and exclusive digital assets for your community."
-      testimonials={[
-        {
-          name: "Alex R.",
-          handle: "@alextech",
-          testimonial: "The quality of gifts on this market is unmatched.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-grey-haired-female-ceo-smiling-content-experienced-beautiful-businesswoman-posing-office-room-business-company-appearance-expression-concept_74855-11905.jpg",
-        },
-        {
-          name: "Sarah K.",
-          handle: "@sarahdev",
-          testimonial: "Fast, secure, and beautiful assets. Highly recommended.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg",
-        },
-        {
-          name: "Mike J.",
-          handle: "@mike_j",
-          testimonial: "Best marketplace for Telegram creators.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg",
-        },
-        {
-          name: "Elena P.",
-          handle: "@elena_design",
-          testimonial: "Everything looks perfect in the app.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
-        },
-        {
-          name: "David W.",
-          handle: "@d_williams",
-          testimonial: "Top tier collection, seamless delivery.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Explore Market",
-          href: "#products",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/gift-box-wrap-with-candy-cane-near-photo-frame_23-2147969853.jpg"
-      imageAlt="Digital gift marketplace hero visual"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
-          alt: "User avatar 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",
-          alt: "User avatar 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
-          alt: "User avatar 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",
-          alt: "User avatar 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-digital-nomad-posing-her-office-wearing-casual-clothes_1258-195337.jpg",
-          alt: "User avatar 5",
-        },
-      ]}
-      avatarText="Trusted by 5000+ creators"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlayTestimonial
+            title="Premium Digital Telegram Assets"
+            description="The trusted marketplace for high-quality Telegram gifts, stickers, and exclusive digital assets for your community."
+            testimonials={[
+              { name: "Alex R.", handle: "@alextech", testimonial: "The quality of gifts on this market is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-grey-haired-female-ceo-smiling-content-experienced-beautiful-businesswoman-posing-office-room-business-company-appearance-expression-concept_74855-11905.jpg" },
+              { name: "Sarah K.", handle: "@sarahdev", testimonial: "Fast, secure, and beautiful assets. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg" },
+              { name: "Mike J.", handle: "@mike_j", testimonial: "Best marketplace for Telegram creators.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg" },
+              { name: "Elena P.", handle: "@elena_design", testimonial: "Everything looks perfect in the app.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg" },
+              { name: "David W.", handle: "@d_williams", testimonial: "Top tier collection, seamless delivery.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg" }
+            ]}
+            buttons={[{ text: "Explore Market", href: "#products" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/gift-box-wrap-with-candy-cane-near-photo-frame_23-2147969853.jpg"
+            imageAlt="Digital gift marketplace hero visual"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg", alt: "User avatar 1" },
+              { src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg", alt: "User avatar 2" },
+              { src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", alt: "User avatar 3" },
+              { src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg", alt: "User avatar 4" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-digital-nomad-posing-her-office-wearing-casual-clothes_1258-195337.jpg", alt: "User avatar 5" }
+            ]}
+            avatarText="Trusted by 5000+ creators"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="Crafting Digital Connections"
-      description="We bridge the gap between creative designers and active Telegram communities, ensuring every digital gift delivers a premium experience."
-      bulletPoints={[
-        {
-          title: "Verified Quality",
-          description: "Every gift undergoes rigorous design testing.",
-        },
-        {
-          title: "Instant Access",
-          description: "Download and apply your assets immediately.",
-        },
-        {
-          title: "Creative Community",
-          description: "Supporting creators around the world.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/table-lamp-laptop-yellow-paper-plane-cork-board-against-white-background_23-2147873583.jpg"
-      imageAlt="About our marketplace"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Crafting Digital Connections"
+            description="We bridge the gap between creative designers and active Telegram communities, ensuring every digital gift delivers a premium experience."
+            bulletPoints={[
+              { title: "Verified Quality", description: "Every gift undergoes rigorous design testing." },
+              { title: "Instant Access", description: "Download and apply your assets immediately." },
+              { title: "Creative Community", description: "Supporting creators around the world." }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/table-lamp-laptop-yellow-paper-plane-cork-board-against-white-background_23-2147873583.jpg"
+            imageAlt="About our marketplace"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureBorderGlow
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          icon: Shield,
-          title: "Secure Transactions",
-          description: "Protected payments and reliable asset delivery.",
-        },
-        {
-          icon: Zap,
-          title: "Instant Delivery",
-          description: "Get your digital items instantly upon purchase.",
-        },
-        {
-          icon: Headphones,
-          title: "24/7 Support",
-          description: "Expert assistance for any technical issues.",
-        },
-      ]}
-      title="Why Choose Us"
-      description="Our marketplace platform is built with efficiency and security at its core."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureBorderGlow
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            features={[
+              { icon: Shield, title: "Secure Transactions", description: "Protected payments and reliable asset delivery." },
+              { icon: Zap, title: "Instant Delivery", description: "Get your digital items instantly upon purchase." },
+              { icon: Headphones, title: "24/7 Support", description: "Expert assistance for any technical issues." }
+            ]}
+            title="Why Choose Us"
+            description="Our marketplace platform is built with efficiency and security at its core."
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          brand: "Pack",
-          name: "Premium Sticker Set A",
-          price: "$9.99",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/blank-logo-stamp-tag-template_53876-153271.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Emoji",
-          name: "Animated Reactions",
-          price: "$4.99",
-          rating: 5,
-          reviewCount: "89",
-          imageSrc: "http://img.b2bpic.net/free-psd/color-year-2022-landing-page-template_23-2149230148.jpg",
-        },
-        {
-          id: "p3",
-          brand: "Gift",
-          name: "Luxury Star Gift",
-          price: "$19.99",
-          rating: 5,
-          reviewCount: "45",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-adult-checks-website-laptop_482257-76602.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Theme",
-          name: "Dark Neon Theme",
-          price: "$7.99",
-          rating: 4,
-          reviewCount: "210",
-          imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons_23-2150749321.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Bot",
-          name: "Essential Bot Pack",
-          price: "$12.99",
-          rating: 5,
-          reviewCount: "56",
-          imageSrc: "http://img.b2bpic.net/free-vector/ai-robot-with-arms-wheels_24908-81317.jpg",
-        },
-        {
-          id: "p6",
-          brand: "Award",
-          name: "Community Leader Medal",
-          price: "$15.99",
-          rating: 5,
-          reviewCount: "32",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=75r8ei",
-        },
-      ]}
-      title="Featured Digital Assets"
-      description="Discover our most popular Telegram gifts and sticker packs."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", brand: "Pack", name: "Premium Sticker Set A", price: "$9.99", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/blank-logo-stamp-tag-template_53876-153271.jpg" },
+              { id: "p2", brand: "Emoji", name: "Animated Reactions", price: "$4.99", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-psd/color-year-2022-landing-page-template_23-2149230148.jpg" },
+              { id: "p3", brand: "Gift", name: "Luxury Star Gift", price: "$19.99", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-checks-website-laptop_482257-76602.jpg" },
+              { id: "p4", brand: "Theme", name: "Dark Neon Theme", price: "$7.99", rating: 4, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons_23-2150749321.jpg" },
+              { id: "p5", brand: "Bot", name: "Essential Bot Pack", price: "$12.99", rating: 5, reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-vector/ai-robot-with-arms-wheels_24908-81317.jpg" },
+              { id: "p6", brand: "Award", name: "Community Leader Medal", price: "$15.99", rating: 5, reviewCount: "32", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=75r8ei" }
+            ]}
+            title="Featured Digital Assets"
+            description="Discover our most popular Telegram gifts and sticker packs."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardEight
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      plans={[
-        {
-          id: "starter",
-          badge: "Essential",
-          price: "$29",
-          subtitle: "For personal use",
-          features: [
-            "3 Asset Packs",
-            "Basic support",
-            "Standard updates",
-          ],
-          buttons: [
-            {
-              text: "Select Starter",
-            },
-          ],
-        },
-        {
-          id: "pro",
-          badge: "Popular",
-          price: "$79",
-          subtitle: "For creators",
-          features: [
-            "10 Asset Packs",
-            "Priority support",
-            "Early access",
-          ],
-          buttons: [
-            {
-              text: "Select Pro",
-            },
-          ],
-        },
-        {
-          id: "agency",
-          badge: "Enterprise",
-          price: "$199",
-          subtitle: "For communities",
-          features: [
-            "Unlimited access",
-            "Dedicated account manager",
-            "Custom designs",
-          ],
-          buttons: [
-            {
-              text: "Select Agency",
-            },
-          ],
-        },
-      ]}
-      title="Simple Pricing"
-      description="Choose the perfect plan to boost your Telegram presence."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardEight
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            plans={[
+              { id: "starter", badge: "Essential", price: "$29", subtitle: "For personal use", features: ["3 Asset Packs", "Basic support", "Standard updates"], buttons: [{ text: "Select Starter" }] },
+              { id: "pro", badge: "Popular", price: "$79", subtitle: "For creators", features: ["10 Asset Packs", "Priority support", "Early access"], buttons: [{ text: "Select Pro" }] },
+              { id: "agency", badge: "Enterprise", price: "$199", subtitle: "For communities", features: ["Unlimited access", "Dedicated account manager", "Custom designs"], buttons: [{ text: "Select Agency" }] }
+            ]}
+            title="Simple Pricing"
+            description="Choose the perfect plan to boost your Telegram presence."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          icon: Award,
-          title: "Assets Provided",
-          value: "5000+",
-        },
-        {
-          id: "m2",
-          icon: Users,
-          title: "Active Communities",
-          value: "1200+",
-        },
-        {
-          id: "m3",
-          icon: Smile,
-          title: "Happy Users",
-          value: "15k+",
-        },
-      ]}
-      title="Our Growth"
-      description="The numbers behind our flourishing community."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", icon: Award, title: "Assets Provided", value: "5000+" },
+              { id: "m2", icon: Users, title: "Active Communities", value: "1200+" },
+              { id: "m3", icon: Smile, title: "Happy Users", value: "15k+" }
+            ]}
+            title="Our Growth"
+            description="The numbers behind our flourishing community."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Alex",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-smiling-with-top-hat-thumbs-up_1187-1549.jpg",
-        },
-        {
-          id: "t2",
-          name: "Sarah",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
-        },
-        {
-          id: "t3",
-          name: "Mike",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-data-center-admin-coworkers-running-diagnostics-equipment-identify_482257-132249.jpg",
-        },
-        {
-          id: "t4",
-          name: "Elena",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",
-        },
-        {
-          id: "t5",
-          name: "David",
-          imageSrc: "http://img.b2bpic.net/free-photo/smile-woman-talking-phone-looking-camera_23-2148317284.jpg",
-        },
-      ]}
-      cardTitle="Community Feedback"
-      cardTag="Social Proof"
-      cardAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwelve
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "t1", name: "Alex", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-smiling-with-top-hat-thumbs-up_1187-1549.jpg" },
+              { id: "t2", name: "Sarah", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg" },
+              { id: "t3", name: "Mike", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-data-center-admin-coworkers-running-diagnostics-equipment-identify_482257-132249.jpg" },
+              { id: "t4", name: "Elena", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg" },
+              { id: "t5", name: "David", imageSrc: "http://img.b2bpic.net/free-photo/smile-woman-talking-phone-looking-camera_23-2148317284.jpg" }
+            ]}
+            cardTitle="Community Feedback"
+            cardTag="Social Proof"
+            cardAnimation="slide-up"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "How do I receive assets?",
-          content: "You will receive an instant download link via your registered email or Telegram account.",
-        },
-        {
-          id: "f2",
-          title: "Are these gifts permanent?",
-          content: "Yes, once purchased, they remain yours to use as you please.",
-        },
-        {
-          id: "f3",
-          title: "Do you offer refunds?",
-          content: "We offer a 7-day money-back guarantee for unused digital assets.",
-        },
-      ]}
-      title="Common Questions"
-      description="Find everything you need to know about our marketplace."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "How do I receive assets?", content: "You will receive an instant download link via your registered email or Telegram account." },
+              { id: "f2", title: "Are these gifts permanent?", content: "Yes, once purchased, they remain yours to use as you please." },
+              { id: "f3", title: "Do you offer refunds?", content: "We offer a 7-day money-back guarantee for unused digital assets." }
+            ]}
+            title="Common Questions"
+            description="Find everything you need to know about our marketplace."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "animated-grid",
-      }}
-      text="Ready to enhance your digital presence? Reach out to our team today for custom requests and partnerships."
-      buttons={[
-        {
-          text: "Contact Support",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={true}
+            background={{ variant: "animated-grid" }}
+            text="Ready to enhance your digital presence? Reach out to our team today for custom requests and partnerships."
+            buttons={[{ text: "Contact Support", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Marketplace",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Explore",
-              href: "#products",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-            {
-              label: "Help Center",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Use",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 TeleGift Market"
-      bottomRightText="All rights reserved"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Marketplace", items: [{ label: "About", href: "#about" }, { label: "Explore", href: "#products" }] },
+              { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Help Center", href: "#" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] }
+            ]}
+            bottomLeftText="© 2024 TeleGift Market"
+            bottomRightText="All rights reserved"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );