Merge version_1 into main #2
265
src/app/page.tsx
265
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Book Now", id: "contact"},
|
||||
]}
|
||||
brandName="Nexus Arcade"
|
||||
/>
|
||||
@@ -60,31 +50,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Dominate Your Game"
|
||||
description="Experience peak performance with high-end rigs, lightning-fast internet, and an immersive arena atmosphere built for winners."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-building_23-2150921075.jpg?_wi=1",
|
||||
imageAlt: "Neon Gaming Cafe Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gaming-setup-with-rgb-light_181624-60125.jpg?_wi=1",
|
||||
imageAlt: "Esports Gaming Arena",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-keyboard-with-lights-high-angle_23-2149680222.jpg?_wi=1",
|
||||
imageAlt: "Professional Gaming Gear",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/esports-championship-stage-3d-illustration_1419-2787.jpg",
|
||||
imageAlt: "Neon Gaming Cafe Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hackers-detected-by-police-collecting-technology-equipment-running-from-abandoned-warehouse-scared-internet-scammers-stopped-by-cybercops-while-breaking-into-database-server_482257-64004.jpg",
|
||||
imageAlt: "Esports Gaming Arena",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-building_23-2150921075.jpg", imageAlt: "Neon Gaming Cafe Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/gaming-setup-with-rgb-light_181624-60125.jpg", imageAlt: "Esports Gaming Arena" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blue-keyboard-with-lights-high-angle_23-2149680222.jpg", imageAlt: "Professional Gaming Gear" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/esports-championship-stage-3d-illustration_1419-2787.jpg", imageAlt: "Neon Gaming Cafe Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hackers-detected-by-police-collecting-technology-equipment-running-from-abandoned-warehouse-scared-internet-scammers-stopped-by-cybercops-while-breaking-into-database-server_482257-64004.jpg", imageAlt: "Esports Gaming Arena" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -95,9 +69,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Beyond Gaming"
|
||||
description={[
|
||||
"Nexus Arcade is more than just a cafe; it's an esports training ground and a community hub.",
|
||||
"We provide the latest hardware, professional-grade peripherals, and a space where competitive gaming meets social energy.",
|
||||
]}
|
||||
"Nexus Arcade is more than just a cafe; it's an esports training ground and a community hub.", "We provide the latest hardware, professional-grade peripherals, and a space where competitive gaming meets social energy."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -108,49 +80,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Top-Tier Hardware",
|
||||
description: "Equipped with latest RTX 4090s and high-refresh monitors.",
|
||||
icon: Zap,
|
||||
title: "Top-Tier Hardware", description: "Equipped with latest RTX 4090s and high-refresh monitors.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105505.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-damaged-computer-parts_23-2147922299.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105505.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-damaged-computer-parts_23-2147922299.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-building_23-2150921075.jpg?_wi=2",
|
||||
imageAlt: "custom liquid cooled gaming PC",
|
||||
},
|
||||
{
|
||||
title: "Immersive Setups",
|
||||
description: "Ergonomic seating and spatial audio for total immersion.",
|
||||
icon: Star,
|
||||
title: "Immersive Setups", description: "Ergonomic seating and spatial audio for total immersion.", icon: Star,
|
||||
mediaItems: [
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/science-fiction-game-desktop-pc-monitor_482257-124535.jpg",
|
||||
},
|
||||
{ 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" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/science-fiction-game-desktop-pc-monitor_482257-124535.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gaming-setup-with-rgb-light_181624-60125.jpg?_wi=2",
|
||||
imageAlt: "custom liquid cooled gaming PC",
|
||||
},
|
||||
{
|
||||
title: "Fiber Optic Speed",
|
||||
description: "Zero latency with our dedicated fiber connections.",
|
||||
icon: Wifi,
|
||||
title: "Fiber Optic Speed", description: "Zero latency with our dedicated fiber connections.", icon: Wifi,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172406.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/loaded-circuit-board_1384-30.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172406.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/loaded-circuit-board_1384-30.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-keyboard-with-lights-high-angle_23-2149680222.jpg?_wi=2",
|
||||
imageAlt: "custom liquid cooled gaming PC",
|
||||
},
|
||||
]}
|
||||
title="Unrivaled Performance"
|
||||
@@ -165,54 +113,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Casual Grind",
|
||||
price: "$8/hr",
|
||||
period: "hourly",
|
||||
features: [
|
||||
"Standard PC",
|
||||
"144Hz Monitor",
|
||||
"Mechanical Keyboard",
|
||||
],
|
||||
id: "basic", title: "Casual Grind", price: "$8/hr", period: "hourly", features: [
|
||||
"Standard PC", "144Hz Monitor", "Mechanical Keyboard"],
|
||||
button: {
|
||||
text: "Book Hourly",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tufted-brown-leather-ottoman_417767-424.jpg",
|
||||
imageAlt: "gaming lounge design",
|
||||
},
|
||||
text: "Book Hourly"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tufted-brown-leather-ottoman_417767-424.jpg", imageAlt: "gaming lounge design"},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Esports Pro",
|
||||
price: "$12/hr",
|
||||
period: "hourly",
|
||||
features: [
|
||||
"Tournament PC",
|
||||
"240Hz Monitor",
|
||||
"Priority Internet",
|
||||
"Pro Gear",
|
||||
],
|
||||
id: "pro", title: "Esports Pro", price: "$12/hr", period: "hourly", features: [
|
||||
"Tournament PC", "240Hz Monitor", "Priority Internet", "Pro Gear"],
|
||||
button: {
|
||||
text: "Book Pro Rig",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-building_23-2150921075.jpg?_wi=3",
|
||||
imageAlt: "gaming lounge design",
|
||||
},
|
||||
text: "Book Pro Rig"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-building_23-2150921075.jpg", imageAlt: "gaming lounge design"},
|
||||
{
|
||||
id: "night",
|
||||
title: "All-Nighter",
|
||||
price: "$45",
|
||||
period: "session",
|
||||
features: [
|
||||
"8-Hour Pass",
|
||||
"Unlimited Energy Drink",
|
||||
"Tournament Rig",
|
||||
],
|
||||
id: "night", title: "All-Nighter", price: "$45", period: "session", features: [
|
||||
"8-Hour Pass", "Unlimited Energy Drink", "Tournament Rig"],
|
||||
button: {
|
||||
text: "Reserve Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gaming-setup-with-rgb-light_181624-60125.jpg?_wi=3",
|
||||
imageAlt: "gaming lounge design",
|
||||
},
|
||||
text: "Reserve Now"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gaming-setup-with-rgb-light_181624-60125.jpg", imageAlt: "gaming lounge design"},
|
||||
]}
|
||||
title="Choose Your Session"
|
||||
description="Flexible pricing for competitive grinding or weekend casuals."
|
||||
@@ -227,20 +144,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2M",
|
||||
description: "Hours Played",
|
||||
},
|
||||
id: "m1", value: "1.2M", description: "Hours Played"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Tournaments Hosted",
|
||||
},
|
||||
id: "m2", value: "500+", description: "Tournaments Hosted"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15k",
|
||||
description: "Active Gamers",
|
||||
},
|
||||
id: "m3", value: "15k", description: "Active Gamers"},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="The stats that fuel our community."
|
||||
@@ -253,45 +161,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Best in the city",
|
||||
quote: "The rig quality is unmatched and the community here is amazing.",
|
||||
name: "Alex R.",
|
||||
role: "Pro Streamer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-joystick-play-video-games-console_482257-18137.jpg",
|
||||
},
|
||||
id: "t1", title: "Best in the city", quote: "The rig quality is unmatched and the community here is amazing.", name: "Alex R.", role: "Pro Streamer", imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-joystick-play-video-games-console_482257-18137.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Perfect for grinding",
|
||||
quote: "Finally, a place that takes competitive gaming seriously.",
|
||||
name: "Sam T.",
|
||||
role: "Esports Player",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-man-rgb-lights-lit-living-room-playing-videogames_482257-116287.jpg",
|
||||
},
|
||||
id: "t2", title: "Perfect for grinding", quote: "Finally, a place that takes competitive gaming seriously.", name: "Sam T.", role: "Esports Player", imageSrc: "http://img.b2bpic.net/free-photo/focused-man-rgb-lights-lit-living-room-playing-videogames_482257-116287.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Elite experience",
|
||||
quote: "The atmosphere is electric. Best setup for marathon sessions.",
|
||||
name: "Jordan L.",
|
||||
role: "Casual Gamer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-having-fun-gaming-laughing-with-friends_482257-116059.jpg",
|
||||
},
|
||||
id: "t3", title: "Elite experience", quote: "The atmosphere is electric. Best setup for marathon sessions.", name: "Jordan L.", role: "Casual Gamer", imageSrc: "http://img.b2bpic.net/free-photo/man-having-fun-gaming-laughing-with-friends_482257-116059.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Hardware perfection",
|
||||
quote: "Consistent performance, amazing monitors, and zero lag.",
|
||||
name: "Casey M.",
|
||||
role: "Tournament Winner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/masculanity-confidence-concept-horizontal-half-profile-attractive-clean-shaven-young-dark-skinned-guy-keeping-arms-folded-posing-against-blank-red-studio-wall-with-copy-space-your-content_343059-416.jpg",
|
||||
},
|
||||
id: "t4", title: "Hardware perfection", quote: "Consistent performance, amazing monitors, and zero lag.", name: "Casey M.", role: "Tournament Winner", imageSrc: "http://img.b2bpic.net/free-photo/masculanity-confidence-concept-horizontal-half-profile-attractive-clean-shaven-young-dark-skinned-guy-keeping-arms-folded-posing-against-blank-red-studio-wall-with-copy-space-your-content_343059-416.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Vibrant energy",
|
||||
quote: "Always finding great teammates here to climb ranks with.",
|
||||
name: "Riley P.",
|
||||
role: "Student Gamer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-sitting-art-studio-with-laptop-late-night-showing-pointing-up-with-fingers-number-two-while-smiling-confident-happy_839833-7512.jpg",
|
||||
},
|
||||
id: "t5", title: "Vibrant energy", quote: "Always finding great teammates here to climb ranks with.", name: "Riley P.", role: "Student Gamer", imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-sitting-art-studio-with-laptop-late-night-showing-pointing-up-with-fingers-number-two-while-smiling-confident-happy_839833-7512.jpg"},
|
||||
]}
|
||||
title="Gamer Feedback"
|
||||
description="Hear from our legends."
|
||||
@@ -300,24 +178,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need to book in advance?",
|
||||
content: "While walk-ins are welcome, booking ensures your favorite rig is ready for you.",
|
||||
},
|
||||
id: "q1", title: "Do I need to book in advance?", content: "While walk-ins are welcome, booking ensures your favorite rig is ready for you."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I bring my own gear?",
|
||||
content: "Absolutely! We provide peripherals, but feel free to bring your preferred mouse/keyboard.",
|
||||
},
|
||||
id: "q2", title: "Can I bring my own gear?", content: "Absolutely! We provide peripherals, but feel free to bring your preferred mouse/keyboard."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are there tournament events?",
|
||||
content: "Yes, we host weekend tournaments. Check our community calendar for details!",
|
||||
},
|
||||
id: "q3", title: "Are there tournament events?", content: "Yes, we host weekend tournaments. Check our community calendar for details!"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gradient-view-illuminated-neon-gaming-desk-setup-with-keyboard_23-2149529382.jpg"
|
||||
title="Frequently Asked"
|
||||
@@ -333,25 +203,14 @@ export default function LandingPage() {
|
||||
description="Fill out the form below to reserve your gaming session."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email Address"},
|
||||
{
|
||||
name: "hours",
|
||||
type: "number",
|
||||
placeholder: "Hours Needed",
|
||||
},
|
||||
name: "hours", type: "number", placeholder: "Hours Needed"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Special requests or Rig Preference?",
|
||||
}}
|
||||
name: "message", placeholder: "Special requests or Rig Preference?"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821330.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -360,33 +219,21 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user