Files
1dc5262f-e478-4d2e-986c-028…/src/app/gaming-setup/page.tsx

232 lines
11 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
import ProductCardFour from "@/components/sections/product/ProductCardFour";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Zap, Gauge, Lightbulb, Gamepad2, Trophy, Broadcast, Users } from "lucide-react";
const navItems = [
{ name: "Home", id: "/" },
{ name: "Gaming Setup", id: "/gaming-setup" },
{ name: "Pricing", id: "pricing" },
{ name: "Tournaments", id: "tournaments" },
{ name: "Contact", id: "contact" },
];
const footerColumns = [
{
title: "Gaming Experience",
items: [
{ label: "Gaming Setup", href: "/gaming-setup" },
{ label: "Pricing", href: "pricing" },
{ label: "Book Session", href: "https://wa.me/917022946056" },
],
},
{
title: "Community",
items: [
{ label: "Tournaments", href: "tournaments" },
{ label: "Discord Server", href: "https://discord.gg" },
{ label: "Instagram", href: "https://instagram.com" },
],
},
{
title: "Contact",
items: [
{ label: "Phone: +91 70229 46056", href: "tel:+917022946056" },
{ label: "WhatsApp", href: "https://wa.me/917022946056" },
{ label: "Email Support", href: "mailto:info@m80esports.com" },
{ label: "Get Directions", href: "https://maps.google.com/?q=17/A+3rd+Floor+Samruthi+Nest+New+BEL+Road+Bangalore" },
],
},
];
export default function GamingSetupPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="mediumLarge"
sizing="medium"
background="blurBottom"
cardStyle="gradient-radial"
primaryButtonStyle="double-inset"
secondaryButtonStyle="radial-glow"
headingFontWeight="medium"
>
{/* Navbar */}
<div id="nav" data-section="nav">
<NavbarStyleApple brandName="M80 Esports" navItems={navItems} />
</div>
{/* Gaming Setup Products Section */}
<div id="gaming-setup-products" data-section="gaming-setup-products">
<ProductCardFour
title="Premium Gaming Experiences"
description="Explore our world-class gaming setups designed for competitive play and casual entertainment. Each station is meticulously configured and regularly maintained for optimal performance."
tag="Our Complete Arsenal"
products={[
{
id: "gaming-pc",
name: "High-End Gaming PC Stations",
price: "₹500/hour",
variant: "RTX 4080 | 360Hz Monitors",
imageSrc: "http://img.b2bpic.net/free-photo/view-neon-illuminated-gaming-desk-setup-with-keyboard_23-2149529366.jpg?_wi=3",
imageAlt: "High-performance gaming PC setup",
},
{
id: "racing-sim",
name: "Professional Racing Simulator",
price: "₹400/hour",
variant: "Force Feedback Wheel | Surround Sound",
imageSrc: "http://img.b2bpic.net/free-photo/man-karting-circuit-with-car_1157-25008.jpg?_wi=3",
imageAlt: "Professional racing simulator cockpit",
},
{
id: "ps5-station",
name: "PS5 Multiplayer Gaming",
price: "₹300/hour",
variant: "4K Display | Comfortable Seating",
imageSrc: "http://img.b2bpic.net/free-photo/gamers-with-console-couch_23-2147824756.jpg?_wi=2",
imageAlt: "PS5 gaming station setup",
},
]}
gridVariant="three-columns-all-equal-width"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={true}
/>
</div>
{/* Detailed Features Section */}
<div id="setup-features" data-section="setup-features">
<FeatureCardTen
title="Gaming Setup Specifications"
description="Detailed breakdown of each gaming experience with professional-grade components and configuration"
tag="Technical Excellence"
features={[
{
id: "1",
title: "Premium Gaming PC Specifications",
description: "Powered by the latest RTX 4080 graphics card and Intel i9 processors for maximum frame rates and minimal latency. Each station features dual monitors including a 360Hz esports-grade display for competitive advantage.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/view-neon-illuminated-gaming-desk-setup-with-keyboard_23-2149529366.jpg?_wi=4",
},
items: [
{ icon: Zap, text: "RTX 4080 Graphics Card" },
{ icon: Gauge, text: "360Hz Refresh Rate Display" },
{ icon: Lightbulb, text: "Intel i9 Processor" },
],
reverse: false,
},
{
id: "2",
title: "Racing Simulator Setup",
description: "Experience authentic racing with our professional-grade simulator featuring force feedback technology for realistic wheel feel, multiple track options from famous circuits worldwide, and tournament-ready calibration.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/man-karting-circuit-with-car_1157-25008.jpg?_wi=4",
},
items: [
{ icon: Gauge, text: "Force Feedback Technology" },
{ icon: Gamepad2, text: "Realistic Physics Engine" },
{ icon: Trophy, text: "Tournament Calibrated" },
],
reverse: true,
},
{
id: "3",
title: "Console Gaming Station",
description: "Premium PS5 setup with 4K resolution display and immersive audio system. Perfect for both competitive console gaming and casual multiplayer sessions with friends. Features ergonomic seating for extended gaming comfort.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/gamers-with-console-couch_23-2147824756.jpg?_wi=3",
},
items: [
{ icon: Broadcast, text: "4K Display Output" },
{ icon: Users, text: "Multiplayer Ready" },
{ icon: Trophy, text: "Ergonomic Design" },
],
reverse: false,
},
]}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
/>
</div>
{/* User Testimonials Section */}
<div id="setup-testimonials" data-section="setup-testimonials">
<TestimonialCardSix
title="Gamer Reviews About Our Setups"
description="Real feedback from our community members about their gaming experiences"
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
testimonials={[
{
id: "1",
name: "Arjun Sharma",
handle: "@valorant_pro_in",
testimonial: "The gaming rigs here are absolutely insane! The 360Hz monitors make a huge difference in competitive Valorant. No input lag, smooth gameplay, worth every penny!",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-sporty-man-wearing-wristband-crossing-hands-isolated-orange-wall_141793-78288.jpg?_wi=3",
imageAlt: "Arjun Sharma",
},
{
id: "2",
name: "Priya Patel",
handle: "@gaming_queen_bangalore",
testimonial: "I love the racing simulator setup! It's so realistic with the force feedback wheel. Spent hours here and lost track of time. Definitely coming back every weekend!",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-brunette-woman-holds-game-controller-isolated-olive-green-wall_141793-65751.jpg?_wi=3",
imageAlt: "Priya Patel",
},
{
id: "3",
name: "Rohan Verma",
handle: "@esports_streamer",
testimonial: "The PS5 section is perfect for casual gaming with friends. Great display quality and comfortable seating. Makes for amazing streaming content too!",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-excited-man-with-gamepad-playing-video-game-blue-wall_140725-152178.jpg?_wi=2",
imageAlt: "Rohan Verma",
},
{
id: "4",
name: "Aisha Khan",
handle: "@fps_gamer_aisha",
testimonial: "Competitive gaming here is on another level. The setup is so smooth, responsive, and the RGB lighting creates perfect gaming vibes. This is the place to practice!",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-happy-emotive-young-african-american-guy-with-afro-hairstyle-bristle-smiling-broadly-while-wearing-denim-coat-backpack-walking-across-park-festival_176420-19819.jpg?_wi=2",
imageAlt: "Aisha Khan",
},
{
id: "5",
name: "Vikram Desai",
handle: "@competitive_gamer",
testimonial: "The gaming PC stations are consistently maintained at peak performance. Staff ensures zero hardware issues. This is what serious competitive gaming should feel like!",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-sporty-man-wearing-wristband-crossing-hands-isolated-orange-wall_141793-78288.jpg?_wi=4",
imageAlt: "Vikram Desai",
},
{
id: "6",
name: "Neha Gupta",
handle: "@casual_gamer_life",
testimonial: "All three types of setups are amazing in their own way. Whether I want competitive gaming or casual fun, M80 has exactly what I need. Top-notch equipment!",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-brunette-woman-holds-game-controller-isolated-olive-green-wall_141793-65751.jpg?_wi=4",
imageAlt: "Neha Gupta",
},
]}
/>
</div>
{/* Footer */}
<div id="footer" data-section="footer">
<FooterBase
logoText="M80 Esports"
copyrightText="© 2025 M80 Esports Gaming Cafe Bangalore | All Rights Reserved"
columns={footerColumns}
/>
</div>
</ThemeProvider>
);
}