Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| d632171501 | |||
| baece1adc3 | |||
| 3c97532a11 | |||
| 9fc36c6879 |
257
src/app/page.tsx
257
src/app/page.tsx
@@ -13,89 +13,41 @@ import TestimonialCardFifteen from '@/components/sections/testimonial/Testimonia
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumLarge"
|
||||
background="fluid"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="large"
|
||||
background="noise"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Games",
|
||||
id: "games",
|
||||
},
|
||||
{
|
||||
name: "Community",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Games", id: "games" },
|
||||
{ name: "Community", id: "testimonials" },
|
||||
{ name: "Support", id: "faq" },
|
||||
]}
|
||||
brandName="GameHub"
|
||||
brandName="NeonArcade"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Level Up Your Gaming Experience"
|
||||
description="Discover a platform where epic games meet an elite community. Fast servers, massive tournaments, and rewards that matter."
|
||||
tag="Join the Elite"
|
||||
buttons={[
|
||||
{
|
||||
text: "Play Now",
|
||||
href: "#games",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
title="Enter the Neon Realm"
|
||||
description="Experience high-octane gaming with state-of-the-art server infrastructure and a community of millions."
|
||||
tag="Game On"
|
||||
buttons={[{ text: "Launch Game", href: "#games" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-chair-with-multicolored-neon-lights_52683-99744.jpg?_wi=1",
|
||||
imageAlt: "Hero Setup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-chair-with-multicolored-neon-lights_52683-99744.jpg?_wi=2",
|
||||
imageAlt: "Hero Setup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-chair-with-multicolored-neon-lights_52683-99744.jpg?_wi=3",
|
||||
imageAlt: "Hero Setup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-chair-with-multicolored-neon-lights_52683-99744.jpg?_wi=4",
|
||||
imageAlt: "Hero Setup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-chair-with-multicolored-neon-lights_52683-99744.jpg?_wi=5",
|
||||
imageAlt: "Hero Setup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-chair-with-multicolored-neon-lights_52683-99744.jpg?_wi=6",
|
||||
imageAlt: "Hero Setup",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/gamer-chair-with-multicolored-neon-lights_52683-99744.jpg?_wi=1", imageAlt: "Setup" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/gamer-chair-with-multicolored-neon-lights_52683-99744.jpg?_wi=2", imageAlt: "Setup" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -106,185 +58,54 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Speed",
|
||||
title: "Ultra-Low Latency",
|
||||
subtitle: "Lag-free performance",
|
||||
description: "Global edge servers ensure ping times that keep you in the lead.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182515.jpg",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Rewards",
|
||||
title: "Pro Tournaments",
|
||||
subtitle: "Compete to win",
|
||||
description: "Weekly events with real cash prizes for top performers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-space-rocket-model_23-2151113295.jpg",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Community",
|
||||
title: "Social Hub",
|
||||
subtitle: "Connect & play",
|
||||
description: "Join thousands of players in our active, moderated community hubs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-modern-plexus-design_1048-15474.jpg",
|
||||
},
|
||||
{ id: 1, tag: "Performance", title: "Zero Lag", subtitle: "Instant response", description: "Optimized fiber routing for competitive edges.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182515.jpg" },
|
||||
{ id: 2, tag: "Rewards", title: "Epic Loot", subtitle: "Tournament wins", description: "Earn legendary rewards every season.", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-space-rocket-model_23-2151113295.jpg" }
|
||||
]}
|
||||
title="Why Gamers Choose Us"
|
||||
description="Unmatched performance for your competitive drive."
|
||||
title="Master the Arena"
|
||||
description="Dominate the leaderboard with our specialized gaming tools."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="games" data-section="games">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Shadow Realm",
|
||||
price: "Free to Play",
|
||||
variant: "RPG",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-princess-warrior_23-2151663194.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Tactical Strike",
|
||||
price: "$19.99",
|
||||
variant: "FPS",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-futuristic-female-humanoid-with-advanced-technology_23-2151666338.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Nitro Drift",
|
||||
price: "Free to Play",
|
||||
variant: "Racing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cars-bridge-with-motion-blur-night_23-2148287836.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Strategy Commander",
|
||||
price: "$39.99",
|
||||
variant: "Strategy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-governmental-cyber-security-room-without-staff-work_482257-121538.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Dark Manor",
|
||||
price: "$29.99",
|
||||
variant: "Horror",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151127942.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Runestone Cards",
|
||||
price: "Free to Play",
|
||||
variant: "Card",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-tarot-cards-with-mineral-rocks_23-2148229224.jpg",
|
||||
},
|
||||
{ id: "1", name: "Cyber Synth", price: "$59.99", variant: "RPG", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-princess-warrior_23-2151663194.jpg" },
|
||||
{ id: "2", name: "Nebula Ops", price: "$39.99", variant: "FPS", imageSrc: "http://img.b2bpic.net/free-photo/portrait-futuristic-female-humanoid-with-advanced-technology_23-2151666338.jpg" }
|
||||
]}
|
||||
title="Trending Titles"
|
||||
description="Find your next obsession among our curated library."
|
||||
title="Latest Drops"
|
||||
description="The hottest titles of the season."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="This platform transformed my gaming habits. The tournament payouts are genuine, and the community is incredibly welcoming!"
|
||||
testimonial="The most immersive platform I've ever played on. Constant updates keep everything fresh!"
|
||||
rating={5}
|
||||
author="Marcus V."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-portrait-young-man-sitting-sofa-playing-video-game_23-2148152805.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fit-individual-doing-sport_23-2151764316.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/big-brother-surveillance-concept-composition_23-2150169350.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-looks-positive-wearing-headphones_114579-14803.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-using-nebulizer-home_23-2150562063.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
author="PlayerX_99"
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/smiling-portrait-young-man-sitting-sofa-playing-video-game_23-2148152805.jpg", alt: "Gamer" }]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I join a tournament?",
|
||||
content: "Simply go to the tournaments tab and click 'Join' on any active event.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are prizes real money?",
|
||||
content: "Yes, we use secure, verified payment methods for all tournament winnings.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I play on console?",
|
||||
content: "Our platform supports all major platforms including PC, Xbox, and PlayStation.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Got Questions?"
|
||||
sideDescription="We're here to help you get back to the game."
|
||||
faqs={[{ id: "1", title: "Are there free games?", content: "Yes, we have a massive library of free-to-play titles." }]}
|
||||
sideTitle="Need Help?"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "Games",
|
||||
href: "#games",
|
||||
},
|
||||
{
|
||||
label: "Community",
|
||||
href: "#testimonials",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 GameHub Inc."
|
||||
columns={[{ title: "Links", items: [{ label: "Home", href: "#" }] }]}
|
||||
copyrightText="© 2025 NeonArcade"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #e34400;
|
||||
--background: #050505;
|
||||
--card: #121212;
|
||||
--foreground: #f5f5f5;
|
||||
--primary-cta: #00ffcc;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #010101;
|
||||
--secondary-cta: #121212;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #737373;
|
||||
--background-accent: #e34400;
|
||||
--accent: #ff0077;
|
||||
--background-accent: #00ffcc;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user