Update src/app/page.tsx
This commit is contained in:
165
src/app/page.tsx
165
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Games",
|
||||
id: "games",
|
||||
},
|
||||
name: "Games", id: "games"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="NEXUS"
|
||||
/>
|
||||
@@ -52,23 +44,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Level Up Your Gaming Experience"
|
||||
description="Discover next-generation hardware and immersive platforms designed for true competitive performance."
|
||||
kpis={[
|
||||
{
|
||||
value: "120+",
|
||||
label: "Top Titles",
|
||||
},
|
||||
value: "120+", label: "Top Titles"},
|
||||
{
|
||||
value: "2M+",
|
||||
label: "Active Players",
|
||||
},
|
||||
value: "2M+", label: "Active Players"},
|
||||
{
|
||||
value: "50ms",
|
||||
label: "Avg Latency",
|
||||
},
|
||||
value: "50ms", label: "Avg Latency"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sci-fi-fantasy-landscape_23-2151892587.jpg"
|
||||
@@ -76,48 +61,28 @@ export default function LandingPage() {
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-holding-controller-close-up_23-2149005239.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-holding-controller-close-up_23-2149005239.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-holding-controller-close-up_23-2149005239.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-holding-controller-close-up_23-2149005239.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-holding-controller-close-up_23-2149005239.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-holding-controller-close-up_23-2149005239.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-holding-controller-close-up_23-2149005239.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-holding-controller-close-up_23-2149005239.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-holding-controller-close-up_23-2149005239.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-holding-controller-close-up_23-2149005239.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Join 2M+ gamers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ultra-Low Latency",
|
||||
},
|
||||
type: "text", text: "Ultra-Low Latency"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Pro-Grade Gear",
|
||||
},
|
||||
type: "text", text: "Pro-Grade Gear"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Adaptive Refresh",
|
||||
},
|
||||
type: "text", text: "Adaptive Refresh"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Esports Ready",
|
||||
},
|
||||
type: "text", text: "Esports Ready"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Immersive Audio",
|
||||
},
|
||||
type: "text", text: "Immersive Audio"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,22 +94,13 @@ export default function LandingPage() {
|
||||
description="Precision performance meets sleek aesthetics in our latest hardware line."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Ultra-Low Latency",
|
||||
content: "Our proprietary connection protocols ensure you never miss a millisecond of action.",
|
||||
},
|
||||
id: "1", title: "Ultra-Low Latency", content: "Our proprietary connection protocols ensure you never miss a millisecond of action."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Adaptive Refresh",
|
||||
content: "Technology that adjusts to your frame rates for tear-free gaming experiences.",
|
||||
},
|
||||
id: "2", title: "Adaptive Refresh", content: "Technology that adjusts to your frame rates for tear-free gaming experiences."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Haptic Feedback",
|
||||
content: "Feel every impact with our advanced, industry-leading haptic engines.",
|
||||
},
|
||||
id: "3", title: "Haptic Feedback", content: "Feel every impact with our advanced, industry-leading haptic engines."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/futuristic-hud-interface-with-gradient-style_23-2147920202.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/futuristic-hud-interface-with-gradient-style_23-2147920202.jpg"
|
||||
imageAlt="Advanced gaming technology"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -158,32 +114,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Nexus Pro",
|
||||
name: "Titan X Laptop",
|
||||
price: "$2,499",
|
||||
rating: 5,
|
||||
reviewCount: "1.2k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-filming-video-online-channel-dimly-lit-home-studio-presenting-mouse-keyboard_482257-133196.jpg",
|
||||
},
|
||||
id: "p1", brand: "Nexus Pro", name: "Titan X Laptop", price: "$2,499", rating: 5,
|
||||
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/man-filming-video-online-channel-dimly-lit-home-studio-presenting-mouse-keyboard_482257-133196.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Nexus",
|
||||
name: "Sonic Elite Headset",
|
||||
price: "$199",
|
||||
rating: 4,
|
||||
reviewCount: "840",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-laptop-hard-drive-arrangement_23-2149417022.jpg",
|
||||
},
|
||||
id: "p2", brand: "Nexus", name: "Sonic Elite Headset", price: "$199", rating: 4,
|
||||
reviewCount: "840", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-laptop-hard-drive-arrangement_23-2149417022.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Nexus",
|
||||
name: "Swift Edge Mouse",
|
||||
price: "$89",
|
||||
rating: 5,
|
||||
reviewCount: "2.1k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mouse-close_1160-365.jpg",
|
||||
},
|
||||
id: "p3", brand: "Nexus", name: "Swift Edge Mouse", price: "$89", rating: 5,
|
||||
reviewCount: "2.1k", imageSrc: "http://img.b2bpic.net/free-photo/mouse-close_1160-365.jpg"},
|
||||
]}
|
||||
title="Premium Gear Collection"
|
||||
description="Upgrade your arsenal with equipment favored by top esports pros."
|
||||
@@ -198,25 +136,15 @@ export default function LandingPage() {
|
||||
author="Alex \"CyberKid\" Rivers"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-holding-controller-close-up_23-2149005239.jpg",
|
||||
alt: "Pro Gamer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-holding-controller-close-up_23-2149005239.jpg", alt: "Pro Gamer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-holding-controller-close-up_23-2149005239.jpg",
|
||||
alt: "Pro Gamer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-holding-controller-close-up_23-2149005239.jpg", alt: "Pro Gamer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-holding-controller-close-up_23-2149005239.jpg",
|
||||
alt: "Pro Gamer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-holding-controller-close-up_23-2149005239.jpg", alt: "Pro Gamer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-holding-controller-close-up_23-2149005239.jpg",
|
||||
alt: "Pro Gamer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-holding-controller-close-up_23-2149005239.jpg", alt: "Pro Gamer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-holding-controller-close-up_23-2149005239.jpg",
|
||||
alt: "Pro Gamer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-holding-controller-close-up_23-2149005239.jpg", alt: "Pro Gamer"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -227,13 +155,12 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Join the Elite"
|
||||
title="Get Early Access"
|
||||
description="Sign up for our newsletter to get priority access to new drops and pro-tips."
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/futuristic-hud-interface-with-gradient-style_23-2147920202.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/futuristic-hud-interface-with-gradient-style_23-2147920202.jpg"
|
||||
imageAlt="Contact Us"
|
||||
/>
|
||||
</div>
|
||||
@@ -242,29 +169,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "Laptops",
|
||||
href: "#",
|
||||
},
|
||||
label: "Laptops", href: "#"},
|
||||
{
|
||||
label: "Peripherals",
|
||||
href: "#",
|
||||
},
|
||||
label: "Peripherals", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user