bender/1dc5262f-e478-4d2e-986c-0286193df263
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #3

Merged
bender merged 4 commits from version_1 into main 2026-03-11 15:41:23 +00:00
Conversation 0 Commits 4 Files Changed 4 +103 -324
4 changed files with 103 additions and 324 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/app/about/page.tsx
View File

@@ -7,7 +7,7 @@ import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
import ContactText from "@/components/sections/contact/ContactText";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Zap, Gauge, Lightbulb, Gamepad2, Trophy, Broadcast, Users } from "lucide-react";
import { Zap, Gauge, Lightbulb, Gamepad2, Trophy, Radio, Users } from "lucide-react";
export default function AboutPage() {
const navItems = [
@@ -20,31 +20,26 @@ export default function AboutPage() {
const footerColumns = [
{
title: "Gaming Experience",
items: [
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: [
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"},
],
},
];
@@ -70,10 +65,7 @@ export default function AboutPage() {
<TextSplitAbout
title="About M80 Esports"
description={[
"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.",
]}
"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."]}
buttons={[{ text: "Join Our Community", href: "contact" }]}
useInvertedBackground={false}
showBorder={true}
@@ -87,12 +79,8 @@ export default function AboutPage() {
tag="What We Believe In"
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: {
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",
},
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: {
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"},
items: [
{ icon: Users, text: "All Skill Levels Welcome" },
{ icon: Trophy, text: "Beginner-Friendly Events" },
@@ -101,26 +89,18 @@ export default function AboutPage() {
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: {
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",
},
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: {
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"},
items: [
{ icon: Zap, text: "High-End Hardware" },
{ icon: Gauge, text: "Tournament Standards" },
{ icon: Broadcast, text: "Professional Setup" },
{ icon: Radio, text: "Professional Setup" },
],
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: {
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-looking-restaurant-menu_23-2150520104.jpg",
},
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: {
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-looking-restaurant-menu_23-2150520104.jpg"},
items: [
{ icon: Trophy, text: "Weekly Tournaments" },
{ icon: Gamepad2, text: "Skill Development" },

77
src/app/gaming-setup/page.tsx
View File

@@ -13,7 +13,7 @@ import {
Lightbulb,
Gamepad2,
Trophy,
Broadcast,
Radio,
Users,
} from "lucide-react";
@@ -28,31 +28,26 @@ export default function GamingSetupPage() {
const footerColumns = [
{
title: "Gaming Experience",
items: [
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: [
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"},
],
},
];
@@ -78,32 +73,14 @@ export default function GamingSetupPage() {
<ProductCardFour
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", 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", 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", imageAlt: "PS5 gaming station setup"},
]}
title="Premium Gaming Experiences"
description="Explore our world-class gaming setups designed for competitive play and casual entertainment"
@@ -119,14 +96,10 @@ export default function GamingSetupPage() {
<FeatureCardTen
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: {
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",
},
"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"},
items: [
{ icon: Zap, text: "RTX 4080 Graphics" },
{ icon: Gauge, text: "360Hz Refresh Rate" },
@@ -135,14 +108,10 @@ export default function GamingSetupPage() {
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: {
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",
},
"http://img.b2bpic.net/free-photo/medium-shot-victorious-gamer-desk_23-2149350004.jpg"},
items: [
{ icon: Gauge, text: "Force Feedback Wheel" },
{ icon: Gamepad2, text: "Realistic Physics Engine" },
@@ -151,16 +120,12 @@ export default function GamingSetupPage() {
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: {
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",
},
"http://img.b2bpic.net/free-photo/hispanic-young-man-playing-video-games-smiling-happy-pointing-with-hand-finger_839833-9111.jpg"},
items: [
{ icon: Broadcast, text: "Professional Streaming" },
{ icon: Radio, text: "Professional Streaming" },
{ icon: Users, text: "Spectator Areas" },
{ icon: Trophy, text: "Tournament Prizes" },
],

243
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCar
import FaqBase from "@/components/sections/faq/FaqBase";
import ContactText from "@/components/sections/contact/ContactText";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Zap, Gauge, Lightbulb, Gamepad2, Trophy, Broadcast, Users, Flame, Crown, GraduationCap, Check } from "lucide-react";
import { Zap, Gauge, Lightbulb, Gamepad2, Trophy, Radio, Users, Flame, Crown, GraduationCap, Check } from "lucide-react";
export default function HomePage() {
const navItems = [
@@ -25,31 +25,26 @@ export default function HomePage() {
const footerColumns = [
{
title: "Gaming Experience",
items: [
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: [
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"},
],
},
];
@@ -97,29 +92,11 @@ export default function HomePage() {
tag="Our 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/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: "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", 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=1",
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", 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=1",
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", imageAlt: "PS5 gaming station setup"},
]}
gridVariant="three-columns-all-equal-width"
textboxLayout="default"
@@ -135,12 +112,8 @@ export default function HomePage() {
tag="Premium Experience"
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=2",
},
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"},
items: [
{ icon: Zap, text: "RTX 4080 Graphics" },
{ icon: Gauge, text: "360Hz Refresh Rate" },
@@ -149,12 +122,8 @@ export default function HomePage() {
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=2",
},
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"},
items: [
{ icon: Gauge, text: "Force Feedback Wheel" },
{ icon: Gamepad2, text: "Realistic Physics Engine" },
@@ -163,14 +132,10 @@ export default function HomePage() {
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=1",
},
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"},
items: [
{ icon: Broadcast, text: "Professional Streaming" },
{ icon: Radio, text: "Professional Streaming" },
{ icon: Users, text: "Spectator Areas" },
{ icon: Trophy, text: "Tournament Prizes" },
],
@@ -190,58 +155,23 @@ export default function HomePage() {
tag="Competitive Rates"
plans={[
{
id: "casual",
badge: "Casual Players",
price: "₹250/hr",
subtitle: "Perfect for first-timers and casual gaming",
features: [
"Access to gaming stations",
"Standard PC or PS5 gaming",
"Comfortable gaming chair",
"High-speed internet",
],
id: "casual", badge: "Casual Players", price: "₹250/hr", subtitle: "Perfect for first-timers and casual gaming", features: [
"Access to gaming stations", "Standard PC or PS5 gaming", "Comfortable gaming chair", "High-speed internet"],
},
{
id: "competitive",
badge: "Most Popular",
badgeIcon: Flame,
price: "₹500/hr",
subtitle: "Best for serious competitive gamers",
features: [
"Premium gaming rig access",
"RTX 4080 + 360Hz monitor",
"Dedicated station reservation",
"Priority tournament registration",
"Exclusive community access",
],
id: "competitive", badge: "Most Popular", badgeIcon: Flame,
price: "₹500/hr", subtitle: "Best for serious competitive gamers", features: [
"Premium gaming rig access", "RTX 4080 + 360Hz monitor", "Dedicated station reservation", "Priority tournament registration", "Exclusive community access"],
},
{
id: "premium",
badge: "VIP Experience",
badgeIcon: Crown,
price: "₹150/month",
subtitle: "Unlimited access and exclusive perks",
features: [
"Unlimited hourly sessions",
"Reserved premium station",
"Free tournament entries",
"VIP lounge access",
"Gaming coach consultations",
"Exclusive merchandise",
],
id: "premium", badge: "VIP Experience", badgeIcon: Crown,
price: "₹150/month", subtitle: "Unlimited access and exclusive perks", features: [
"Unlimited hourly sessions", "Reserved premium station", "Free tournament entries", "VIP lounge access", "Gaming coach consultations", "Exclusive merchandise"],
},
{
id: "student",
badge: "Student Offer",
badgeIcon: GraduationCap,
price: "₹350/hr",
subtitle: "Special rate for college students",
features: [
"High-end gaming PC access",
"Valid student ID required",
"Group discounts available",
"Weekend special rates",
],
id: "student", badge: "Student Offer", badgeIcon: GraduationCap,
price: "₹350/hr", subtitle: "Special rate for college students", features: [
"High-end gaming PC access", "Valid student ID required", "Group discounts available", "Weekend special rates"],
},
]}
textboxLayout="default"
@@ -257,37 +187,16 @@ export default function HomePage() {
tag="Events"
metrics={[
{
id: "weekly",
value: "12+",
title: "Weekly Gaming Tournaments",
items: [
"Valorant competitive leagues",
"Counter-Strike 2 championships",
"Racing simulator series",
"Fighting game exhibitions",
],
id: "weekly", 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: [
"Large prize pools ₹50K+",
"Live streaming & commentary",
"Professional tournament format",
"Spectator-friendly arena",
],
id: "monthly", 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: [
"Discord community server",
"Leaderboard rankings system",
"Team formation support",
"Networking opportunities",
],
id: "community", value: "500+", title: "Active Gaming Community Members", items: [
"Discord community server", "Leaderboard rankings system", "Team formation support", "Networking opportunities"],
},
]}
textboxLayout="default"
@@ -305,53 +214,17 @@ export default function HomePage() {
animationType="slide-up"
testimonials={[
{
id: "1",
name: "Arjun Sharma",
handle: "@valorant_pro_in",
testimonial: "Great place and atmosphere, perfect for spending quality time with friends while competitive gaming. The rigs are insanely fast and the staff is super supportive!",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-grey-wall_114579-30626.jpg?_wi=1",
imageAlt: "Arjun Sharma",
},
id: "1", name: "Arjun Sharma", handle: "@valorant_pro_in", testimonial: "Great place and atmosphere, perfect for spending quality time with friends while competitive gaming. The rigs are insanely fast and the staff is super supportive!", imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-grey-wall_114579-30626.jpg", imageAlt: "Arjun Sharma"},
{
id: "2",
name: "Priya Patel",
handle: "@gaming_queen_bangalore",
testimonial: "Very good ambience, decent pricing and extremely good customer care. This is my go-to place for gaming sessions. The community here is welcoming and fun!",
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-with-arms-crossed_23-2147678138.jpg?_wi=1",
imageAlt: "Priya Patel",
},
id: "2", name: "Priya Patel", handle: "@gaming_queen_bangalore", testimonial: "Very good ambience, decent pricing and extremely good customer care. This is my go-to place for gaming sessions. The community here is welcoming and fun!", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-with-arms-crossed_23-2147678138.jpg", imageAlt: "Priya Patel"},
{
id: "3",
name: "Rohan Verma",
handle: "@esports_streamer",
testimonial: "Electric vibe, top-notch rigs, and friendly staff. M80 Esports is the real deal for competitive gaming. Hosting my tournament here was an absolute blast!",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-listening-music-earbuds-outside_23-2148381755.jpg?_wi=1",
imageAlt: "Rohan Verma",
},
id: "3", name: "Rohan Verma", handle: "@esports_streamer", testimonial: "Electric vibe, top-notch rigs, and friendly staff. M80 Esports is the real deal for competitive gaming. Hosting my tournament here was an absolute blast!", 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: "The gaming experience here is unmatched. Premium equipment, professional environment, and amazing community. Definitely the best gaming cafe in Bangalore!",
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=1",
imageAlt: "Aisha Khan",
},
id: "4", name: "Aisha Khan", handle: "@fps_gamer_aisha", testimonial: "The gaming experience here is unmatched. Premium equipment, professional environment, and amazing community. Definitely the best gaming cafe in Bangalore!", 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: "M80 Esports has everything a serious gamer needs. From casual hangouts to competitive tournaments, this place delivers excellence in every aspect. Highly recommended!",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-grey-wall_114579-30626.jpg?_wi=2",
imageAlt: "Vikram Desai",
},
id: "5", name: "Vikram Desai", handle: "@competitive_gamer", testimonial: "M80 Esports has everything a serious gamer needs. From casual hangouts to competitive tournaments, this place delivers excellence in every aspect. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-grey-wall_114579-30626.jpg", imageAlt: "Vikram Desai"},
{
id: "6",
name: "Neha Gupta",
handle: "@casual_gamer_life",
testimonial: "Perfect destination for gaming enthusiasts of all levels. The atmosphere is energetic, the equipment is premium, and the people are genuinely nice. Love it here!",
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-with-arms-crossed_23-2147678138.jpg?_wi=2",
imageAlt: "Neha Gupta",
},
id: "6", name: "Neha Gupta", handle: "@casual_gamer_life", testimonial: "Perfect destination for gaming enthusiasts of all levels. The atmosphere is energetic, the equipment is premium, and the people are genuinely nice. Love it here!", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-with-arms-crossed_23-2147678138.jpg", imageAlt: "Neha Gupta"},
]}
/>
</div>
@@ -365,45 +238,21 @@ export default function HomePage() {
faqsAnimation="slide-up"
faqs={[
{
id: "1",
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: "1", 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: "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: "2", 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: "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: "3", 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: "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: "4", 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: "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: "5", 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: "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: "6", 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: "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: "7", 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: "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.",
},
id: "8", 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."},
]}
/>
</div>

61
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,36 @@
"use client";
import React, { SVGProps } from "react";
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
className?: string;
interface SvgTextLogoProps extends SVGProps<SVGSVGElement> {
text?: string;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
text = "Webild", width = 200,
height = 100,
className = "", ...props
}) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
width={width}
height={height}
viewBox={`0 0 ${width} ${height}`}
className={className}
{...props}
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
x="50%"
y="50%"
textAnchor="middle"
dominantBaseline="central"
fontSize="48"
fontWeight="bold"
fill="currentColor"
fontFamily="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif"
>
{logoText}
{text}
</text>
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
};
export default SvgTextLogo;