Merge version_1 into main #2
263
src/app/page.tsx
263
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Store",
|
||||
id: "store",
|
||||
},
|
||||
{
|
||||
name: "Community",
|
||||
id: "blog",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Store", id: "store" },
|
||||
{ name: "Community", id: "blog" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ApexGaming"
|
||||
/>
|
||||
@@ -59,33 +44,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Level Up Your Experience"
|
||||
description="Unlock unparalleled performance and community engagement with ApexGaming's next-gen platform infrastructure."
|
||||
tag="Gaming Evolution"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-neon-cactus-bedroom_23-2149355051.jpg?_wi=1",
|
||||
imageAlt: "High tech console setup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grayscale-futuristic-abstract-background-with-light-effects_181624-19422.jpg?_wi=1",
|
||||
imageAlt: "Panoramic esports arena",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/enjoying-stamped-cars-night_23-2148281570.jpg",
|
||||
imageAlt: "Enjoying stamped cars at night",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-neon-green-abstract-design_23-2148231555.jpg",
|
||||
imageAlt: "Black and neon green abstract design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-illustration-multiplying-bacterial-cells_181624-22996.jpg",
|
||||
imageAlt: "Digital illustration of multiplying bacterial cells",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-neon-cactus-bedroom_23-2149355051.jpg", imageAlt: "High tech console setup" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/grayscale-futuristic-abstract-background-with-light-effects_181624-19422.jpg", imageAlt: "Panoramic esports arena" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -107,67 +72,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Ultra-Low Latency",
|
||||
description: "Engineered for real-time responsiveness.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-with-modern-hardware-monitor-virtual-reality-glasses_482257-112446.jpg",
|
||||
imageAlt: "Latency tech",
|
||||
},
|
||||
title: "Ultra-Low Latency", description: "Engineered for real-time responsiveness.", media: { imageSrc: "http://img.b2bpic.net/free-photo/computer-with-modern-hardware-monitor-virtual-reality-glasses_482257-112446.jpg", imageAlt: "Latency tech" },
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Instant sync",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Secure connection",
|
||||
},
|
||||
{ icon: Zap, text: "Instant sync" },
|
||||
{ icon: Shield, text: "Secure connection" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-neon-cactus-bedroom_23-2149355051.jpg?_wi=2",
|
||||
imageAlt: "macro gaming controller green led",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Global Servers",
|
||||
description: "Seamless play from anywhere.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-boy-holding-black-controller_23-2148243649.jpg",
|
||||
imageAlt: "Server tech",
|
||||
},
|
||||
title: "Global Servers", description: "Seamless play from anywhere.", media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-boy-holding-black-controller_23-2148243649.jpg", imageAlt: "Server tech" },
|
||||
items: [
|
||||
{
|
||||
icon: Globe,
|
||||
text: "100+ Nodes",
|
||||
},
|
||||
{
|
||||
icon: Database,
|
||||
text: "High availability",
|
||||
},
|
||||
{ icon: Globe, text: "100+ Nodes" },
|
||||
{ icon: Database, text: "High availability" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grayscale-futuristic-abstract-background-with-light-effects_181624-19422.jpg?_wi=2",
|
||||
imageAlt: "macro gaming controller green led",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Community Tools",
|
||||
description: "Engage with your tribe.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-boy-holding-game-controller_23-2148243671.jpg",
|
||||
imageAlt: "Community",
|
||||
},
|
||||
title: "Community Tools", description: "Engage with your tribe.", media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-boy-holding-game-controller_23-2148243671.jpg", imageAlt: "Community" },
|
||||
items: [
|
||||
{
|
||||
icon: Users,
|
||||
text: "Voice chat",
|
||||
},
|
||||
{
|
||||
icon: MessageSquare,
|
||||
text: "Unified feed",
|
||||
},
|
||||
{ icon: Users, text: "Voice chat" },
|
||||
{ icon: MessageSquare, text: "Unified feed" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/row-blue-liquid-glasses-with-shadow-colored-background_23-2147949151.jpg",
|
||||
imageAlt: "macro gaming controller green led",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Pro Performance Features"
|
||||
@@ -182,42 +108,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Apex Keyboard",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-keyboard-with-lights-high-angle_23-2149680222.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Titan Headset",
|
||||
price: "$149",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shiny-headphones-illuminate-nightclub-modern-entertainment-generated-by-ai_188544-25756.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Precision Mouse",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/turquoise-mouse-with-dripping-paint_23-2148263666.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Pro Display",
|
||||
price: "$499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-gamer-ecstatic-after-killing-opponent-online-multiplayer-shooting-game-man-computer-desk-having-burst-happiness-after-defeating-enemies-winning-level_482257-71076.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Apex Graphics",
|
||||
price: "$899",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105507.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Comfort Chair",
|
||||
price: "$349",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/innovative-businessman-working-modern-laptop-inside-generated-by-ai_188544-27376.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Apex Keyboard", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/blue-keyboard-with-lights-high-angle_23-2149680222.jpg" },
|
||||
{ id: "p2", name: "Titan Headset", price: "$149", imageSrc: "http://img.b2bpic.net/free-photo/shiny-headphones-illuminate-nightclub-modern-entertainment-generated-by-ai_188544-25756.jpg" },
|
||||
{ id: "p3", name: "Precision Mouse", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/turquoise-mouse-with-dripping-paint_23-2148263666.jpg" },
|
||||
]}
|
||||
title="Exclusive Gaming Hardware"
|
||||
description="Level up your gear with our curated list of professional grade hardware."
|
||||
@@ -231,26 +124,8 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-smiling_1187-3402.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gamer-wearing-headphones-talking-with-friends-online-multiplayer-shooter_482257-116216.jpg",
|
||||
alt: "Mike",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photographer-hold-digital-camera-looking-white-display_158595-5718.jpg",
|
||||
alt: "Alice",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-outdoors_23-2149915911.jpg",
|
||||
alt: "Bob",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-industrial-worker-using-tablet-computer-site_74855-5384.jpg",
|
||||
alt: "Charlie",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-smiling_1187-3402.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/gamer-wearing-headphones-talking-with-friends-online-multiplayer-shooter_482257-116216.jpg", alt: "Mike" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -263,27 +138,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5M+",
|
||||
title: "Active Players",
|
||||
description: "Global reach",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-colleagues-working-late-office-blue-light-night-view_482257-32812.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Reliable access",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Live Support",
|
||||
description: "Always there",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg",
|
||||
},
|
||||
{ id: "m1", value: "5M+", title: "Active Players", description: "Global reach", imageSrc: "http://img.b2bpic.net/free-photo/two-colleagues-working-late-office-blue-light-night-view_482257-32812.jpg" },
|
||||
{ id: "m2", value: "99.9%", title: "Uptime", description: "Reliable access", imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg" },
|
||||
{ id: "m3", value: "24/7", title: "Live Support", description: "Always there", imageSrc: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg" },
|
||||
]}
|
||||
title="Community Impact"
|
||||
description="Our network keeps growing faster than any other platform."
|
||||
@@ -298,36 +155,8 @@ export default function LandingPage() {
|
||||
title="Industry Insights"
|
||||
description="Stay current with the latest gaming trends and development news."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "eSports",
|
||||
title: "Global Tournaments 2025",
|
||||
excerpt: "What to expect...",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-watching-magic-night_23-2148281577.jpg",
|
||||
authorName: "Devin",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-looks-positive_114579-14802.jpg",
|
||||
date: "Jan 12",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Tech",
|
||||
title: "Optimization Guide",
|
||||
excerpt: "Boost your frame rates.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/programming-script-text-coding-word_53876-64939.jpg",
|
||||
authorName: "Elena",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/gamer-glasses-is-sitting-chair-while-pretty-girl-behide-his-back-is-smiling-camera_613910-21684.jpg",
|
||||
date: "Feb 05",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Design",
|
||||
title: "UI Trends in Gaming",
|
||||
excerpt: "The modern interface.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151281611.jpg",
|
||||
authorName: "Chris",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg",
|
||||
date: "Mar 20",
|
||||
},
|
||||
{ id: "b1", category: "eSports", title: "Global Tournaments 2025", excerpt: "What to expect...", imageSrc: "http://img.b2bpic.net/free-photo/friends-watching-magic-night_23-2148281577.jpg", authorName: "Devin", authorAvatar: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-looks-positive_114579-14802.jpg", date: "Jan 12" },
|
||||
{ id: "b2", category: "Tech", title: "Optimization Guide", excerpt: "Boost your frame rates.", imageSrc: "http://img.b2bpic.net/free-photo/programming-script-text-coding-word_53876-64939.jpg", authorName: "Elena", authorAvatar: "http://img.b2bpic.net/free-photo/gamer-glasses-is-sitting-chair-while-pretty-girl-behide-his-back-is-smiling-camera_613910-21684.jpg", date: "Feb 05" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -335,9 +164,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Ready to join the elite? Contact our support team for early access."
|
||||
/>
|
||||
</div>
|
||||
@@ -345,32 +172,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Community",
|
||||
items: [
|
||||
{
|
||||
label: "Forums",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Community", items: [{ label: "Forums", href: "#" }, { label: "Support", href: "#contact" }] },
|
||||
]}
|
||||
logoText="ApexGaming"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user