From 87efb7affbd8f1fb1dff44b1849f8ec226725b1b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 11 Mar 2026 15:45:23 +0000
Subject: [PATCH] Update src/app/about/page.tsx

---
 src/app/about/page.tsx | 135 ++++++++++++++++++++++++-----------------
 1 file changed, 78 insertions(+), 57 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 942778e..edcd6e8 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -3,48 +3,43 @@
 import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 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 TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
 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 { Users, Gamepad2, Trophy, Zap } from "lucide-react";
 
 export default function AboutPage() {
   const navItems = [
     { name: "Home", id: "/" },
-    { name: "Gaming Setup", id: "gaming-setup" },
-    { name: "Pricing", id: "pricing" },
-    { name: "Tournaments", id: "tournaments" },
-    { name: "Contact", id: "contact" },
+    { name: "Gaming Setup", id: "/gaming-setup" },
+    { 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: "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" },
       ],
     },
   ];
@@ -66,65 +61,61 @@ export default function AboutPage() {
         <NavbarStyleApple brandName="M80 Esports" navItems={navItems} />
       </div>
 
-      <div id="about" data-section="about">
-        <TextSplitAbout
+      <div id="hero" data-section="hero">
+        <HeroCentered
           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.",
+          description="Bangalore's premier gaming hub where competitive spirit meets community. Founded by gamers, for gamers, we're transforming how people experience esports."
+          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" }]}
-          useInvertedBackground={false}
-          showBorder={true}
+          avatarText="Passionate gamers building the future of esports"
+          buttons={[
+            { text: "Join Our Community", href: "/contact" },
+            { text: "Book a Session", href: "https://wa.me/917022946056" },
+          ]}
+          buttonAnimation="slide-up"
         />
       </div>
 
-      <div id="features" data-section="features">
+      <div id="story" data-section="story">
         <FeatureCardTen
-          title="Our Gaming Philosophy"
-          description="We combine premium infrastructure with genuine community spirit to create the ultimate esports experience"
-          tag="What We Believe In"
+          title="Our Journey"
+          description="From a passion project to Bangalore's leading esports destination"
+          tag="Our Story"
           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: "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/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: Users, text: "All Skill Levels Welcome" },
-                { icon: Trophy, text: "Beginner-Friendly Events" },
-                { icon: Lightbulb, text: "Community-Driven Culture" },
+                { icon: Zap, text: "Pure gaming passion" },
+                { icon: Users, text: "Community-driven" },
+                { icon: Trophy, text: "Championship mindset" },
               ],
               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 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/medium-shot-victorious-gamer-desk_23-2149350004.jpg?_wi=2"
               },
               items: [
-                { icon: Zap, text: "High-End Hardware" },
-                { icon: Gauge, text: "Tournament Standards" },
-                { icon: Broadcast, text: "Professional Setup" },
+                { icon: Gamepad2, text: "Top-tier equipment" },
+                { icon: Zap, text: "Ultra-fast connectivity" },
+                { icon: Trophy, text: "Professional grade" },
               ],
               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 & 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/hispanic-young-man-playing-video-games-smiling-happy-pointing-with-hand-finger_839833-9111.jpg?_wi=1"
               },
               items: [
-                { icon: Trophy, text: "Weekly Tournaments" },
-                { icon: Gamepad2, text: "Skill Development" },
-                { icon: Users, text: "Social Networking" },
+                { icon: Users, text: "1000+ active members" },
+                { icon: Trophy, text: "50+ monthly tournaments" },
+                { icon: Zap, text: "Championship prizes" },
               ],
               reverse: false,
             },
@@ -135,15 +126,45 @@ export default function AboutPage() {
         />
       </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">
         <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"
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
           buttons={[
-            { text: "Visit Us", href: "https://maps.google.com/?q=17/A+3rd+Floor+Samruthi+Nest+New+BEL+Road+Bangalore" },
-            { text: "Contact Us", href: "contact" },
+            { text: "Book Your Session", href: "https://wa.me/917022946056" },
+            { text: "Get Directions", href: "https://maps.google.com/?q=M80+Esports+Gaming+Cafe+RMV+Extension+Bangalore" },
           ]}
         />
       </div>
@@ -157,4 +178,4 @@ export default function AboutPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}