From bd5d2260b78eed35aea0131e2432f7c4723db7ca Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 1 Apr 2026 12:05:45 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 306 ++++++++++++++++-------------------------------
 1 file changed, 104 insertions(+), 202 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1055383..9d4a12f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -15,218 +15,120 @@ export default function LandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="elastic-effect"
-        defaultTextAnimation="background-highlight"
+        defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
-        contentWidth="smallMedium"
-        sizing="large"
-        background="aurora"
-        cardStyle="gradient-mesh"
-        primaryButtonStyle="flat"
-        secondaryButtonStyle="radial-glow"
+        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: "Features",          id: "features"},
-        {
-          name: "Booking",          id: "pricing"},
-        {
-          name: "Contact",          id: "contact"},
-      ]}
-      brandName="Cyber Arena"
-      button={{
-        text: "Join Now",        href: "#contact"}}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Features", id: "features" },
+              { name: "Booking", id: "pricing" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Cyber Arena"
+            button={{ text: "Join Now", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplit
-      background={{
-        variant: "sparkles-gradient"}}
-      imagePosition="right"
-      title="Enter the Arena Elevate Your Game"
-      description="Premium gaming zones, tournament-grade hardware, and a thriving esports community await. Book your session or compete for glory at Cyber Arena—Tashkent's ultimate gaming destination."
-      buttons={[
-        {
-          text: "Reserve Your Spot Now",          href: "#pricing"},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232853.jpg"
-      imageAlt="Cyber Arena Gaming Club"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-gamer-sitting-chair_23-2149829176.jpg",          alt: "Pro Gamer"},
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-handsome-young-man-using-tablet_1262-5146.jpg",          alt: "Casual Gamer"},
-        {
-          src: "http://img.b2bpic.net/free-photo/black-teen-smiling-girl-headset-playing-video-games-video-game-club_1268-25918.jpg",          alt: "Pro Streamer"},
-        {
-          src: "http://img.b2bpic.net/free-photo/african-american-person-texting-messages-smartphone-app-sofa-finishing-tasks-before_482257-132374.jpg",          alt: "Team Lead"},
-        {
-          src: "http://img.b2bpic.net/free-photo/gamer-playing-intense-classic-arcade-spaceship-racing-videogame-clenching-fist-excitement-after-winning-joyful-man-having-burst-happiness-after-passing-game-mission_482257-71095.jpg",          alt: "Community Member"},
-      ]}
-      avatarText="Join 5,000+ gamers"
-      marqueeItems={[
-        {
-          type: "text-icon",          text: "24/7 Access",          icon: Clock,
-        },
-        {
-          type: "text-icon",          text: "Pro Gear",          icon: Monitor,
-        },
-        {
-          type: "text-icon",          text: "High-Speed Fiber",          icon: Wifi,
-        },
-        {
-          type: "text-icon",          text: "Coaching",          icon: Trophy,
-        },
-        {
-          type: "text-icon",          text: "Tournaments",          icon: Star,
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplit
+            background={{ variant: "sparkles-gradient" }}
+            imagePosition="right"
+            title="Enter the Arena Elevate Your Game"
+            description="Premium gaming zones, tournament-grade hardware, and a thriving esports community await. Book your session or compete for glory at Cyber Arena—Tashkent's ultimate gaming destination."
+            buttons={[
+              { text: "Reserve Your Spot Now", href: "#pricing" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232853.jpg"
+            imageAlt="Cyber Arena Gaming Club"
+            mediaAnimation="blur-reveal"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/medium-shot-gamer-sitting-chair_23-2149829176.jpg", alt: "Pro Gamer" },
+              { src: "http://img.b2bpic.net/free-photo/happy-handsome-young-man-using-tablet_1262-5146.jpg", alt: "Casual Gamer" },
+            ]}
+            marqueeItems={[
+              { type: "text-icon", text: "24/7 Access", icon: Clock },
+              { type: "text-icon", text: "Pro Gear", icon: Monitor },
+              { type: "text-icon", text: "High-Speed Fiber", icon: Wifi },
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyFour
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "1",          title: "Tournament-Grade Hardware",          author: "Pro Setup",          description: "High-refresh displays, mechanical peripherals, and high-performance GPUs.",          tags: [
-            "Hardware",            "Pro"],
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-drive-components_23-2149413382.jpg"},
-        {
-          id: "2",          title: "24/7 Availability",          author: "Always Open",          description: "Never miss a game. Our arena is open around the clock.",          tags: [
-            "Anytime"],
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-neon-gaming-twitch-background_23-2149826959.jpg"},
-        {
-          id: "3",          title: "Esports Coaching",          author: "Pro Mentors",          description: "Improve your rank with professional coaching and analytics.",          tags: [
-            "Training"],
-          imageSrc: "http://img.b2bpic.net/free-photo/gamer-battling-enemies-multiplayer-shooter-discussing-with-other-players-through-headphones-mic_482257-77140.jpg"},
-        {
-          id: "4",          title: "Social Hub",          author: "Community",          description: "A thriving space to meet, play, and compete with others.",          tags: [
-            "Community"],
-          imageSrc: "http://img.b2bpic.net/free-photo/gamer-playing-intense-classic-arcade-spaceship-racing-videogame-clenching-fist-excitement-after-winning-joyful-man-having-burst-happiness-after-passing-game-mission_482257-71095.jpg?_wi=1"},
-      ]}
-      title="Elite Gaming Infrastructure"
-      description="Designed for performance and comfort. Experience Tashkent's most advanced gaming ecosystem."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyFour
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            title="Elite Gaming Infrastructure"
+            description="Designed for performance and comfort. Experience Tashkent's most advanced gaming ecosystem."
+            features={[
+              { id: "1", title: "Tournament-Grade Hardware", author: "Pro Setup", description: "High-refresh displays, mechanical peripherals, and high-performance GPUs.", tags: ["Hardware", "Pro"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-drive-components_23-2149413382.jpg" },
+              { id: "2", title: "24/7 Availability", author: "Always Open", description: "Never miss a game. Our arena is open around the clock.", tags: ["Anytime"], imageSrc: "http://img.b2bpic.net/free-vector/flat-design-neon-gaming-twitch-background_23-2149826959.jpg" },
+            ]}
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardEight
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "basic",          badge: "Casual",          price: "50,000 UZS",          subtitle: "Per hour",          buttons: [
-            {
-              text: "Book Now",              href: "#contact"},
-          ],
-          features: [
-            "Standard PC setup",            "Community access",            "High-speed internet"],
-        },
-        {
-          id: "pro",          badge: "Competitive",          price: "80,000 UZS",          subtitle: "Per hour",          buttons: [
-            {
-              text: "Book Now",              href: "#contact"},
-          ],
-          features: [
-            "Tournament PC setup",            "High-refresh display",            "Pro-peripherals"],
-        },
-        {
-          id: "team",          badge: "Team Building",          price: "Custom",          subtitle: "Event base",          buttons: [
-            {
-              text: "Contact Us",              href: "#contact"},
-          ],
-          features: [
-            "Private lounge area",            "Catering options",            "Tournament support"],
-        },
-      ]}
-      title="Hourly Booking Plans"
-      description="Flexible pricing for competitive players and casual groups."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardEight
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Hourly Booking Plans"
+            description="Flexible pricing for competitive players and casual groups."
+            plans={[
+              { id: "basic", badge: "Casual", price: "50,000 UZS", subtitle: "Per hour", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Standard PC setup", "Community access"] },
+              { id: "pro", badge: "Competitive", price: "80,000 UZS", subtitle: "Per hour", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Tournament PC setup", "High-refresh display"] },
+              { id: "team", badge: "Team Building", price: "Custom", subtitle: "Event base", buttons: [{ text: "Contact Us", href: "#contact" }], features: ["Private lounge area", "Tournament support"] },
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",          title: "Pro Player",          quote: "The hardware here is unmatched. Best gaming club in Tashkent.",          name: "Alex R.",          role: "Esports Pro",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-gamer-sitting-chair_23-2149829176.jpg"},
-        {
-          id: "2",          title: "Casual Gamer",          quote: "Great atmosphere for after-work gaming with friends. Highly recommended.",          name: "Elena K.",          role: "Casual Gamer",          imageSrc: "http://img.b2bpic.net/free-photo/happy-handsome-young-man-using-tablet_1262-5146.jpg"},
-        {
-          id: "3",          title: "Tournament Host",          quote: "Incredible infrastructure for large tournaments. The staff is top-tier.",          name: "Jamshid M.",          role: "Tournament Organizer",          imageSrc: "http://img.b2bpic.net/free-photo/black-teen-smiling-girl-headset-playing-video-games-video-game-club_1268-25918.jpg"},
-        {
-          id: "4",          title: "Team Lead",          quote: "Our corporate team-building event was a huge success. Thanks Cyber Arena!",          name: "Sarah D.",          role: "Manager",          imageSrc: "http://img.b2bpic.net/free-photo/african-american-person-texting-messages-smartphone-app-sofa-finishing-tasks-before_482257-132374.jpg"},
-        {
-          id: "5",          title: "Streamer",          quote: "The perfect setup for my live streams. Lighting and bandwidth are elite.",          name: "Mark V.",          role: "Content Creator",          imageSrc: "http://img.b2bpic.net/free-photo/gamer-playing-intense-classic-arcade-spaceship-racing-videogame-clenching-fist-excitement-after-winning-joyful-man-having-burst-happiness-after-passing-game-mission_482257-71095.jpg?_wi=2"},
-      ]}
-      title="Voices of the Arena"
-      description="What our community has to say."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTen
+            textboxLayout="default"
+            useInvertedBackground={true}
+            title="Voices of the Arena"
+            description="What our community has to say."
+            testimonials={[
+              { id: "1", title: "Pro Player", quote: "The hardware here is unmatched. Best gaming club in Tashkent.", name: "Alex R.", role: "Esports Pro", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-gamer-sitting-chair_23-2149829176.jpg" },
+              { id: "2", title: "Casual Gamer", quote: "Great atmosphere for after-work gaming with friends. Highly recommended.", name: "Elena K.", role: "Casual Gamer", imageSrc: "http://img.b2bpic.net/free-photo/happy-handsome-young-man-using-tablet_1262-5146.jpg" },
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactFaq
-      animationType="slide-up"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "faq1",          title: "How to book a session?",          content: "You can reserve through our website or call us directly."},
-        {
-          id: "faq2",          title: "Do you host tournaments?",          content: "Yes, we host monthly esports tournaments with prizes."},
-        {
-          id: "faq3",          title: "Is catering available?",          content: "We offer catering and event coordination for corporate bookings."},
-      ]}
-      ctaTitle="Ready to Enter?"
-      ctaDescription="Contact us today for bookings, tournament inquiries, or corporate events."
-      ctaButton={{
-        text: "Contact Support",        href: "mailto:info@cyberarena.uz"}}
-      ctaIcon={MessageCircle}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactFaq
+            animationType="slide-up"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "faq1", title: "How to book a session?", content: "You can reserve through our website or call us directly." },
+              { id: "faq2", title: "Do you host tournaments?", content: "Yes, we host monthly esports tournaments with prizes." },
+            ]}
+            ctaTitle="Ready to Enter?"
+            ctaDescription="Contact us today for bookings, tournament inquiries, or corporate events."
+            ctaButton={{ text: "Contact Support", href: "mailto:info@cyberarena.uz" }}
+            ctaIcon={MessageCircle}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      columns={[
-        {
-          title: "Arena",          items: [
-            {
-              label: "About",              href: "#"},
-            {
-              label: "Careers",              href: "#"},
-          ],
-        },
-        {
-          title: "Support",          items: [
-            {
-              label: "Booking Info",              href: "#pricing"},
-            {
-              label: "Contact",              href: "#contact"},
-          ],
-        },
-        {
-          title: "Socials",          items: [
-            {
-              label: "Telegram",              href: "https://t.me/cyberarena"},
-            {
-              label: "Instagram",              href: "https://instagram.com/cyberarena"},
-          ],
-        },
-      ]}
-      copyrightText="© 2024 Cyber Arena Tashkent. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            columns={[
+              { title: "Arena", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
+              { title: "Support", items: [{ label: "Booking Info", href: "#pricing" }, { label: "Contact", href: "#contact" }] },
+            ]}
+            copyrightText="© 2024 Cyber Arena Tashkent. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1