Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-22 15:29:53 +00:00

View File

@@ -29,396 +29,113 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#hero",
},
{
name: "Experience",
id: "#about",
},
{
name: "Pricing",
id: "#pricing",
},
{
name: "Contact",
id: "#contact",
},
]}
brandName="Next Level Gaming"
button={{
text: "WhatsApp Us",
href: "https://wa.me/916304207479",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[{ name: "Home", id: "#hero" }, { name: "Experience", id: "#about" }, { name: "Pricing", id: "#pricing" }, { name: "Contact", id: "#contact" }]}
brandName="Next Level Gaming"
button={{ text: "WhatsApp Us", href: "https://wa.me/916304207479" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "sparkles-gradient",
}}
title="Enter the Next Level"
description="Experience premium gaming like never before. High-speed rigs, immersive atmosphere, and professional-grade peripherals await at Next Level Gaming Zone."
kpis={[
{
value: "100+",
label: "Game Titles",
},
{
value: "24/7",
label: "Non-Stop Action",
},
{
value: "50ms",
label: "Latency Pings",
},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Book Now",
href: "https://wa.me/916304207479",
},
{
text: "Learn More",
href: "#about",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/basketball-court-with-people-fan-sport-arena-render-3d-illustration_654080-1461.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/fantasy-style-half-fox-half-robot_23-2151601028.jpg",
alt: "Fantasy style half fox half-robot",
},
{
src: "http://img.b2bpic.net/free-photo/bowling-alley-neon-lights_23-2151697052.jpg",
alt: "Bowling alley in neon lights",
},
{
src: "http://img.b2bpic.net/free-photo/bowling-alley-neon-lights_23-2151697055.jpg",
alt: "Bowling alley in neon lights",
},
{
src: "http://img.b2bpic.net/free-photo/minimalist-hallways-background_23-2149745332.jpg",
alt: "Minimalist hallways background",
},
{
src: "http://img.b2bpic.net/free-photo/happy-gamer-celebrating-her-success-with-online-gaming-tournament_482257-83461.jpg",
alt: "Happy gamer celebrating her success",
},
]}
avatarText="Join 1500+ Active Players"
marqueeItems={[
{
type: "text-icon",
text: "24/7 Access",
icon: Clock,
},
{
type: "text-icon",
text: "Fiber Optic",
icon: Wifi,
},
{
type: "text-icon",
text: "RTX 40 Series",
icon: Database,
},
{
type: "text-icon",
text: "Tournament Ready",
icon: Trophy,
},
{
type: "text-icon",
text: "Pro Peripherals",
icon: Award,
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{ variant: "sparkles-gradient" }}
title="Enter the Next Level"
description="Experience premium gaming like never before. High-speed rigs, immersive atmosphere, and professional-grade peripherals await at Next Level Gaming Zone."
kpis={[{ value: "100+", label: "Game Titles" }, { value: "24/7", label: "Non-Stop Action" }, { value: "50ms", label: "Latency Pings" }]}
enableKpiAnimation={true}
buttons={[{ text: "Book Now", href: "https://wa.me/916304207479" }, { text: "Learn More", href: "#about" }]}
imageSrc="http://img.b2bpic.net/free-photo/basketball-court-with-people-fan-sport-arena-render-3d-illustration_654080-1461.jpg"
mediaAnimation="blur-reveal"
avatars={[{ src: "http://img.b2bpic.net/free-photo/fantasy-style-half-fox-half-robot_23-2151601028.jpg", alt: "Fantasy style half fox half-robot" }, { src: "http://img.b2bpic.net/free-photo/bowling-alley-neon-lights_23-2151697052.jpg", alt: "Bowling alley in neon lights" }, { src: "http://img.b2bpic.net/free-photo/bowling-alley-neon-lights_23-2151697055.jpg", alt: "Bowling alley in neon lights" }, { src: "http://img.b2bpic.net/free-photo/minimalist-hallways-background_23-2149745332.jpg", alt: "Minimalist hallways background" }, { src: "http://img.b2bpic.net/free-photo/happy-gamer-celebrating-her-success-with-online-gaming-tournament_482257-83461.jpg", alt: "Happy gamer celebrating her success" }]}
avatarText="Join 1500+ Active Players"
marqueeItems={[{ type: "text-icon", text: "24/7 Access", icon: Clock }, { type: "text-icon", text: "Fiber Optic", icon: Wifi }, { type: "text-icon", text: "RTX 40 Series", icon: Database }, { type: "text-icon", text: "Tournament Ready", icon: Trophy }, { type: "text-icon", text: "Pro Peripherals", icon: Award }]}
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Built for Hardcore Gamers"
description="Located in the heart of the city, Next Level Gaming Zone is more than just a PC cafe. We provide a competitive-grade environment for casual play, ranked grinding, and community tournaments."
bulletPoints={[
{
title: "Ultra-Low Latency",
description: "Gigabit fiber connections for perfect ping.",
},
{
title: "Pro Hardware",
description: "RTX 40 series setups for maximum performance.",
},
{
title: "Community Vibe",
description: "Weekly events and tournament support.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746584.jpg"
mediaAnimation="blur-reveal"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Built for Hardcore Gamers"
description="Located in the heart of the city, Next Level Gaming Zone is more than just a PC cafe. We provide a competitive-grade environment for casual play, ranked grinding, and community tournaments."
bulletPoints={[{ title: "Ultra-Low Latency", description: "Gigabit fiber connections for perfect ping." }, { title: "Pro Hardware", description: "RTX 40 series setups for maximum performance." }, { title: "Community Vibe", description: "Weekly events and tournament support." }]}
imageSrc="http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746584.jpg"
mediaAnimation="blur-reveal"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFour
textboxLayout="default"
useInvertedBackground={true}
features={[
{
id: "f1",
title: "High Refresh Monitors",
author: "Pro Display",
description: "240Hz monitors for silky smooth gameplay.",
tags: [
"Hardware",
],
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-keyboard-with-lights_23-2149680243.jpg",
},
{
id: "f2",
title: "Ergonomic Setup",
author: "Comfort First",
description: "Pro-level gaming chairs for marathon sessions.",
tags: [
"Comfort",
],
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",
},
{
id: "f3",
title: "Fiber Optic Net",
author: "Connectivity",
description: "Consistent speed for competitive integrity.",
tags: [
"Network",
],
imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572156.jpg",
},
]}
title="Top-Tier Performance"
description="Everything you need to climb the ranks."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFour
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={true}
features={[{ id: "f1", title: "High Refresh Monitors", author: "Pro Display", description: "240Hz monitors for silky smooth gameplay.", tags: ["Hardware"], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-keyboard-with-lights_23-2149680243.jpg" }, { id: "f2", title: "Ergonomic Setup", author: "Comfort First", description: "Pro-level gaming chairs for marathon sessions.", tags: ["Comfort"], 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" }, { id: "f3", title: "Fiber Optic Net", author: "Connectivity", description: "Consistent speed for competitive integrity.", tags: ["Network"], imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572156.jpg" }]}
title="Top-Tier Performance"
description="Everything you need to climb the ranks."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardThree
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "p1",
name: "Hourly Pass",
price: "₹60/hr",
features: [
"Access to all games",
"Public server access",
],
buttons: [
{
text: "WhatsApp to Book",
href: "https://wa.me/916304207479",
},
],
},
{
id: "p2",
name: "Day Pass",
price: "₹400/day",
features: [
"Priority seating",
"Exclusive server access",
"Free beverage",
],
badge: "Popular",
buttons: [
{
text: "WhatsApp to Book",
href: "https://wa.me/916304207479",
},
],
},
{
id: "p3",
name: "Night Owl",
price: "₹300/night",
features: [
"10 PM - 6 AM",
"Dedicated rig",
"Tournament ready",
],
buttons: [
{
text: "WhatsApp to Book",
href: "https://wa.me/916304207479",
},
],
},
]}
title="Competitive Pricing"
description="Flexible plans for every type of gamer."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardThree
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
plans={[{ id: "p1", name: "Hourly Pass", price: "₹60/hr", features: ["Access to all games", "Public server access"], buttons: [{ text: "WhatsApp to Book", href: "https://wa.me/916304207479" }] }, { id: "p2", name: "Day Pass", price: "₹400/day", features: ["Priority seating", "Exclusive server access", "Free beverage"], badge: "Popular", buttons: [{ text: "WhatsApp to Book", href: "https://wa.me/916304207479" }] }, { id: "p3", name: "Night Owl", price: "₹300/night", features: ["10 PM - 6 AM", "Dedicated rig", "Tournament ready"], buttons: [{ text: "WhatsApp to Book", href: "https://wa.me/916304207479" }] }]}
title="Competitive Pricing"
description="Flexible plans for every type of gamer."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "20",
title: "High-End Rigs",
description: "Ready for action.",
imageSrc: "http://img.b2bpic.net/free-photo/technology-abstract-background-with-particle-lines_53876-104054.jpg",
},
{
id: "m2",
value: "1500+",
title: "Happy Gamers",
description: "Our growing community.",
imageSrc: "http://img.b2bpic.net/free-photo/blue-wave-with-words-data-it_188544-18634.jpg",
},
{
id: "m3",
value: "500+",
title: "Tournaments",
description: "Events hosted yearly.",
imageSrc: "http://img.b2bpic.net/free-photo/customer-marketing-sales-dashboard-graphics-concept_53876-133831.jpg",
},
]}
title="By The Numbers"
description="Our gaming facility footprint."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={true}
metrics={[{ id: "m1", value: "20", title: "High-End Rigs", description: "Ready for action.", imageSrc: "http://img.b2bpic.net/free-photo/technology-abstract-background-with-particle-lines_53876-104054.jpg" }, { id: "m2", value: "1500+", title: "Happy Gamers", description: "Our growing community.", imageSrc: "http://img.b2bpic.net/free-photo/blue-wave-with-words-data-it_188544-18634.jpg" }, { id: "m3", value: "500+", title: "Tournaments", description: "Events hosted yearly.", imageSrc: "http://img.b2bpic.net/free-photo/customer-marketing-sales-dashboard-graphics-concept_53876-133831.jpg" }]}
title="By The Numbers"
description="Our gaming facility footprint."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Rahul P.",
handle: "@rahul_pro",
testimonial: "Best gaming zone in the locality. The PCs are always updated and performance is solid.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-soccer-player_23-2151871506.jpg",
},
{
id: "t2",
name: "Sonia K.",
handle: "@sonia_gaming",
testimonial: "Love the vibe here. Tournaments are super well managed and fun to participate in.",
imageSrc: "http://img.b2bpic.net/free-photo/two-young-girlfriends-casual-clothes-having-fun-with-virtual-reality-glasses-device-home_613910-10031.jpg",
},
{
id: "t3",
name: "Vikram S.",
handle: "@vik_ranks",
testimonial: "Solid net speed, rarely any lag. Perfect for playing FPS competitive titles.",
imageSrc: "http://img.b2bpic.net/free-photo/girl-playing-videogame-couch-medium-shot_23-2148963928.jpg",
},
{
id: "t4",
name: "Amit R.",
handle: "@amit_gamin",
testimonial: "Night Owl pass is the best value. I grind ranks all night with no distractions.",
imageSrc: "http://img.b2bpic.net/free-photo/man-playing-video-game-with-his-console_23-2149142771.jpg",
},
{
id: "t5",
name: "Neha J.",
handle: "@neha_v",
testimonial: "Staff is very supportive and the ambiance is very high-tech and cool.",
imageSrc: "http://img.b2bpic.net/free-photo/man-having-fun-gaming-laughing-with-friends_482257-116059.jpg",
},
]}
title="Player Feedback"
description="What our community says about us."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[{ id: "t1", name: "Rahul P.", handle: "@rahul_pro", testimonial: "Best gaming zone in the locality. The PCs are always updated and performance is solid.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-soccer-player_23-2151871506.jpg" }, { id: "t2", name: "Sonia K.", handle: "@sonia_gaming", testimonial: "Love the vibe here. Tournaments are super well managed and fun to participate in.", imageSrc: "http://img.b2bpic.net/free-photo/two-young-girlfriends-casual-clothes-having-fun-with-virtual-reality-glasses-device-home_613910-10031.jpg" }, { id: "t3", name: "Vikram S.", handle: "@vik_ranks", testimonial: "Solid net speed, rarely any lag. Perfect for playing FPS competitive titles.", imageSrc: "http://img.b2bpic.net/free-photo/girl-playing-videogame-couch-medium-shot_23-2148963928.jpg" }, { id: "t4", name: "Amit R.", handle: "@amit_gamin", testimonial: "Night Owl pass is the best value. I grind ranks all night with no distractions.", imageSrc: "http://img.b2bpic.net/free-photo/man-playing-video-game-with-his-console_23-2149142771.jpg" }, { id: "t5", name: "Neha J.", handle: "@neha_v", testimonial: "Staff is very supportive and the ambiance is very high-tech and cool.", imageSrc: "http://img.b2bpic.net/free-photo/man-having-fun-gaming-laughing-with-friends_482257-116059.jpg" }]}
title="Player Feedback"
description="What our community says about us."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Do you support Valorant?",
content: "Yes, all our PCs come pre-installed with all major competitive titles.",
},
{
id: "q2",
title: "Can I reserve a seat?",
content: "Absolutely! WhatsApp our number to reserve your spot ahead of time.",
},
{
id: "q3",
title: "Is parking available?",
content: "Yes, we have dedicated parking for gamers.",
},
]}
sideTitle="Questions?"
sideDescription="Get answers quickly."
faqsAnimation="blur-reveal"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={true}
faqs={[{ id: "q1", title: "Do you support Valorant?", content: "Yes, all our PCs come pre-installed with all major competitive titles." }, { id: "q2", title: "Can I reserve a seat?", content: "Absolutely! WhatsApp our number to reserve your spot ahead of time." }, { id: "q3", title: "Is parking available?", content: "Yes, we have dedicated parking for gamers." }]}
sideTitle="Questions?"
sideDescription="Get answers quickly."
faqsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
tag="Get in touch"
title="Ready to Start Your Session?"
description="WhatsApp us at 6304207479 to book your slot or check availability. We are open 24/7."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "radial-gradient" }}
tag="Get in touch"
title="Ready to Start Your Session?"
description="WhatsApp us at 6304207479 to book your slot or check availability. We are open 24/7."
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Next Level",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Pricing",
href: "#pricing",
},
],
},
{
title: "Quick Links",
items: [
{
label: "WhatsApp Booking",
href: "https://wa.me/916304207479",
},
{
label: "Contact",
href: "#contact",
},
],
},
]}
bottomLeftText="© 2024 Next Level Gaming Zone"
bottomRightText="All rights reserved"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[{ title: "Next Level", items: [{ label: "About Us", href: "#about" }, { label: "Pricing", href: "#pricing" }] }, { title: "Quick Links", items: [{ label: "WhatsApp Booking", href: "https://wa.me/916304207479" }, { label: "Contact", href: "#contact" }] }]}
bottomLeftText="© 2024 Next Level Gaming Zone"
bottomRightText="All rights reserved"
/>
</div>
</ReactLenis>
</ThemeProvider>
);