Update src/app/gaming-setup/page.tsx
This commit is contained in:
@@ -1,58 +1,45 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import HeroCentered from "@/components/sections/hero/HeroCentered";
|
||||
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
||||
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import Link from "next/link";
|
||||
import {
|
||||
Zap,
|
||||
Gauge,
|
||||
Lightbulb,
|
||||
Gamepad2,
|
||||
Trophy,
|
||||
Broadcast,
|
||||
Users,
|
||||
} from "lucide-react";
|
||||
import { Zap, Gauge, Lightbulb, Monitor, Headphones, Keyboard } from "lucide-react";
|
||||
|
||||
export default function GamingSetupPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Gaming Setup", id: "/gaming-setup" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Tournaments", id: "tournaments" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Tournaments", id: "/tournaments" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Gaming Experience",
|
||||
items: [
|
||||
title: "Gaming Experience", items: [
|
||||
{ label: "Gaming Setup", href: "/gaming-setup" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
{ label: "Book Session", href: "https://wa.me/917022946056" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Community",
|
||||
items: [
|
||||
{ label: "Tournaments", href: "#tournaments" },
|
||||
title: "Community", items: [
|
||||
{ label: "Tournaments", href: "/tournaments" },
|
||||
{ label: "Discord Server", href: "https://discord.gg" },
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
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",
|
||||
},
|
||||
{ label: "Get Directions", href: "https://maps.google.com/?q=17/A+3rd+Floor+Samruthi+Nest+New+BEL+Road+Bangalore" },
|
||||
],
|
||||
},
|
||||
];
|
||||
@@ -74,40 +61,41 @@ export default function GamingSetupPage() {
|
||||
<NavbarStyleApple brandName="M80 Esports" navItems={navItems} />
|
||||
</div>
|
||||
|
||||
<div id="gaming-setup-showcase" data-section="gaming-setup-showcase">
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
title="Experience Gaming at Its Peak"
|
||||
description="Explore our premium gaming setups engineered for champions. From high-performance PCs to professional racing simulators, we've got the ultimate setup for every gamer."
|
||||
background={{ variant: "downward-rays-animated-grid" }}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-posing-grey-wall_114579-30626.jpg", alt: "Gamer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-standing-with-arms-crossed_23-2147678138.jpg", alt: "Gamer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-young-man-listening-music-earbuds-outside_23-2148381755.jpg", alt: "Gamer 3" },
|
||||
]}
|
||||
avatarText="Premium gaming rigs optimized for performance"
|
||||
buttons={[
|
||||
{ text: "Book Your Setup", href: "https://wa.me/917022946056" },
|
||||
{ text: "View Pricing", href: "/pricing" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="setups" data-section="setups">
|
||||
<ProductCardFour
|
||||
title="Our Gaming Setups"
|
||||
description="Discover each gaming station configuration designed for different gaming preferences and competitive requirements"
|
||||
tag="Premium Rigs"
|
||||
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/professional-gamer-playing-first-person-shooter-online-video-game-powerful-personal-computer-with-colorful-neon-led-lights-cyber-performing-pc-stylish-room-gaming-tournament_482257-13303.jpg?_wi=3",
|
||||
imageAlt: "High-performance gaming PC setup",
|
||||
id: "gaming-pc", name: "High-End Gaming PC Stations", price: "₹500/hour", variant: "RTX 4080 | 360Hz Monitors", imageSrc: "http://img.b2bpic.net/free-photo/professional-gamer-playing-first-person-shooter-online-video-game-powerful-personal-computer-with-colorful-neon-led-lights-cyber-performing-pc-stylish-room-gaming-tournament_482257-13303.jpg?_wi=1", 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/medium-shot-victorious-gamer-desk_23-2149350004.jpg?_wi=3",
|
||||
imageAlt: "Professional racing simulator cockpit",
|
||||
id: "racing-sim", name: "Professional Racing Simulator", price: "₹400/hour", variant: "Force Feedback Wheel | Surround Sound", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-victorious-gamer-desk_23-2149350004.jpg?_wi=1", 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/boyfriend-learning-his-girlfriend-play-video-games-television-using-controllers-couple-sitting-couch_482257-26568.jpg?_wi=2",
|
||||
imageAlt: "PS5 gaming station setup",
|
||||
id: "ps5-station", name: "PS5 Multiplayer Gaming", price: "₹300/hour", variant: "4K Display | Comfortable Seating", imageSrc: "http://img.b2bpic.net/free-photo/boyfriend-learning-his-girlfriend-play-video-games-television-using-controllers-couple-sitting-couch_482257-26568.jpg?_wi=1", imageAlt: "PS5 gaming station setup"
|
||||
},
|
||||
]}
|
||||
title="Premium Gaming Experiences"
|
||||
description="Explore our world-class gaming setups designed for competitive play and casual entertainment"
|
||||
tag="Our Arsenal"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
@@ -115,76 +103,61 @@ export default function GamingSetupPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gaming-rigs-details" data-section="gaming-rigs-details">
|
||||
<div id="specs" data-section="specs">
|
||||
<FeatureCardTen
|
||||
title="Technical Specifications"
|
||||
description="Detailed breakdown of our gaming infrastructure and equipment quality"
|
||||
tag="Performance Details"
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "High-Performance Gaming Rigs",
|
||||
description:
|
||||
"Equipped with RTX 4080 GPUs, Intel i9 processors, and 360Hz monitors for ultra-competitive gaming. Every station is optimized for the latest AAA titles and esports games.",
|
||||
media: {
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/professional-gamer-playing-first-person-shooter-online-video-game-powerful-personal-computer-with-colorful-neon-led-lights-cyber-performing-pc-stylish-room-gaming-tournament_482257-13303.jpg?_wi=4",
|
||||
id: "1", title: "PC Specifications", description: "Our high-end gaming PCs are equipped with the latest components ensuring smooth gameplay at maximum settings and competitive frame rates for esports titles.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-gamer-playing-first-person-shooter-online-video-game-powerful-personal-computer-with-colorful-neon-led-lights-cyber-performing-pc-stylish-room-gaming-tournament_482257-13303.jpg?_wi=2"
|
||||
},
|
||||
items: [
|
||||
{ icon: Zap, text: "RTX 4080 Graphics" },
|
||||
{ icon: Gauge, text: "360Hz Refresh Rate" },
|
||||
{ icon: Lightbulb, text: "RGB Gaming Aesthetic" },
|
||||
{ icon: Zap, text: "RTX 4080 GPU" },
|
||||
{ icon: Gauge, text: "Intel i9 Processor" },
|
||||
{ icon: Lightbulb, text: "64GB RAM" },
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Racing Simulator Experience",
|
||||
description:
|
||||
"Professional-grade racing simulator with force feedback technology, multiple track options, and realistic physics. Perfect for racing enthusiasts and competitive sim racing tournaments.",
|
||||
media: {
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/medium-shot-victorious-gamer-desk_23-2149350004.jpg?_wi=4",
|
||||
id: "2", title: "Display & Peripherals", description: "Crystal-clear visuals with 360Hz monitors and professional-grade peripherals for precision gaming. RGB lighting and ergonomic design for extended gaming sessions.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-victorious-gamer-desk_23-2149350004.jpg?_wi=2"
|
||||
},
|
||||
items: [
|
||||
{ icon: Gauge, text: "Force Feedback Wheel" },
|
||||
{ icon: Gamepad2, text: "Realistic Physics Engine" },
|
||||
{ icon: Trophy, text: "Tournament Ready" },
|
||||
{ icon: Monitor, text: "360Hz Monitors" },
|
||||
{ icon: Keyboard, text: "Mechanical Keyboards" },
|
||||
{ icon: Headphones, text: "Pro Headsets" },
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Competitive Esports Arena",
|
||||
description:
|
||||
"Dedicated tournament space with professional streaming setup, spectator screens, and commentary booths. Host weekly tournaments for Valorant, CS2, and other competitive titles.",
|
||||
media: {
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/hispanic-young-man-playing-video-games-smiling-happy-pointing-with-hand-finger_839833-9111.jpg?_wi=2",
|
||||
id: "3", title: "Connectivity & Infrastructure", description: "Fiber-optic internet with dedicated bandwidth ensures zero latency and stable connections for competitive gaming and tournaments.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hispanic-young-man-playing-video-games-smiling-happy-pointing-with-hand-finger_839833-9111.jpg?_wi=1"
|
||||
},
|
||||
items: [
|
||||
{ icon: Broadcast, text: "Professional Streaming" },
|
||||
{ icon: Users, text: "Spectator Areas" },
|
||||
{ icon: Trophy, text: "Tournament Prizes" },
|
||||
{ icon: Zap, text: "1000Mbps Internet" },
|
||||
{ icon: Gauge, text: "Dedicated Bandwidth" },
|
||||
{ icon: Lightbulb, text: "Tournament Network" },
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
]}
|
||||
title="Why Choose M80 Esports"
|
||||
description="Experience the pinnacle of gaming infrastructure combined with genuine community atmosphere"
|
||||
tag="Premium Experience"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="setup-cta" data-section="setup-cta">
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to book your gaming session? Reserve your premium gaming station at M80 Esports now!"
|
||||
text="Ready to experience premium gaming? Book your gaming session at M80 Esports today and unleash your gaming potential!"
|
||||
animationType="entrance-slide"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Book Now", href: "https://wa.me/917022946056" },
|
||||
{ text: "View Pricing", href: "/#pricing" },
|
||||
{ text: "Check Pricing", href: "/pricing" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -198,4 +171,4 @@ export default function GamingSetupPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user