Merge version_1 into main #2
261
src/app/page.tsx
261
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Globe, Monitor, Shield, Star, Zap } from "lucide-react";
|
||||
import { Globe, Monitor, Shield, Star, Zap, Cpu } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Community",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Metrics", id: "metrics" },
|
||||
{ name: "Community", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Nexus Gaming"
|
||||
/>
|
||||
@@ -52,67 +40,29 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Enter the Nexus Gaming World"
|
||||
description="Experience peak performance with our next-generation gaming platform, engineered for elite players."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Features",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ text: "View Features", href: "#features" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bright-colorful-neon-background_23-2150689415.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bright-colorful-neon-background_23-2150689415.jpg"
|
||||
imageAlt="Futuristic gaming setup"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cyberpunk-neon-tunnel-with-blue-pink-glowing-lights_23-2151966357.jpg",
|
||||
alt: "Cyberpunk neon tunnel with blue and pink glowing lights",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/neon-landscape-with-glowing-lights_23-2151966348.jpg",
|
||||
alt: "Neon landscape with glowing lights",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/neon-cyberpunk-hallway_23-2151966350.jpg",
|
||||
alt: "Neon cyberpunk hallway",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-neon-city-tunnel-with-time-7-45-glowing_23-2151966337.jpg",
|
||||
alt: "Futuristic neon city tunnel with the time 7:45 glowing",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bright-colorful-neon-background_23-2150689415.jpg",
|
||||
alt: "Futuristic gaming setup",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/cyberpunk-neon-tunnel-with-blue-pink-glowing-lights_23-2151966357.jpg", alt: "Cyberpunk neon tunnel with blue and pink glowing lights" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/neon-landscape-with-glowing-lights_23-2151966348.jpg", alt: "Neon landscape with glowing lights" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/neon-cyberpunk-hallway_23-2151966350.jpg", alt: "Neon cyberpunk hallway" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/futuristic-neon-city-tunnel-with-time-7-45-glowing_23-2151966337.jpg", alt: "Futuristic neon city tunnel with the time 7:45 glowing" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/bright-colorful-neon-background_23-2150689415.jpg", alt: "Futuristic gaming setup" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ultra Low Latency",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Elite Performance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Servers",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Pro Connectivity",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Next-Gen Gaming",
|
||||
},
|
||||
{ type: "text", text: "Ultra Low Latency" },
|
||||
{ type: "text", text: "Elite Performance" },
|
||||
{ type: "text", text: "Global Servers" },
|
||||
{ type: "text", text: "Pro Connectivity" },
|
||||
{ type: "text", text: "Next-Gen Gaming" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,67 +74,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Ultra Low Latency",
|
||||
description: "Experience sub-millisecond response times with our optimized server network.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-with-metallic-grid-texture_23-2150275525.jpg",
|
||||
imageAlt: "Low latency tech",
|
||||
},
|
||||
title: "Ultra Low Latency", description: "Experience sub-millisecond response times with our optimized server network.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-with-metallic-grid-texture_23-2150275525.jpg", imageAlt: "Low latency tech"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Instant response",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Protected traffic",
|
||||
},
|
||||
{ icon: Zap, text: "Instant response" },
|
||||
{ icon: Shield, text: "Protected traffic" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-colorful-neon-background_23-2150689415.jpg?_wi=2",
|
||||
imageAlt: "gaming pc hardware glowing",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "High Fidelity Streaming",
|
||||
description: "Uncompromised visual quality for all your live streaming sessions.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-learning-play-game-by-looking-online-guide-mockup-cellphone_482257-121605.jpg",
|
||||
imageAlt: "Fidelity streaming",
|
||||
},
|
||||
title: "High Fidelity Streaming", description: "Uncompromised visual quality for all your live streaming sessions.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-learning-play-game-by-looking-online-guide-mockup-cellphone_482257-121605.jpg", imageAlt: "Fidelity streaming"},
|
||||
items: [
|
||||
{
|
||||
icon: Monitor,
|
||||
text: "4K resolution",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
text: "HDR enabled",
|
||||
},
|
||||
{ icon: Monitor, text: "4K resolution" },
|
||||
{ icon: Star, text: "HDR enabled" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/future-visions-business-technology-concept_23-2151893460.jpg",
|
||||
imageAlt: "gaming pc hardware glowing",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Advanced Connectivity",
|
||||
description: "Seamless integration across your favorite gaming hardware and platforms.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419467.jpg?_wi=1",
|
||||
imageAlt: "Connectivity",
|
||||
},
|
||||
title: "Advanced Connectivity", description: "Seamless integration across your favorite gaming hardware and platforms.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419467.jpg", imageAlt: "Connectivity"},
|
||||
items: [
|
||||
{
|
||||
icon: Globe,
|
||||
text: "Global server network",
|
||||
},
|
||||
{
|
||||
icon: Cpu,
|
||||
text: "Multi-device support",
|
||||
},
|
||||
{ icon: Globe, text: "Global server network" },
|
||||
{ icon: Cpu, text: "Multi-device support" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pro-gamer-talking-headphones-mic-playing-game-teaching-audience_482257-116199.jpg?_wi=1",
|
||||
imageAlt: "gaming pc hardware glowing",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Engineered for Victory"
|
||||
@@ -198,30 +112,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1M+",
|
||||
title: "Active Players",
|
||||
items: [
|
||||
"Across 50+ countries",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
title: "Uptime Status",
|
||||
items: [
|
||||
"24/7 Server stability",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
title: "Gaming Titles",
|
||||
items: [
|
||||
"Available on demand",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "1M+", title: "Active Players", items: ["Across 50+ countries"] },
|
||||
{ id: "m2", value: "99.9%", title: "Uptime Status", items: ["24/7 Server stability"] },
|
||||
{ id: "m3", value: "500+", title: "Gaming Titles", items: ["Available on demand"] },
|
||||
]}
|
||||
title="Gaming Statistics"
|
||||
description="Join a global community powered by high-performance data."
|
||||
@@ -234,46 +127,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarah_pro",
|
||||
testimonial: "The performance is simply unmatched, I never look back.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419467.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Alex Chen",
|
||||
handle: "@alex_gaming",
|
||||
testimonial: "Nexus transformed my streaming setup completely. Incredible results.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pro-gamer-talking-headphones-mic-playing-game-teaching-audience_482257-116199.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Maya Rodriguez",
|
||||
handle: "@maya_play",
|
||||
testimonial: "Best platform for competitive gaming, no doubt.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-controller_23-2149005234.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
handle: "@dk_pro",
|
||||
testimonial: "Responsive support and stable servers. Absolutely recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fencing_654080-2252.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jamie Smith",
|
||||
handle: "@jamie_plays",
|
||||
testimonial: "Stunning visuals and zero lag even during intense battles.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-freelancer-listening-podcast-being-focused-online-work_482257-121502.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Miller", handle: "@sarah_pro", testimonial: "The performance is simply unmatched, I never look back.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419467.jpg" },
|
||||
{ id: "t2", name: "Alex Chen", handle: "@alex_gaming", testimonial: "Nexus transformed my streaming setup completely. Incredible results.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pro-gamer-talking-headphones-mic-playing-game-teaching-audience_482257-116199.jpg" },
|
||||
{ id: "t3", name: "Maya Rodriguez", handle: "@maya_play", testimonial: "Best platform for competitive gaming, no doubt.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-controller_23-2149005234.jpg" },
|
||||
{ id: "t4", name: "David Kim", handle: "@dk_pro", testimonial: "Responsive support and stable servers. Absolutely recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fencing_654080-2252.jpg" },
|
||||
{ id: "t5", name: "Jamie Smith", handle: "@jamie_plays", testimonial: "Stunning visuals and zero lag even during intense battles.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/african-american-freelancer-listening-podcast-being-focused-online-work_482257-121502.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Elite Players Say"
|
||||
@@ -284,17 +142,12 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get Started"
|
||||
title="Ready to Start Your Journey?"
|
||||
description="Join the Nexus Gaming community today and experience elite performance."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Contact Us", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -304,29 +157,15 @@ export default function LandingPage() {
|
||||
logoText="Nexus Gaming"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Community",
|
||||
href: "#testimonials",
|
||||
},
|
||||
title: "Platform", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Community", href: "#testimonials" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user