From 394cb2ef956a9b50c5e673d48eab547994765b49 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 27 Mar 2026 08:50:36 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 175 ++++++++---------------------------------------
 1 file changed, 30 insertions(+), 145 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 343f7e7..b7497dc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,29 +17,25 @@ export default function LandingPage() {
         defaultButtonVariant="text-stagger"
         defaultTextAnimation="entrance-slide"
         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">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Highlights",
-          id: "features",
-        },
-        {
-          name: "Stats",
-          id: "metrics",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Highlights", id: "features" },
+        { name: "Stats", id: "metrics" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="PXLR"
+      button={{ text: "Get Started" }}
     />
   </div>
 
@@ -47,12 +43,7 @@ export default function LandingPage() {
       <HeroLogo
       logoText="PXLR Gaming"
       description="Elite competitive performance, high-stakes streaming, and precision-driven gameplay. Join the future of professional gaming."
-      buttons={[
-        {
-          text: "View Highlights",
-          href: "#features",
-        },
-      ]}
+      buttons={[{ text: "View Highlights", href: "#features" }]}
       buttonAnimation="slide-up"
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWONCepo7Mzk4XcfzGlU0negGh/a-hyper-realistic-gaming-setup-in-a-dark-1774601403479-fb0ec411.png"
       showDimOverlay={true}
@@ -66,26 +57,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
-          title: "Precision Hardware",
-          description: "Custom overclocked builds that eliminate latency and maximize frame stability.",
-          tag: "Performance",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWONCepo7Mzk4XcfzGlU0negGh/a-close-up-of-a-high-performance-pc-comp-1774601403233-121ecd41.png",
-        },
+          id: "f1",          title: "Precision Hardware",          description: "Custom overclocked builds that eliminate latency and maximize frame stability.",          tag: "Performance",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWONCepo7Mzk4XcfzGlU0negGh/a-close-up-of-a-high-performance-pc-comp-1774601403233-121ecd41.png"},
         {
-          id: "f2",
-          title: "Hyper-Speed Network",
-          description: "Optimized connection paths to ensure 0ms input lag and seamless competitive stability.",
-          tag: "Connection",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWONCepo7Mzk4XcfzGlU0negGh/abstract-representation-of-high-speed-ga-1774601403721-de0448d8.png",
-        },
+          id: "f2",          title: "Hyper-Speed Network",          description: "Optimized connection paths to ensure 0ms input lag and seamless competitive stability.",          tag: "Connection",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWONCepo7Mzk4XcfzGlU0negGh/abstract-representation-of-high-speed-ga-1774601403721-de0448d8.png"},
         {
-          id: "f3",
-          title: "Pro Peripherals",
-          description: "Tactical-grade peripherals engineered for tournament-level accuracy.",
-          tag: "Gear",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWONCepo7Mzk4XcfzGlU0negGh/stylish-competitive-gaming-peripheral-se-1774601403739-feae2413.png",
-        },
+          id: "f3",          title: "Pro Peripherals",          description: "Tactical-grade peripherals engineered for tournament-level accuracy.",          tag: "Gear",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWONCepo7Mzk4XcfzGlU0negGh/stylish-competitive-gaming-peripheral-se-1774601403739-feae2413.png"},
       ]}
       title="Engineered for Victory"
       description="Experience peak efficiency and tactical superiority with custom gear and optimized setups."
@@ -99,34 +75,10 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "2.4M+",
-          title: "Total Views",
-          description: "Lifetime content reach",
-          icon: Eye,
-        },
-        {
-          id: "m2",
-          value: "120+",
-          title: "Tournaments",
-          description: "Competitive career events",
-          icon: Award,
-        },
-        {
-          id: "m3",
-          value: "98%",
-          title: "Win Rate",
-          description: "Seasonal performance index",
-          icon: Target,
-        },
-        {
-          id: "m4",
-          value: "50K",
-          title: "Community",
-          description: "Active dedicated followers",
-          icon: Users,
-        },
+        { id: "m1", value: "2.4M+", title: "Total Views", description: "Lifetime content reach", icon: Eye },
+        { id: "m2", value: "120+", title: "Tournaments", description: "Competitive career events", icon: Award },
+        { id: "m3", value: "98%", title: "Win Rate", description: "Seasonal performance index", icon: Target },
+        { id: "m4", value: "50K", title: "Community", description: "Active dedicated followers", icon: Users },
       ]}
       title="Stream Metrics"
       description="Evidence of consistent excellence in global competition."
@@ -140,18 +92,9 @@ export default function LandingPage() {
       rating={5}
       author="Marcus Thorne, Tournament Organizer"
       avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWONCepo7Mzk4XcfzGlU0negGh/portrait-of-a-competitive-esports-player-1774601402369-6837406b.png",
-          alt: "Marcus",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWONCepo7Mzk4XcfzGlU0negGh/portrait-of-a-content-creator-with-headp-1774601403318-df793086.png",
-          alt: "Sarah",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWONCepo7Mzk4XcfzGlU0negGh/portrait-of-a-competitive-gamer-in-a-hoo-1774601403285-5805f7f6.png",
-          alt: "David",
-        },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWONCepo7Mzk4XcfzGlU0negGh/portrait-of-a-competitive-esports-player-1774601402369-6837406b.png", alt: "Marcus" },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWONCepo7Mzk4XcfzGlU0negGh/portrait-of-a-content-creator-with-headp-1774601403318-df793086.png", alt: "Sarah" },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWONCepo7Mzk4XcfzGlU0negGh/portrait-of-a-competitive-gamer-in-a-hoo-1774601403285-5805f7f6.png", alt: "David" },
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
@@ -163,27 +106,13 @@ export default function LandingPage() {
       animationType="slide-up"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "Do you offer private coaching?",
-          content: "Yes, I offer hour-long VOD reviews and live coaching sessions.",
-        },
-        {
-          id: "q2",
-          title: "How to sponsor the channel?",
-          content: "Please send a detailed pitch to my business email for review.",
-        },
-        {
-          id: "q3",
-          title: "What gear do you use?",
-          content: "I use a custom-built liquid cooled system, details are listed on my Discord.",
-        },
+        { id: "q1", title: "Do you offer private coaching?", content: "Yes, I offer hour-long VOD reviews and live coaching sessions." },
+        { id: "q2", title: "How to sponsor the channel?", content: "Please send a detailed pitch to my business email for review." },
+        { id: "q3", title: "What gear do you use?", content: "I use a custom-built liquid cooled system, details are listed on my Discord." },
       ]}
       ctaTitle="Let's Collaborate"
       ctaDescription="Seeking partnerships, coaching, or sponsorship inquiries? Get in touch."
-      ctaButton={{
-        text: "Send Message",
-      }}
+      ctaButton={{ text: "Send Message" }}
       ctaIcon={MessageCircle}
     />
   </div>
@@ -192,53 +121,9 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="PXLR"
       columns={[
-        {
-          title: "Connect",
-          items: [
-            {
-              label: "Twitter",
-              href: "#",
-            },
-            {
-              label: "Discord",
-              href: "#",
-            },
-            {
-              label: "Twitch",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Press Kit",
-              href: "#",
-            },
-            {
-              label: "Sponsors",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Connect", items: [{ label: "Twitter", href: "#" }, { label: "Discord", href: "#" }, { label: "Twitch", href: "#" }] },
+        { title: "Company", items: [{ label: "About", href: "#" }, { label: "Press Kit", href: "#" }, { label: "Sponsors", href: "#" }] },
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
       ]}
       copyrightText="© 2025 PXLR Gaming. All rights reserved."
     />
-- 
2.49.1