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

---
 src/app/page.tsx | 305 ++++++++---------------------------------------
 1 file changed, 48 insertions(+), 257 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 40fdbd6..7784f51 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -20,31 +20,23 @@ export default function LandingPage() {
         defaultButtonVariant="hover-bubble"
         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">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Squads",
-          id: "squads",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Squads", id: "squads" },
+        { name: "FAQ", id: "faq" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="PUBG Hub"
     />
@@ -52,20 +44,12 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       logoText="DOMINATE THE BATTLEFIELD"
       description="Join the world's most competitive PUBG mobile community. Squad up, climb the rankings, and earn your place among the legends."
       buttons={[
-        {
-          text: "Join Now",
-          href: "#contact",
-        },
-        {
-          text: "Learn More",
-          href: "#about",
-        },
+        { text: "Join Now", href: "#contact" },
+        { text: "Learn More", href: "#about" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/beautiful-view-fields-with-bare-trees-sunset_181624-10211.jpg"
       mediaAnimation="slide-up"
@@ -85,31 +69,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Advanced Analytics",
-          description: "Track your K/D ratio, accuracy, and win rates.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884869.jpg",
-        },
-        {
-          title: "Squad Matchmaking",
-          description: "Connect with players who match your skill level.",
-          imageSrc: "http://img.b2bpic.net/free-photo/gamers-fist-bump-after-winning-game_23-2149350003.jpg",
-        },
-        {
-          title: "Daily Tournaments",
-          description: "Compete against the best and climb our leaderboards.",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-hierarchy-concept-with-chessboard-figures-pyramid-wooden-blocks-foggy-wooden-table-side-view_176474-9253.jpg",
-        },
-        {
-          title: "Voice Comms Server",
-          description: "Crystal clear audio channels for every squad.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-streamer-winning-shooting-video-games-tournament-celebrating-success-online-live-stream-cheerful-person-feeling-happy-about-action-gameplay-championship-win-computer_482257-41448.jpg",
-        },
-        {
-          title: "Pro Coaching",
-          description: "Learn from the top 1% players in the region.",
-          imageSrc: "http://img.b2bpic.net/free-photo/esports-stage-background-3d-illustration_1419-2784.jpg",
-        },
+        { title: "Advanced Analytics", description: "Track your K/D ratio, accuracy, and win rates.", imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884869.jpg" },
+        { title: "Squad Matchmaking", description: "Connect with players who match your skill level.", imageSrc: "http://img.b2bpic.net/free-photo/gamers-fist-bump-after-winning-game_23-2149350003.jpg" },
+        { title: "Daily Tournaments", description: "Compete against the best and climb our leaderboards.", imageSrc: "http://img.b2bpic.net/free-photo/business-hierarchy-concept-with-chessboard-figures-pyramid-wooden-blocks-foggy-wooden-table-side-view_176474-9253.jpg" },
+        { title: "Voice Comms Server", description: "Crystal clear audio channels for every squad.", imageSrc: "http://img.b2bpic.net/free-photo/young-streamer-winning-shooting-video-games-tournament-celebrating-success-online-live-stream-cheerful-person-feeling-happy-about-action-gameplay-championship-win-computer_482257-41448.jpg" },
+        { title: "Pro Coaching", description: "Learn from the top 1% players in the region.", imageSrc: "http://img.b2bpic.net/free-photo/esports-stage-background-3d-illustration_1419-2784.jpg" },
       ]}
       title="Community Powerhouse"
       description="Everything you need to improve your game, find teammates, and dominate the lobby."
@@ -123,41 +87,11 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       members={[
-        {
-          id: "s1",
-          name: "Viper",
-          role: "Squad Leader",
-          description: "Tactical master, specializing in close-range combat.",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-female-soccer-player-ready-match_23-2150887368.jpg",
-        },
-        {
-          id: "s2",
-          name: "Ghost",
-          role: "Sniper",
-          description: "Unrivaled precision from 500+ meters.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-pro-streamer-streaming-videogame-talking-into-headset_482257-112403.jpg",
-        },
-        {
-          id: "s3",
-          name: "Ace",
-          role: "Support",
-          description: "Master of utility and team recovery.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-viewer-changing-channels-television-set-with-remote-control_482257-92306.jpg",
-        },
-        {
-          id: "s4",
-          name: "Shadow",
-          role: "Scout",
-          description: "Fastest rotation specialist in the circuit.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419475.jpg",
-        },
-        {
-          id: "s5",
-          name: "Blaze",
-          role: "Rusher",
-          description: "Aggressive playstyle that breaks defenses.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419472.jpg",
-        },
+        { id: "s1", name: "Viper", role: "Squad Leader", description: "Tactical master, specializing in close-range combat.", imageSrc: "http://img.b2bpic.net/free-photo/view-female-soccer-player-ready-match_23-2150887368.jpg" },
+        { id: "s2", name: "Ghost", role: "Sniper", description: "Unrivaled precision from 500+ meters.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-pro-streamer-streaming-videogame-talking-into-headset_482257-112403.jpg" },
+        { id: "s3", name: "Ace", role: "Support", description: "Master of utility and team recovery.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-viewer-changing-channels-television-set-with-remote-control_482257-92306.jpg" },
+        { id: "s4", name: "Shadow", role: "Scout", description: "Fastest rotation specialist in the circuit.", imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419475.jpg" },
+        { id: "s5", name: "Blaze", role: "Rusher", description: "Aggressive playstyle that breaks defenses.", imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419472.jpg" },
       ]}
       title="Elite Squad Leaders"
       description="Meet the commanders leading our top-tier competitive squads."
@@ -170,41 +104,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "500k+",
-          title: "Active Players",
-          description: "Community members worldwide",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-audio-equipment-sound-control-concept_169016-20620.jpg",
-        },
-        {
-          id: "m2",
-          value: "1000+",
-          title: "Registered Squads",
-          description: "Formed and active teams",
-          imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148761009.jpg",
-        },
-        {
-          id: "m3",
-          value: "99%",
-          title: "Win Rate",
-          description: "Top tier squad performance",
-          imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827433.jpg",
-        },
-        {
-          id: "m4",
-          value: "24/7",
-          title: "Tournament Support",
-          description: "Non-stop competitive action",
-          imageSrc: "http://img.b2bpic.net/free-photo/stock-market-graph-business-analysis-investment-monitors_482257-29619.jpg",
-        },
-        {
-          id: "m5",
-          value: "15+",
-          title: "Countries",
-          description: "Global community presence",
-          imageSrc: "http://img.b2bpic.net/free-photo/led-display-with-red-green-segments_187299-47615.jpg",
-        },
+        { id: "m1", value: "500k+", title: "Active Players", description: "Community members worldwide", imageSrc: "http://img.b2bpic.net/free-photo/closeup-audio-equipment-sound-control-concept_169016-20620.jpg" },
+        { id: "m2", value: "1000+", title: "Registered Squads", description: "Formed and active teams", imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148761009.jpg" },
+        { id: "m3", value: "99%", title: "Win Rate", description: "Top tier squad performance", imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827433.jpg" },
+        { id: "m4", value: "24/7", title: "Tournament Support", description: "Non-stop competitive action", imageSrc: "http://img.b2bpic.net/free-photo/stock-market-graph-business-analysis-investment-monitors_482257-29619.jpg" },
+        { id: "m5", value: "15+", title: "Countries", description: "Global community presence", imageSrc: "http://img.b2bpic.net/free-photo/led-display-with-red-green-segments_187299-47615.jpg" },
       ]}
       title="Global Impact"
       description="Proven results for the community."
@@ -215,47 +119,13 @@ export default function LandingPage() {
       <TestimonialCardTen
       textboxLayout="split"
       useInvertedBackground={false}
+      description="Our community loves the PUBG Hub experience!"
       testimonials={[
-        {
-          id: "t1",
-          title: "Game Changer",
-          quote: "I climbed from Bronze to Ace in two months thanks to the squad support here.",
-          name: "Alex R.",
-          role: "Pro Player",
-          imageSrc: "http://img.b2bpic.net/free-photo/embarrassed-flight-passenger-awakes-after-sleeping-plane-holding-phone_273609-36770.jpg",
-        },
-        {
-          id: "t2",
-          title: "Top Community",
-          quote: "The matchmaking quality is consistently high. Best community I've joined.",
-          name: "Maria S.",
-          role: "Squad Leader",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5290.jpg",
-        },
-        {
-          id: "t3",
-          title: "Level Up",
-          quote: "The analytics tools are incredibly helpful for tracking my progress.",
-          name: "David K.",
-          role: "Sniper",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-playing-videogames_23-2150573843.jpg",
-        },
-        {
-          id: "t4",
-          title: "Competitive Fun",
-          quote: "Tournaments are organized, fair, and extremely competitive. Highly recommended.",
-          name: "Elena P.",
-          role: "Support",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-influencer-endorsing-wireless-mouse-from-sponsor_482257-128136.jpg",
-        },
-        {
-          id: "t5",
-          title: "Legendary Status",
-          quote: "Joined as a casual, left as a leader. This community builds winners.",
-          name: "John D.",
-          role: "Squad Member",
-          imageSrc: "http://img.b2bpic.net/free-photo/interracial-homosexual-female-couple-enjoying-online-communication_273609-9472.jpg",
-        },
+        { id: "t1", title: "Game Changer", quote: "I climbed from Bronze to Ace in two months thanks to the squad support here.", name: "Alex R.", role: "Pro Player", imageSrc: "http://img.b2bpic.net/free-photo/embarrassed-flight-passenger-awakes-after-sleeping-plane-holding-phone_273609-36770.jpg" },
+        { id: "t2", title: "Top Community", quote: "The matchmaking quality is consistently high. Best community I've joined.", name: "Maria S.", role: "Squad Leader", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5290.jpg" },
+        { id: "t3", title: "Level Up", quote: "The analytics tools are incredibly helpful for tracking my progress.", name: "David K.", role: "Sniper", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-playing-videogames_23-2150573843.jpg" },
+        { id: "t4", title: "Competitive Fun", quote: "Tournaments are organized, fair, and extremely competitive. Highly recommended.", name: "Elena P.", role: "Support", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-influencer-endorsing-wireless-mouse-from-sponsor_482257-128136.jpg" },
+        { id: "t5", title: "Legendary Status", quote: "Joined as a casual, left as a leader. This community builds winners.", name: "John D.", role: "Squad Member", imageSrc: "http://img.b2bpic.net/free-photo/interracial-homosexual-female-couple-enjoying-online-communication_273609-9472.jpg" },
       ]}
       title="What Our Players Say"
     />
@@ -265,15 +135,9 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
+      description="Trusted by industry leaders in esports."
       names={[
-        "EsportGear",
-        "TacticalMobile",
-        "ApexShield",
-        "BattleReady",
-        "SniperZone",
-        "VictoryPoint",
-        "SquadGoals",
-      ]}
+        "EsportGear",        "TacticalMobile",        "ApexShield",        "BattleReady",        "SniperZone",        "VictoryPoint",        "SquadGoals"]}
       title="Strategic Partners"
     />
   </div>
@@ -282,31 +146,11 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "How do I join a squad?",
-          content: "Head to the 'Matchmaking' dashboard and post your availability.",
-        },
-        {
-          id: "f2",
-          title: "Is the community free?",
-          content: "Yes, we are 100% free for all PUBG Mobile players.",
-        },
-        {
-          id: "f3",
-          title: "How do I participate in tournaments?",
-          content: "Register your squad in the 'Tournaments' section 24 hours before the event start.",
-        },
-        {
-          id: "f4",
-          title: "Can I bring my team?",
-          content: "Yes! You can register as an existing squad in our portal.",
-        },
-        {
-          id: "f5",
-          title: "Are there age restrictions?",
-          content: "Players must follow age policies dictated by the game's developer.",
-        },
+        { id: "f1", title: "How do I join a squad?", content: "Head to the 'Matchmaking' dashboard and post your availability." },
+        { id: "f2", title: "Is the community free?", content: "Yes, we are 100% free for all PUBG Mobile players." },
+        { id: "f3", title: "How do I participate in tournaments?", content: "Register your squad in the 'Tournaments' section 24 hours before the event start." },
+        { id: "f4", title: "Can I bring my team?", content: "Yes! You can register as an existing squad in our portal." },
+        { id: "f5", title: "Are there age restrictions?", content: "Players must follow age policies dictated by the game's developer." },
       ]}
       sideTitle="Questions?"
       faqsAnimation="slide-up"
@@ -316,15 +160,10 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "rotated-rays-animated-grid",
-      }}
+      background={{ variant: "rotated-rays-animated-grid" }}
       text="Ready to drop in? Join our community of thousands and start your rise to the top of the leaderboards today."
       buttons={[
-        {
-          text: "Contact Us",
-          href: "#",
-        },
+        { text: "Contact Us", href: "#" },
       ]}
     />
   </div>
@@ -332,57 +171,9 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "Community",
-          items: [
-            {
-              label: "Squads",
-              href: "#",
-            },
-            {
-              label: "Tournaments",
-              href: "#",
-            },
-            {
-              label: "Rankings",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact Us",
-              href: "#",
-            },
-            {
-              label: "FAQ",
-              href: "#",
-            },
-            {
-              label: "Guides",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Social",
-          items: [
-            {
-              label: "Discord",
-              href: "#",
-            },
-            {
-              label: "Twitter",
-              href: "#",
-            },
-            {
-              label: "YouTube",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Community", items: [{ label: "Squads", href: "#" }, { label: "Tournaments", href: "#" }, { label: "Rankings", href: "#" }] },
+        { title: "Support", items: [{ label: "Contact Us", href: "#" }, { label: "FAQ", href: "#" }, { label: "Guides", href: "#" }] },
+        { title: "Social", items: [{ label: "Discord", href: "#" }, { label: "Twitter", href: "#" }, { label: "YouTube", href: "#" }] },
       ]}
       bottomLeftText="© 2024 PUBG Hub. All rights reserved."
       bottomRightText="Privacy Policy | Terms of Service"
-- 
2.49.1