4 Commits

Author SHA1 Message Date
b6a6ab69bf Update src/app/page.tsx 2026-03-11 15:47:45 +00:00
0187b5c922 Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx 2026-03-11 15:45:23 +00:00
1fd008b29c Update src/app/gaming-setup/page.tsx 2026-03-11 15:45:23 +00:00
87efb7affb Update src/app/about/page.tsx 2026-03-11 15:45:23 +00:00
5 changed files with 360 additions and 181 deletions

View File

@@ -3,18 +3,19 @@
import Link from "next/link"; import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple"; import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout"; import HeroCentered from "@/components/sections/hero/HeroCentered";
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen"; import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import ContactText from "@/components/sections/contact/ContactText"; import ContactText from "@/components/sections/contact/ContactText";
import FooterBase from "@/components/sections/footer/FooterBase"; import FooterBase from "@/components/sections/footer/FooterBase";
import { Zap, Gauge, Lightbulb, Gamepad2, Trophy, Radio, Users } from "lucide-react"; import { Users, Gamepad2, Trophy, Zap } from "lucide-react";
export default function AboutPage() { export default function AboutPage() {
const navItems = [ const navItems = [
{ name: "Home", id: "/" }, { name: "Home", id: "/" },
{ name: "Gaming Setup", id: "/gaming-setup" }, { name: "Gaming Setup", id: "/gaming-setup" },
{ name: "Pricing", id: "#pricing" }, { name: "Pricing", id: "/pricing" },
{ name: "Tournaments", id: "#tournaments" }, { name: "Tournaments", id: "/tournaments" },
{ name: "Contact", id: "/contact" }, { name: "Contact", id: "/contact" },
]; ];
@@ -22,13 +23,13 @@ export default function AboutPage() {
{ {
title: "Gaming Experience", items: [ title: "Gaming Experience", items: [
{ label: "Gaming Setup", href: "/gaming-setup" }, { label: "Gaming Setup", href: "/gaming-setup" },
{ label: "Pricing", href: "#pricing" }, { label: "Pricing", href: "/pricing" },
{ label: "Book Session", href: "https://wa.me/917022946056" }, { label: "Book Session", href: "https://wa.me/917022946056" },
], ],
}, },
{ {
title: "Community", items: [ title: "Community", items: [
{ label: "Tournaments", href: "#tournaments" }, { label: "Tournaments", href: "/tournaments" },
{ label: "Discord Server", href: "https://discord.gg" }, { label: "Discord Server", href: "https://discord.gg" },
{ label: "Instagram", href: "https://instagram.com" }, { label: "Instagram", href: "https://instagram.com" },
], ],
@@ -38,9 +39,7 @@ export default function AboutPage() {
{ label: "Phone: +91 70229 46056", href: "tel:+917022946056" }, { label: "Phone: +91 70229 46056", href: "tel:+917022946056" },
{ label: "WhatsApp", href: "https://wa.me/917022946056" }, { label: "WhatsApp", href: "https://wa.me/917022946056" },
{ label: "Email Support", href: "mailto:info@m80esports.com" }, { 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"
},
], ],
}, },
]; ];
@@ -62,54 +61,61 @@ export default function AboutPage() {
<NavbarStyleApple brandName="M80 Esports" navItems={navItems} /> <NavbarStyleApple brandName="M80 Esports" navItems={navItems} />
</div> </div>
<div id="about" data-section="about"> <div id="hero" data-section="hero">
<TextSplitAbout <HeroCentered
title="About M80 Esports" title="About M80 Esports"
description={[ description="Bangalore's premier gaming hub where competitive spirit meets community. Founded by gamers, for gamers, we're transforming how people experience esports."
"M80 Esports is Bangalore's premier gaming cafe dedicated to building a thriving local esports and gaming community. We provide a space where competitive gamers, casual players, and groups of friends come together to compete, connect, and celebrate their passion for gaming.", "Our mission is to deliver the ultimate gaming experience with high-performance equipment, a welcoming community atmosphere, and expert staff who understand what gamers need. We believe in creating more than just a cafe - we're building a home for Bangalore's gaming culture.", "Whether you're here to compete in tournaments, practice your favorite titles, or hang out with friends, M80 Esports offers the perfect environment with cutting-edge technology and an electric, inclusive community vibe." background={{ variant: "downward-rays-animated-grid" }}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/young-man-posing-grey-wall_114579-30626.jpg", alt: "Founder 1" },
{ src: "http://img.b2bpic.net/free-photo/woman-standing-with-arms-crossed_23-2147678138.jpg", alt: "Founder 2" },
{ src: "http://img.b2bpic.net/free-photo/front-view-young-man-listening-music-earbuds-outside_23-2148381755.jpg", alt: "Team Member" },
]} ]}
buttons={[{ text: "Join Our Community", href: "#contact" }]} avatarText="Passionate gamers building the future of esports"
useInvertedBackground={false} buttons={[
showBorder={true} { text: "Join Our Community", href: "/contact" },
{ text: "Book a Session", href: "https://wa.me/917022946056" },
]}
buttonAnimation="slide-up"
/> />
</div> </div>
<div id="features" data-section="features"> <div id="story" data-section="story">
<FeatureCardTen <FeatureCardTen
title="Our Gaming Philosophy" title="Our Journey"
description="We combine premium infrastructure with genuine community spirit to create the ultimate esports experience" description="From a passion project to Bangalore's leading esports destination"
tag="What We Believe In" tag="Our Story"
features={[ features={[
{ {
id: "1", title: "Inclusivity First", description: "Whether you're a pro esports player or picking up a controller for the first time, M80 Esports welcomes you. We create tournaments and spaces for all skill levels, fostering an inclusive gaming culture where everyone belongs.", media: { id: "1", title: "Founded by Gamers", description: "M80 Esports was born from the vision of dedicated gamers who wanted to create the ultimate gaming space in Bangalore. We understand what competitive gamers need because we are gamers.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-colleagues-playing-video-games-console-enjoying-drinks-snacks-after-work-coworkers-having-fun-with-game-controllers-while-using-television-after-hours_482257-33396.jpg" 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: [ items: [
{ icon: Users, text: "All Skill Levels Welcome" }, { icon: Zap, text: "Pure gaming passion" },
{ icon: Trophy, text: "Beginner-Friendly Events" }, { icon: Users, text: "Community-driven" },
{ icon: Lightbulb, text: "Community-Driven Culture" }, { icon: Trophy, text: "Championship mindset" },
], ],
reverse: false, reverse: false,
}, },
{ {
id: "2", title: "Premium Equipment & Standards", description: "Quality gaming hardware is essential for true esports. We invest in the latest RTX graphics cards, high-refresh displays, and professional peripherals. Every station is maintained to tournament standards, ensuring fair competition and optimal performance.", media: { id: "2", title: "Premium Infrastructure", description: "We invested in world-class gaming equipment, high-speed internet, and professional tournament infrastructure. Every detail is optimized for performance and comfort.", 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=5" imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-victorious-gamer-desk_23-2149350004.jpg?_wi=2"
}, },
items: [ items: [
{ icon: Zap, text: "High-End Hardware" }, { icon: Gamepad2, text: "Top-tier equipment" },
{ icon: Gauge, text: "Tournament Standards" }, { icon: Zap, text: "Ultra-fast connectivity" },
{ icon: Radio, text: "Professional Setup" }, { icon: Trophy, text: "Professional grade" },
], ],
reverse: true, reverse: true,
}, },
{ {
id: "3", title: "Community-Centered Events", description: "Esports thrives on community. We host weekly tournaments, skill-development sessions, and social gaming nights. Our Discord community has 500+ active members, creating networking opportunities and fostering genuine friendships among gamers.", media: { id: "3", title: "Community & Tournaments", description: "Today, M80 Esports hosts hundreds of tournaments annually, fostering a thriving esports community. We've become the go-to place for casual gamers and professional competitors alike.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-looking-restaurant-menu_23-2150520104.jpg" 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: [ items: [
{ icon: Trophy, text: "Weekly Tournaments" }, { icon: Users, text: "1000+ active members" },
{ icon: Gamepad2, text: "Skill Development" }, { icon: Trophy, text: "50+ monthly tournaments" },
{ icon: Users, text: "Social Networking" }, { icon: Zap, text: "Championship prizes" },
], ],
reverse: false, reverse: false,
}, },
@@ -120,15 +126,45 @@ export default function AboutPage() {
/> />
</div> </div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
title="Community Speaks"
description="Hear what makes M80 Esports special from our members"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
testimonials={[
{
id: "1", name: "Arjun Sharma", handle: "@valorant_pro_in", testimonial: "M80 changed my gaming life. The environment, the equipment, the people - everything is perfect. Best investment in my esports journey!", imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-grey-wall_114579-30626.jpg?_wi=1", imageAlt: "Arjun Sharma"
},
{
id: "2", name: "Priya Patel", handle: "@gaming_queen_bangalore", testimonial: "As a female gamer, I felt so welcome and supported here. M80 Esports is creating an inclusive gaming community that everyone can be proud of.", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-with-arms-crossed_23-2147678138.jpg?_wi=1", imageAlt: "Priya Patel"
},
{
id: "3", name: "Rohan Verma", handle: "@esports_streamer", testimonial: "The streaming infrastructure here is incredible. I've grown my channel significantly since starting to stream from M80. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-listening-music-earbuds-outside_23-2148381755.jpg", imageAlt: "Rohan Verma"
},
{
id: "4", name: "Aisha Khan", handle: "@fps_gamer_aisha", testimonial: "M80 isn't just a gaming cafe - it's a second home for gamers. The tournaments here are fierce and the community is amazing!", imageSrc: "http://img.b2bpic.net/free-photo/carefree-bearded-man-has-fun-enjoys-favorite-music-makes-yes-gesture-keeps-arms-raised-dances_273609-52492.jpg", imageAlt: "Aisha Khan"
},
{
id: "5", name: "Vikram Desai", handle: "@competitive_gamer", testimonial: "Been with M80 since day one. Watching it grow into Bangalore's premier gaming hub has been incredible. Can't wait to see what's next!", imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-grey-wall_114579-30626.jpg?_wi=2", imageAlt: "Vikram Desai"
},
{
id: "6", name: "Neha Gupta", handle: "@casual_gamer_life", testimonial: "I'm not a professional gamer, but M80 made me feel like one. The support and facilities here inspire me every time I visit.", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-with-arms-crossed_23-2147678138.jpg?_wi=2", imageAlt: "Neha Gupta"
},
]}
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactText <ContactText
text="Ready to be part of M80 Esports? Connect with our community, book your gaming session, or reach out with any questions. We're here to help you level up!" text="Ready to be part of the M80 Esports family? Visit us today and experience gaming like never before!"
animationType="entrance-slide" animationType="entrance-slide"
background={{ variant: "radial-gradient" }} background={{ variant: "radial-gradient" }}
useInvertedBackground={false} useInvertedBackground={false}
buttons={[ buttons={[
{ text: "Visit Us", href: "https://maps.google.com/?q=17/A+3rd+Floor+Samruthi+Nest+New+BEL+Road+Bangalore" }, { text: "Book Your Session", href: "https://wa.me/917022946056" },
{ text: "Contact Us", href: "/contact" }, { text: "Get Directions", href: "https://maps.google.com/?q=M80+Esports+Gaming+Cafe+RMV+Extension+Bangalore" },
]} ]}
/> />
</div> </div>

View File

@@ -11,33 +11,38 @@ export default function ContactPage() {
const navItems = [ const navItems = [
{ name: "Home", id: "/" }, { name: "Home", id: "/" },
{ name: "Gaming Setup", id: "/gaming-setup" }, { name: "Gaming Setup", id: "/gaming-setup" },
{ name: "Pricing", id: "#pricing" }, { name: "Pricing", id: "/pricing" },
{ name: "Tournaments", id: "#tournaments" }, { name: "Tournaments", id: "/tournaments" },
{ name: "Contact", id: "/contact" }, { name: "Contact", id: "/contact" },
]; ];
const footerColumns = [ const footerColumns = [
{ {
title: "Gaming Experience", items: [ title: "Gaming Experience",
items: [
{ label: "Gaming Setup", href: "/gaming-setup" }, { label: "Gaming Setup", href: "/gaming-setup" },
{ label: "Pricing", href: "#pricing" }, { label: "Pricing", href: "/pricing" },
{ label: "Book Session", href: "https://wa.me/917022946056" }, { label: "Book Session", href: "https://wa.me/917022946056" },
], ],
}, },
{ {
title: "Community", items: [ title: "Community",
{ label: "Tournaments", href: "#tournaments" }, items: [
{ label: "Tournaments", href: "/tournaments" },
{ label: "Discord Server", href: "https://discord.gg" }, { label: "Discord Server", href: "https://discord.gg" },
{ label: "Instagram", href: "https://instagram.com" }, { label: "Instagram", href: "https://instagram.com" },
], ],
}, },
{ {
title: "Contact", items: [ title: "Contact",
items: [
{ label: "Phone: +91 70229 46056", href: "tel:+917022946056" }, { label: "Phone: +91 70229 46056", href: "tel:+917022946056" },
{ label: "WhatsApp", href: "https://wa.me/917022946056" }, { label: "WhatsApp", href: "https://wa.me/917022946056" },
{ label: "Email Support", href: "mailto:info@m80esports.com" }, { 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",
},
], ],
}, },
]; ];
@@ -58,7 +63,10 @@ export default function ContactPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
brandName="M80 Esports" brandName="M80 Esports"
navItems={navItems} navItems={navItems.map((item) => ({
name: item.name,
id: item.id,
}))}
/> />
</div> </div>
@@ -71,7 +79,9 @@ export default function ContactPage() {
buttons={[ buttons={[
{ text: "Book Now", href: "https://wa.me/917022946056" }, { text: "Book Now", href: "https://wa.me/917022946056" },
{ {
text: "Get Directions", href: "https://maps.google.com/?q=M80+Esports+Gaming+Cafe+RMV+Extension+Bangalore"}, text: "Get Directions",
href: "https://maps.google.com/?q=M80+Esports+Gaming+Cafe+RMV+Extension+Bangalore",
},
]} ]}
/> />
</div> </div>
@@ -80,29 +90,53 @@ export default function ContactPage() {
<FaqBase <FaqBase
faqs={[ faqs={[
{ {
id: "1", title: "What are the operating hours?", content: id: "1",
"M80 Esports is open daily and closes at 10 PM. We're open from early morning to late evening to accommodate both casual and competitive gamers. For specific opening times on holidays, please check our Discord community or call us at +91 70229 46056."}, title: "What are the operating hours?",
content:
"M80 Esports is open daily and closes at 10 PM. We're open from early morning to late evening to accommodate both casual and competitive gamers. For specific opening times on holidays, please check our Discord community or call us at +91 70229 46056.",
},
{ {
id: "2", title: "How do I book a gaming session?", content: id: "2",
"You can book your gaming session directly through our website, via WhatsApp at +91 70229 46056, or walk-in at our cafe. We recommend online booking during peak hours to secure your preferred gaming station and time slot."}, title: "How do I book a gaming session?",
content:
"You can book your gaming session directly through our website, via WhatsApp at +91 70229 46056, or walk-in at our cafe. We recommend online booking during peak hours to secure your preferred gaming station and time slot.",
},
{ {
id: "3", title: "What games are available?", content: id: "3",
"We support all major titles including Valorant, Counter-Strike 2, PUBG, Dota 2, FIFA, and many more. Our PCs are optimized for competitive gaming with high refresh rates and minimal latency. We also have racing simulators and PS5 stations for console gaming."}, title: "What games are available?",
content:
"We support all major titles including Valorant, Counter-Strike 2, PUBG, Dota 2, FIFA, and many more. Our PCs are optimized for competitive gaming with high refresh rates and minimal latency. We also have racing simulators and PS5 stations for console gaming.",
},
{ {
id: "4", title: "Do you offer food and beverages?", content: id: "4",
"Yes! We offer energy drinks, soft drinks, and quick snacks perfect for gaming sessions. Our menu includes energy drinks to keep you refreshed during competitive play, soft drinks, and quick bites. We also allow external food in most cases."}, title: "Do you offer food and beverages?",
content:
"Yes! We offer energy drinks, soft drinks, and quick snacks perfect for gaming sessions. Our menu includes energy drinks to keep you refreshed during competitive play, soft drinks, and quick bites. We also allow external food in most cases.",
},
{ {
id: "5", title: "How can I participate in tournaments?", content: id: "5",
"Visit the Tournaments & Events page on our website to see upcoming competitions, or join our Discord community for registration details. We host weekly tournaments with prize pools. Student and group discounts are available!"}, title: "How can I participate in tournaments?",
content:
"Visit the Tournaments & Events page on our website to see upcoming competitions, or join our Discord community for registration details. We host weekly tournaments with prize pools. Student and group discounts are available!",
},
{ {
id: "6", title: "What are the student discounts?", content: id: "6",
"Students get a special rate of ₹350/hour on our premium gaming stations. Valid student ID is required. Group discounts are also available for college gaming clubs and friend groups. Contact us for bulk booking rates."}, title: "What are the student discounts?",
content:
"Students get a special rate of ₹350/hour on our premium gaming stations. Valid student ID is required. Group discounts are also available for college gaming clubs and friend groups. Contact us for bulk booking rates.",
},
{ {
id: "7", title: "Is there a membership plan?", content: id: "7",
"Yes! Our VIP membership at ₹150/month gives you unlimited gaming access, a reserved premium station, free tournament entries, and exclusive benefits. It's perfect for regular gamers who want to level up their experience."}, title: "Is there a membership plan?",
content:
"Yes! Our VIP membership at ₹150/month gives you unlimited gaming access, a reserved premium station, free tournament entries, and exclusive benefits. It's perfect for regular gamers who want to level up their experience.",
},
{ {
id: "8", title: "Can I stream from your cafe?", content: id: "8",
"Absolutely! We have professional streaming setup available. Contact our staff about streaming options. Our tournament stations are equipped for live streaming with high-speed internet and spectator screens."}, title: "Can I stream from your cafe?",
content:
"Absolutely! We have professional streaming setup available. Contact our staff about streaming options. Our tournament stations are equipped for live streaming with high-speed internet and spectator screens.",
},
]} ]}
title="Frequently Asked Questions" title="Frequently Asked Questions"
description="Everything you need to know about M80 Esports gaming cafe" description="Everything you need to know about M80 Esports gaming cafe"

View File

@@ -1,28 +1,21 @@
"use client"; "use client";
import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple"; import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroCentered from "@/components/sections/hero/HeroCentered";
import ProductCardFour from "@/components/sections/product/ProductCardFour"; import ProductCardFour from "@/components/sections/product/ProductCardFour";
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen"; import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
import ContactText from "@/components/sections/contact/ContactText"; import ContactText from "@/components/sections/contact/ContactText";
import FooterBase from "@/components/sections/footer/FooterBase"; import FooterBase from "@/components/sections/footer/FooterBase";
import Link from "next/link"; import { Zap, Gauge, Lightbulb, Monitor, Headphones, Keyboard } from "lucide-react";
import {
Zap,
Gauge,
Lightbulb,
Gamepad2,
Trophy,
Radio,
Users,
} from "lucide-react";
export default function GamingSetupPage() { export default function GamingSetupPage() {
const navItems = [ const navItems = [
{ name: "Home", id: "/" }, { name: "Home", id: "/" },
{ name: "Gaming Setup", id: "/gaming-setup" }, { name: "Gaming Setup", id: "/gaming-setup" },
{ name: "Pricing", id: "#pricing" }, { name: "Pricing", id: "/pricing" },
{ name: "Tournaments", id: "#tournaments" }, { name: "Tournaments", id: "/tournaments" },
{ name: "Contact", id: "/contact" }, { name: "Contact", id: "/contact" },
]; ];
@@ -30,13 +23,13 @@ export default function GamingSetupPage() {
{ {
title: "Gaming Experience", items: [ title: "Gaming Experience", items: [
{ label: "Gaming Setup", href: "/gaming-setup" }, { label: "Gaming Setup", href: "/gaming-setup" },
{ label: "Pricing", href: "#pricing" }, { label: "Pricing", href: "/pricing" },
{ label: "Book Session", href: "https://wa.me/917022946056" }, { label: "Book Session", href: "https://wa.me/917022946056" },
], ],
}, },
{ {
title: "Community", items: [ title: "Community", items: [
{ label: "Tournaments", href: "#tournaments" }, { label: "Tournaments", href: "/tournaments" },
{ label: "Discord Server", href: "https://discord.gg" }, { label: "Discord Server", href: "https://discord.gg" },
{ label: "Instagram", href: "https://instagram.com" }, { label: "Instagram", href: "https://instagram.com" },
], ],
@@ -46,9 +39,7 @@ export default function GamingSetupPage() {
{ label: "Phone: +91 70229 46056", href: "tel:+917022946056" }, { label: "Phone: +91 70229 46056", href: "tel:+917022946056" },
{ label: "WhatsApp", href: "https://wa.me/917022946056" }, { label: "WhatsApp", href: "https://wa.me/917022946056" },
{ label: "Email Support", href: "mailto:info@m80esports.com" }, { 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"
},
], ],
}, },
]; ];
@@ -70,25 +61,41 @@ export default function GamingSetupPage() {
<NavbarStyleApple brandName="M80 Esports" navItems={navItems} /> <NavbarStyleApple brandName="M80 Esports" navItems={navItems} />
</div> </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 <ProductCardFour
title="Our Gaming Setups"
description="Discover each gaming station configuration designed for different gaming preferences and competitive requirements"
tag="Premium Rigs"
products={[ products={[
{ {
id: "gaming-pc", name: "High-End Gaming PC Stations", price: "₹500/hour", variant: "RTX 4080 | 360Hz Monitors", imageSrc: 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"
"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: "racing-sim", name: "Professional Racing Simulator", price: "₹400/hour", variant: "Force Feedback Wheel | Surround Sound", imageSrc: 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"
"http://img.b2bpic.net/free-photo/medium-shot-victorious-gamer-desk_23-2149350004.jpg?_wi=3", imageAlt: "Professional racing simulator cockpit"
}, },
{ {
id: "ps5-station", name: "PS5 Multiplayer Gaming", price: "₹300/hour", variant: "4K Display | Comfortable Seating", imageSrc: 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"
"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"
}, },
]} ]}
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" gridVariant="three-columns-all-equal-width"
textboxLayout="default" textboxLayout="default"
animationType="slide-up" animationType="slide-up"
@@ -96,67 +103,61 @@ export default function GamingSetupPage() {
/> />
</div> </div>
<div id="gaming-rigs-details" data-section="gaming-rigs-details"> <div id="specs" data-section="specs">
<FeatureCardTen <FeatureCardTen
title="Technical Specifications"
description="Detailed breakdown of our gaming infrastructure and equipment quality"
tag="Performance Details"
features={[ features={[
{ {
id: "1", title: "High-Performance Gaming Rigs", description: 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: {
"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=2"
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"
}, },
items: [ items: [
{ icon: Zap, text: "RTX 4080 Graphics" }, { icon: Zap, text: "RTX 4080 GPU" },
{ icon: Gauge, text: "360Hz Refresh Rate" }, { icon: Gauge, text: "Intel i9 Processor" },
{ icon: Lightbulb, text: "RGB Gaming Aesthetic" }, { icon: Lightbulb, text: "64GB RAM" },
], ],
reverse: false, reverse: false,
}, },
{ {
id: "2", title: "Racing Simulator Experience", description: 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: {
"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=2"
imageSrc:
"http://img.b2bpic.net/free-photo/medium-shot-victorious-gamer-desk_23-2149350004.jpg?_wi=4"
}, },
items: [ items: [
{ icon: Gauge, text: "Force Feedback Wheel" }, { icon: Monitor, text: "360Hz Monitors" },
{ icon: Gamepad2, text: "Realistic Physics Engine" }, { icon: Keyboard, text: "Mechanical Keyboards" },
{ icon: Trophy, text: "Tournament Ready" }, { icon: Headphones, text: "Pro Headsets" },
], ],
reverse: true, reverse: true,
}, },
{ {
id: "3", title: "Competitive Esports Arena", description: id: "3", title: "Connectivity & Infrastructure", description: "Fiber-optic internet with dedicated bandwidth ensures zero latency and stable connections for competitive gaming and tournaments.", media: {
"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=1"
imageSrc:
"http://img.b2bpic.net/free-photo/hispanic-young-man-playing-video-games-smiling-happy-pointing-with-hand-finger_839833-9111.jpg?_wi=2"
}, },
items: [ items: [
{ icon: Radio, text: "Professional Streaming" }, { icon: Zap, text: "1000Mbps Internet" },
{ icon: Users, text: "Spectator Areas" }, { icon: Gauge, text: "Dedicated Bandwidth" },
{ icon: Trophy, text: "Tournament Prizes" }, { icon: Lightbulb, text: "Tournament Network" },
], ],
reverse: false, reverse: false,
}, },
]} ]}
title="Why Choose M80 Esports"
description="Experience the pinnacle of gaming infrastructure combined with genuine community atmosphere"
tag="Premium Experience"
textboxLayout="default" textboxLayout="default"
animationType="slide-up" animationType="slide-up"
useInvertedBackground={true} useInvertedBackground={true}
/> />
</div> </div>
<div id="setup-cta" data-section="setup-cta"> <div id="contact" data-section="contact">
<ContactText <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" animationType="entrance-slide"
background={{ variant: "radial-gradient" }} background={{ variant: "radial-gradient" }}
useInvertedBackground={false} useInvertedBackground={false}
buttons={[ buttons={[
{ text: "Book Now", href: "https://wa.me/917022946056" }, { text: "Book Now", href: "https://wa.me/917022946056" },
{ text: "View Pricing", href: "/#pricing" }, { text: "Check Pricing", href: "/pricing" },
]} ]}
/> />
</div> </div>

View File

@@ -11,34 +11,39 @@ import FooterBase from "@/components/sections/footer/FooterBase";
export default function TournamentsPage() { export default function TournamentsPage() {
const navItems = [ const navItems = [
{ name: "Home", id: "/" }, { name: "Home", id: "/" },
{ name: "Gaming Setup", id: "/gaming-setup" }, { name: "Gaming Setup", id: "gaming-setup" },
{ name: "Pricing", id: "#pricing" }, { name: "Pricing", id: "pricing" },
{ name: "Tournaments", id: "#tournaments" }, { name: "Tournaments", id: "tournaments" },
{ name: "Contact", id: "/contact" }, { name: "Contact", id: "contact" },
]; ];
const footerColumns = [ const footerColumns = [
{ {
title: "Gaming Experience", items: [ title: "Gaming Experience",
items: [
{ label: "Gaming Setup", href: "/gaming-setup" }, { label: "Gaming Setup", href: "/gaming-setup" },
{ label: "Pricing", href: "#pricing" }, { label: "Pricing", href: "/pricing" },
{ label: "Book Session", href: "https://wa.me/917022946056" }, { label: "Book Session", href: "https://wa.me/917022946056" },
], ],
}, },
{ {
title: "Community", items: [ title: "Community",
{ label: "Tournaments", href: "#tournaments" }, items: [
{ label: "Tournaments", href: "/tournaments" },
{ label: "Discord Server", href: "https://discord.gg" }, { label: "Discord Server", href: "https://discord.gg" },
{ label: "Instagram", href: "https://instagram.com" }, { label: "Instagram", href: "https://instagram.com" },
], ],
}, },
{ {
title: "Contact", items: [ title: "Contact",
items: [
{ label: "Phone: +91 70229 46056", href: "tel:+917022946056" }, { label: "Phone: +91 70229 46056", href: "tel:+917022946056" },
{ label: "WhatsApp", href: "https://wa.me/917022946056" }, { label: "WhatsApp", href: "https://wa.me/917022946056" },
{ label: "Email Support", href: "mailto:info@m80esports.com" }, { 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",
},
], ],
}, },
]; ];
@@ -67,16 +72,37 @@ export default function TournamentsPage() {
tag="Events" tag="Events"
metrics={[ metrics={[
{ {
id: "weekly", value: "12+", title: "Weekly Gaming Tournaments", items: [ id: "weekly",
"Valorant competitive leagues", "Counter-Strike 2 championships", "Racing simulator series", "Fighting game exhibitions"], value: "12+",
title: "Weekly Gaming Tournaments",
items: [
"Valorant competitive leagues",
"Counter-Strike 2 championships",
"Racing simulator series",
"Fighting game exhibitions",
],
}, },
{ {
id: "monthly", value: "4", title: "Monthly Esports Events", items: [ id: "monthly",
"Large prize pools ₹50K+", "Live streaming & commentary", "Professional tournament format", "Spectator-friendly arena"], value: "4",
title: "Monthly Esports Events",
items: [
"Large prize pools ₹50K+",
"Live streaming & commentary",
"Professional tournament format",
"Spectator-friendly arena",
],
}, },
{ {
id: "community", value: "500+", title: "Active Gaming Community Members", items: [ id: "community",
"Discord community server", "Leaderboard rankings system", "Team formation support", "Networking opportunities"], value: "500+",
title: "Active Gaming Community Members",
items: [
"Discord community server",
"Leaderboard rankings system",
"Team formation support",
"Networking opportunities",
],
}, },
]} ]}
textboxLayout="default" textboxLayout="default"
@@ -94,17 +120,53 @@ export default function TournamentsPage() {
animationType="slide-up" animationType="slide-up"
testimonials={[ testimonials={[
{ {
id: "1", name: "Arjun Sharma", handle: "@valorant_pro_in", testimonial: "Won my first Valorant tournament here and the experience was incredible. Professional setup, fair judging, and amazing community support!", imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-grey-wall_114579-30626.jpg?_wi=3", imageAlt: "Arjun Sharma"}, id: "1",
name: "Arjun Sharma",
handle: "@valorant_pro_in",
testimonial: "Won my first Valorant tournament here and the experience was incredible. Professional setup, fair judging, and amazing community support!",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-grey-wall_114579-30626.jpg?_wi=3",
imageAlt: "Arjun Sharma",
},
{ {
id: "2", name: "Priya Patel", handle: "@gaming_queen_bangalore", testimonial: "The tournament infrastructure here is world-class. Real prize pools, professional live streaming, and an electric crowd. This is where champions are made!", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-with-arms-crossed_23-2147678138.jpg?_wi=3", imageAlt: "Priya Patel"}, id: "2",
name: "Priya Patel",
handle: "@gaming_queen_bangalore",
testimonial: "The tournament infrastructure here is world-class. Real prize pools, professional live streaming, and an electric crowd. This is where champions are made!",
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-with-arms-crossed_23-2147678138.jpg?_wi=3",
imageAlt: "Priya Patel",
},
{ {
id: "3", name: "Rohan Verma", handle: "@esports_streamer", testimonial: "As a content creator, hosting my tournament stream here was perfect. The equipment is top-tier, audience engagement is real, and the vibe is electric!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-listening-music-earbuds-outside_23-2148381755.jpg?_wi=2", imageAlt: "Rohan Verma"}, id: "3",
name: "Rohan Verma",
handle: "@esports_streamer",
testimonial: "As a content creator, hosting my tournament stream here was perfect. The equipment is top-tier, audience engagement is real, and the vibe is electric!",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-listening-music-earbuds-outside_23-2148381755.jpg?_wi=2",
imageAlt: "Rohan Verma",
},
{ {
id: "4", name: "Aisha Khan", handle: "@fps_gamer_aisha", testimonial: "The CS2 tournaments here are highly competitive and professionally managed. Finally found a venue that takes esports seriously. Highly recommended for any competitive gamer!", imageSrc: "http://img.b2bpic.net/free-photo/carefree-bearded-man-has-fun-enjoys-favorite-music-makes-yes-gesture-keeps-arms-raised-dances_273609-52492.jpg?_wi=2", imageAlt: "Aisha Khan"}, id: "4",
name: "Aisha Khan",
handle: "@fps_gamer_aisha",
testimonial: "The CS2 tournaments here are highly competitive and professionally managed. Finally found a venue that takes esports seriously. Highly recommended for any competitive gamer!",
imageSrc: "http://img.b2bpic.net/free-photo/carefree-bearded-man-has-fun-enjoys-favorite-music-makes-yes-gesture-keeps-arms-raised-dances_273609-52492.jpg?_wi=2",
imageAlt: "Aisha Khan",
},
{ {
id: "5", name: "Vikram Desai", handle: "@competitive_gamer", testimonial: "Participated in multiple tournaments here. The prize pools are legit, the scheduling is efficient, and the community is supportive. This is the best tournament venue in Bangalore!", imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-grey-wall_114579-30626.jpg?_wi=4", imageAlt: "Vikram Desai"}, id: "5",
name: "Vikram Desai",
handle: "@competitive_gamer",
testimonial: "Participated in multiple tournaments here. The prize pools are legit, the scheduling is efficient, and the community is supportive. This is the best tournament venue in Bangalore!",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-grey-wall_114579-30626.jpg?_wi=4",
imageAlt: "Vikram Desai",
},
{ {
id: "6", name: "Neha Gupta", handle: "@casual_gamer_life", testimonial: "Even as a casual player, the beginner tournaments here are welcoming and fun. No gatekeeping, just pure gaming passion and community spirit. Love the inclusive approach!", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-with-arms-crossed_23-2147678138.jpg?_wi=4", imageAlt: "Neha Gupta"}, id: "6",
name: "Neha Gupta",
handle: "@casual_gamer_life",
testimonial: "Even as a casual player, the beginner tournaments here are welcoming and fun. No gatekeeping, just pure gaming passion and community spirit. Love the inclusive approach!",
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-with-arms-crossed_23-2147678138.jpg?_wi=4",
imageAlt: "Neha Gupta",
},
]} ]}
/> />
</div> </div>
@@ -118,21 +180,45 @@ export default function TournamentsPage() {
faqsAnimation="slide-up" faqsAnimation="slide-up"
faqs={[ faqs={[
{ {
id: "1", title: "What tournaments do you host?", content: "We host tournaments for major competitive titles including Valorant, Counter-Strike 2, PUBG, Dota 2, and fighting games. We also organize racing simulator championships and seasonal esports leagues. Check our Discord community for the complete tournament calendar."}, id: "1",
title: "What tournaments do you host?",
content: "We host tournaments for major competitive titles including Valorant, Counter-Strike 2, PUBG, Dota 2, and fighting games. We also organize racing simulator championships and seasonal esports leagues. Check our Discord community for the complete tournament calendar.",
},
{ {
id: "2", title: "How do I register for a tournament?", content: "You can register through our website, Discord community, or directly at our cafe. Registration typically opens one week before each tournament. For team tournaments, ensure all team members are registered. Contact our staff for detailed registration procedures."}, id: "2",
title: "How do I register for a tournament?",
content: "You can register through our website, Discord community, or directly at our cafe. Registration typically opens one week before each tournament. For team tournaments, ensure all team members are registered. Contact our staff for detailed registration procedures.",
},
{ {
id: "3", title: "What are the prize pools?", content: "Prize pools vary based on tournament size and sponsorship. Weekly tournaments typically have ₹5K-10K pools, while monthly championships feature pools of ₹50K+. VIP members get free tournament entries and bonus prize opportunities. Check specific tournament details for exact prize breakdowns."}, id: "3",
title: "What are the prize pools?",
content: "Prize pools vary based on tournament size and sponsorship. Weekly tournaments typically have ₹5K-10K pools, while monthly championships feature pools of ₹50K+. VIP members get free tournament entries and bonus prize opportunities. Check specific tournament details for exact prize breakdowns.",
},
{ {
id: "4", title: "Can beginners participate?", content: "Absolutely! We host tournaments for all skill levels including beginner-friendly divisions. Competitive and casual tournaments run on different schedules. Everyone is welcome to participate and experience the thrill of esports competition."}, id: "4",
title: "Can beginners participate?",
content: "Absolutely! We host tournaments for all skill levels including beginner-friendly divisions. Competitive and casual tournaments run on different schedules. Everyone is welcome to participate and experience the thrill of esports competition.",
},
{ {
id: "5", title: "Is there a team registration limit?", content: "Team size depends on the game format. Most tournaments support 2-5 player teams. You can form teams with other community members or register individually for team-based games. We assist with team formation if needed."}, id: "5",
title: "Is there a team registration limit?",
content: "Team size depends on the game format. Most tournaments support 2-5 player teams. You can form teams with other community members or register individually for team-based games. We assist with team formation if needed.",
},
{ {
id: "6", title: "What are the venue rules during tournaments?", content: "All participants must follow our code of conduct: no toxic behavior, respect all players, follow organizer decisions, and maintain sportsmanship. Professional gaming requires a respectful environment. Violations may result in disqualification."}, id: "6",
title: "What are the venue rules during tournaments?",
content: "All participants must follow our code of conduct: no toxic behavior, respect all players, follow organizer decisions, and maintain sportsmanship. Professional gaming requires a respectful environment. Violations may result in disqualification.",
},
{ {
id: "7", title: "Can I spectate tournaments?", content: "Yes! All our tournaments are open to spectators. We have dedicated spectator seating, live commentary, and projection screens. Join our Discord to get tournament schedules and spectator guidelines."}, id: "7",
title: "Can I spectate tournaments?",
content: "Yes! All our tournaments are open to spectators. We have dedicated spectator seating, live commentary, and projection screens. Join our Discord to get tournament schedules and spectator guidelines.",
},
{ {
id: "8", title: "Do you have coaching or practice sessions?", content: "Yes! VIP members get access to gaming coach consultations and dedicated practice stations. We also offer community practice sessions. Contact our staff to arrange personalized coaching or team practice schedules."}, id: "8",
title: "Do you have coaching or practice sessions?",
content: "Yes! VIP members get access to gaming coach consultations and dedicated practice stations. We also offer community practice sessions. Contact our staff to arrange personalized coaching or team practice schedules.",
},
]} ]}
/> />
</div> </div>

View File

@@ -1,36 +1,58 @@
import React, { SVGProps } from "react"; 'use client';
interface SvgTextLogoProps extends SVGProps<SVGSVGElement> { import * as React from 'react';
text?: string;
interface SvgTextLogoProps {
text: string;
width?: number;
height?: number;
fontSize?: number;
fontFamily?: string;
fontWeight?: number | string;
fill?: string;
className?: string;
} }
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({ const SvgTextLogo = React.forwardRef<SVGSVGElement, SvgTextLogoProps>(
text = "Webild", width = 200, (
{
text,
width = 300,
height = 100, height = 100,
className = "", ...props fontSize = 48,
}) => { fontFamily = 'system-ui, -apple-system, sans-serif',
fontWeight = 700,
fill = 'currentColor',
className = '',
},
ref,
) => {
return ( return (
<svg <svg
ref={ref}
width={width} width={width}
height={height} height={height}
viewBox={`0 0 ${width} ${height}`} viewBox={`0 0 ${width} ${height}`}
className={className} className={className}
{...props} xmlns="http://www.w3.org/2000/svg"
> >
<text <text
x="50%" x="50%"
y="50%" y="50%"
textAnchor="middle" textAnchor="middle"
dominantBaseline="central" dominantBaseline="middle"
fontSize="48" fontSize={fontSize}
fontWeight="bold" fontFamily={fontFamily}
fill="currentColor" fontWeight={fontWeight}
fontFamily="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif" fill={fill}
> >
{text} {text}
</text> </text>
</svg> </svg>
); );
}; },
);
SvgTextLogo.displayName = 'SvgTextLogo';
export default SvgTextLogo; export default SvgTextLogo;