232 lines
11 KiB
TypeScript
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>
|
|
);
|
|
} |