Merge version_1 into main #1
175
src/app/page.tsx
175
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."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user