Merge version_1 into main #2
373
src/app/page.tsx
373
src/app/page.tsx
@@ -12,7 +12,7 @@ import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Clock, Globe, Lock, Server, Shield, ShieldCheck, TrendingUp, Zap } from "lucide-react";
|
||||
import { Clock, Globe, Lock, Server, Shield, ShieldCheck, TrendingUp, Zap, RefreshCw } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Gear",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Gear", id: "products" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ApexGaming"
|
||||
/>
|
||||
@@ -55,42 +43,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Unleash Your True Gaming Potential"
|
||||
description="Experience professional-grade gaming hardware, low-latency connectivity, and community-driven analytics designed to give you the competitive edge."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Gaming",
|
||||
href: "#pricing",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Start Gaming", href: "#pricing" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mockup-laptop-device-man-playing-high-fps-videogame-with-spaceship_482257-121698.jpg?_wi=1",
|
||||
imageAlt: "Futuristic gaming setup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/esports-championship-background-3d-illustration_1419-2786.jpg?_wi=1",
|
||||
imageAlt: "Competitive FPS scene",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-illuminated-neon-gaming-desk-setup-with-keyboard_23-2149529409.jpg?_wi=1",
|
||||
imageAlt: "Pro gaming mouse",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-low-poly-plexus-design_1048-14317.jpg",
|
||||
imageAlt: "Abstract cyberpunk background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-wearing-headphones-talking-with-friends-online-multiplayer-shooter_482257-116216.jpg",
|
||||
imageAlt: "Pro gaming headset",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/furry-purple-trophy-with-green-handles-icon_23-2152009946.jpg",
|
||||
imageAlt: "E-sports trophy",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mockup-laptop-device-man-playing-high-fps-videogame-with-spaceship_482257-121698.jpg", imageAlt: "Futuristic gaming setup" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/esports-championship-background-3d-illustration_1419-2786.jpg", imageAlt: "Competitive FPS scene" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/gradient-illuminated-neon-gaming-desk-setup-with-keyboard_23-2149529409.jpg", imageAlt: "Pro gaming mouse" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-low-poly-plexus-design_1048-14317.jpg", imageAlt: "Abstract cyberpunk background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/gamer-wearing-headphones-talking-with-friends-online-multiplayer-shooter_482257-116216.jpg", imageAlt: "Pro gaming headset" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/furry-purple-trophy-with-green-handles-icon_23-2152009946.jpg", imageAlt: "E-sports trophy" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -101,21 +64,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Built for Elite Performance"
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Latency Reduction",
|
||||
value: "99.9%",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Anti-Cheat Protection",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Global Servers",
|
||||
value: "500+",
|
||||
},
|
||||
{ icon: Zap, label: "Latency Reduction", value: "99.9%" },
|
||||
{ icon: Shield, label: "Anti-Cheat Protection", value: "100%" },
|
||||
{ icon: Globe, label: "Global Servers", value: "500+" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -128,68 +79,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Ultra-Low Latency",
|
||||
description: "Our dedicated gaming network ensures you receive game data faster than ever before.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105503.jpg",
|
||||
imageAlt: "Low latency hardware",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Under 10ms Ping",
|
||||
},
|
||||
{
|
||||
icon: RefreshCcw,
|
||||
text: "Real-time Sync",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mockup-laptop-device-man-playing-high-fps-videogame-with-spaceship_482257-121698.jpg?_wi=2",
|
||||
imageAlt: "pc processor circuit board",
|
||||
title: "Ultra-Low Latency", description: "Our dedicated gaming network ensures you receive game data faster than ever before.", media: { imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105503.jpg", imageAlt: "Low latency hardware" },
|
||||
items: [{ icon: Clock, text: "Under 10ms Ping" }, { icon: RefreshCw, text: "Real-time Sync" }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Cloud Dominance",
|
||||
description: "Scalable server clusters that adjust dynamically to load, ensuring you never experience game-breaking lag.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sun-shining-hallway-modern-building-designed-with-colorful-windows_181624-54975.jpg",
|
||||
imageAlt: "Cloud server infrastructure",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Server,
|
||||
text: "99.99% Uptime",
|
||||
},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
text: "Dynamic Scaling",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/esports-championship-background-3d-illustration_1419-2786.jpg?_wi=2",
|
||||
imageAlt: "pc processor circuit board",
|
||||
title: "Cloud Dominance", description: "Scalable server clusters that adjust dynamically to load, ensuring you never experience game-breaking lag.", media: { imageSrc: "http://img.b2bpic.net/free-photo/sun-shining-hallway-modern-building-designed-with-colorful-windows_181624-54975.jpg", imageAlt: "Cloud server infrastructure" },
|
||||
items: [{ icon: Server, text: "99.99% Uptime" }, { icon: TrendingUp, text: "Dynamic Scaling" }],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Pro-Level Security",
|
||||
description: "Advanced neural network monitoring provides instant threat detection, preventing cheaters from ruining your experience.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glowing-blue-wave-pattern-ignites-futuristic-technology-generated-by-ai_188544-18502.jpg",
|
||||
imageAlt: "Anti-cheat dashboard",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Lock,
|
||||
text: "AI-Powered Guard",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
text: "Zero-Day Protection",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-illuminated-neon-gaming-desk-setup-with-keyboard_23-2149529409.jpg?_wi=2",
|
||||
imageAlt: "pc processor circuit board",
|
||||
},
|
||||
title: "Pro-Level Security", description: "Advanced neural network monitoring provides instant threat detection, preventing cheaters from ruining your experience.", media: { imageSrc: "http://img.b2bpic.net/free-photo/glowing-blue-wave-pattern-ignites-futuristic-technology-generated-by-ai_188544-18502.jpg", imageAlt: "Anti-cheat dashboard" },
|
||||
items: [{ icon: Lock, text: "AI-Powered Guard" }, { icon: ShieldCheck, text: "Zero-Day Protection" }],
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Next-Gen Gaming Infrastructure"
|
||||
description="Everything you need to compete at the highest level of gaming."
|
||||
@@ -198,46 +101,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Apex Keyboard",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924153.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Titan Mouse",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150062883.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Control Pad",
|
||||
price: "$49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-illuminated-neon-gaming-desk-setup-with-keyboard_23-2149529412.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Hyper-Display 4K",
|
||||
price: "$899",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-computer-monitor-display_23-2150757434.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Sonic Audio",
|
||||
price: "$249",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/control-room-desk-with-motorized-faders-multiple-knobs_482257-83509.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Apex Tower",
|
||||
price: "$2,499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-rgb-led-lights-system-desktop-woman-gamer-playing-space-shoother-video-games-online-championship-gaming-studio-equipped-with-professional-streaming-setup_482257-29255.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Apex Keyboard", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924153.jpg" },
|
||||
{ id: "p2", name: "Titan Mouse", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150062883.jpg" },
|
||||
{ id: "p3", name: "Control Pad", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/gradient-illuminated-neon-gaming-desk-setup-with-keyboard_23-2149529412.jpg" },
|
||||
]}
|
||||
title="Elite Gaming Gear"
|
||||
description="Top-tier peripherals to enhance every aspect of your playstyle."
|
||||
@@ -250,56 +121,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Entry",
|
||||
price: "$15/mo",
|
||||
subtitle: "Perfect for casual contenders.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Basic",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"High speed server access",
|
||||
"Basic stats tracker",
|
||||
"Email support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$45/mo",
|
||||
subtitle: "The ultimate gaming edge.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Pro",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Priority server priority",
|
||||
"Advanced analytics",
|
||||
"24/7 Priority support",
|
||||
"Team-level tools",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
badge: "Elite",
|
||||
price: "$120/mo",
|
||||
subtitle: "For serious teams & pros.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Elite",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Dedicated server nodes",
|
||||
"Pro-analytics package",
|
||||
"Tournament organizer",
|
||||
"On-demand coaching",
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Entry", price: "$15/mo", subtitle: "Perfect for casual contenders.", buttons: [{ text: "Select Basic" }], features: ["High speed server access", "Basic stats tracker", "Email support"] },
|
||||
{ id: "pro", badge: "Pro", price: "$45/mo", subtitle: "The ultimate gaming edge.", buttons: [{ text: "Select Pro" }], features: ["Priority server priority", "Advanced analytics", "24/7 Priority support", "Team-level tools"] },
|
||||
{ id: "elite", badge: "Elite", price: "$120/mo", subtitle: "For serious teams & pros.", buttons: [{ text: "Select Elite" }], features: ["Dedicated server nodes", "Pro-analytics package", "Tournament organizer", "On-demand coaching"] },
|
||||
]}
|
||||
title="Choose Your Gaming Tier"
|
||||
description="Flexible plans for every level of professional player."
|
||||
@@ -309,44 +133,17 @@ export default function LandingPage() {
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardEleven
|
||||
textboxLayout="split"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Leadership",
|
||||
members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "John Smith",
|
||||
subtitle: "CEO / Coach",
|
||||
detail: "Former world champion with 10+ years of pro experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-handsome-young-male-dressed-black-sportswear-baseball-cap-dark-background_613910-15829.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Alex Doe",
|
||||
subtitle: "Lead Athlete",
|
||||
detail: "Top-ranked FPS competitor in the professional circuit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/energetic-gamer-starting-live-broadcast-interacting-with-viewers-before-playing-videogame_482257-116267.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Maria Garcia",
|
||||
subtitle: "Lead Analyst",
|
||||
detail: "Data science expert specialized in competitive meta analysis.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/remote-employee-holding-chroma-key-device-analyzing-business-graphics_482257-82851.jpg",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
title: "Tom Wilson",
|
||||
subtitle: "Manager",
|
||||
detail: "Orchestrating high-stakes tournaments globally.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-man-sitting-conference-table_1262-3842.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mockup-laptop-device-man-playing-high-fps-videogame-with-spaceship_482257-121698.jpg?_wi=3",
|
||||
imageAlt: "esports coach professional portrait",
|
||||
},
|
||||
id: "g1", groupTitle: "Leadership", members: [
|
||||
{ id: "m1", title: "John Smith", subtitle: "CEO / Coach", detail: "Former world champion with 10+ years of pro experience.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-handsome-young-male-dressed-black-sportswear-baseball-cap-dark-background_613910-15829.jpg" },
|
||||
{ id: "m2", title: "Alex Doe", subtitle: "Lead Athlete", detail: "Top-ranked FPS competitor in the professional circuit.", imageSrc: "http://img.b2bpic.net/free-photo/energetic-gamer-starting-live-broadcast-interacting-with-viewers-before-playing-videogame_482257-116267.jpg" },
|
||||
{ id: "m3", title: "Maria Garcia", subtitle: "Lead Analyst", detail: "Data science expert specialized in competitive meta analysis.", imageSrc: "http://img.b2bpic.net/free-photo/remote-employee-holding-chroma-key-device-analyzing-business-graphics_482257-82851.jpg" },
|
||||
{ id: "m4", title: "Tom Wilson", subtitle: "Manager", detail: "Orchestrating high-stakes tournaments globally.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-man-sitting-conference-table_1262-3842.jpg" },
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Meet Our Elite Staff"
|
||||
description="World-class veterans dedicated to your growth."
|
||||
@@ -357,31 +154,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah",
|
||||
imageSrc: "asset://test-img-1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark",
|
||||
imageSrc: "asset://test-img-2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Chloe",
|
||||
imageSrc: "asset://test-img-3",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Robert",
|
||||
imageSrc: "asset://test-img-4",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Anna",
|
||||
imageSrc: "asset://test-img-5",
|
||||
},
|
||||
{ id: "t1", name: "Sarah", imageSrc: "asset://test-img-1" },
|
||||
{ id: "t2", name: "Mark", imageSrc: "asset://test-img-2" },
|
||||
{ id: "t3", name: "Chloe", imageSrc: "asset://test-img-3" },
|
||||
{ id: "t4", name: "Robert", imageSrc: "asset://test-img-4" },
|
||||
{ id: "t5", name: "Anna", imageSrc: "asset://test-img-5" },
|
||||
]}
|
||||
cardTitle="What Pros Say About Us"
|
||||
cardTag="Social Proof"
|
||||
@@ -395,23 +172,10 @@ export default function LandingPage() {
|
||||
title="Ready to Dominate?"
|
||||
description="Reach out to discuss hardware integration, team sponsorship, or premium memberships."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help you?",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "How can we help you?" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fractal-lights-background_1017-2667.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -419,42 +183,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Home", href: "#" }, { label: "Features", href: "#features" }] },
|
||||
{ items: [{ label: "Products", href: "#products" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ items: [{ label: "Support", href: "#contact" }, { label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
logoText="ApexGaming"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user