196 lines
7.7 KiB
TypeScript
196 lines
7.7 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="blurBottom"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "Features", id: "features"},
|
|
{
|
|
name: "Games", id: "games"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="NEXUS"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
background={{
|
|
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: "2M+", label: "Active Players"},
|
|
{
|
|
value: "50ms", label: "Avg Latency"},
|
|
]}
|
|
enableKpiAnimation={true}
|
|
imageSrc="http://img.b2bpic.net/free-photo/sci-fi-fantasy-landscape_23-2151892587.jpg"
|
|
imageAlt="Futuristic gaming setup"
|
|
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 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 4"},
|
|
{
|
|
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: "Pro-Grade Gear"},
|
|
{
|
|
type: "text", text: "Adaptive Refresh"},
|
|
{
|
|
type: "text", text: "Esports Ready"},
|
|
{
|
|
type: "text", text: "Immersive Audio"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyOne
|
|
useInvertedBackground={true}
|
|
title="Engineered for Victory"
|
|
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: "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."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-vector/futuristic-hud-interface-with-gradient-style_23-2147920202.jpg?_wi=1"
|
|
imageAlt="Advanced gaming technology"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="games" data-section="games">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
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: "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"},
|
|
]}
|
|
title="Premium Gear Collection"
|
|
description="Upgrade your arsenal with equipment favored by top esports pros."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={true}
|
|
testimonial="The performance boost I experienced with the Titan X setup is unmatched. Simply the best gear I've used in my 5 years as a pro streamer."
|
|
rating={5}
|
|
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"},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
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"
|
|
imageAlt="Contact Us"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Products", items: [
|
|
{
|
|
label: "Laptops", href: "#"},
|
|
{
|
|
label: "Peripherals", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#"},
|
|
{
|
|
label: "Careers", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 NEXUS Gaming."
|
|
bottomRightText="Privacy Policy"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|