From 883e8fa30da15cf379aaadf8cc8c4dffc51c52b8 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 9 Mar 2026 05:46:25 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 52 +++++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 49 insertions(+), 3 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 45f49e1..6ba87c5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,7 +10,8 @@ import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import { Sparkles, Zap, Gamepad2, Award, Users, Heart, Mail, Twitter, Linkedin, Github, Dribbble } from 'lucide-react';
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import { Sparkles, Zap, Gamepad2, Award, Users, Heart, Mail, Twitter, Linkedin, Github, Dribbble, MessageCircle, Twitch, Youtube } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -141,6 +142,34 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="statistics" data-section="statistics">
+        <MetricCardTwo
+          title="Our Impact"
+          description="Scale and success defined by our community of passionate players and creators."
+          tag="By The Numbers"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={true}
+          gridVariant="four-items-2x2-equal-grid"
+          metrics={[
+            {
+              id: "1",              value: "50M+",              description: "Total Players Worldwide"
+            },
+            {
+              id: "2",              value: "2B+",              description: "Game Visits"
+            },
+            {
+              id: "3",              value: "500K+",              description: "Active Community Members"
+            },
+            {
+              id: "4",              value: "12",              description: "Games Released"
+            }
+          ]}
+        />
+      </div>
+
       <div id="team" data-section="team">
         <TeamCardTwo
           title="Meet Our Creative Team"
@@ -150,7 +179,7 @@ export default function LandingPage() {
           tagAnimation="slide-up"
           textboxLayout="default"
           animationType="slide-up"
-          useInvertedBackground={true}
+          useInvertedBackground={false}
           gridVariant="four-items-2x2-equal-grid"
           members={[
             {
@@ -188,7 +217,7 @@ export default function LandingPage() {
           tagIcon={Heart}
           tagAnimation="slide-up"
           textboxLayout="default"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
           testimonials={[
             {
               id: "1",              title: "A Game-Changing Experience",              quote: "This studio's games completely changed how I think about gaming. The creativity, the community, and the polish of every detail is just incredible. I've made lifelong friends here.",              name: "Emma Thompson",              role: "Gaming Influencer",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/professional-portrait-of-a-satisfied-gam-1773034593503-15411624.png",              imageAlt: "Emma Thompson"},
@@ -202,6 +231,23 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="community" data-section="community">
+        <ContactCTA
+          tag="Join Our Community"
+          tagIcon={Users}
+          tagAnimation="slide-up"
+          title="Connect With Players Worldwide"
+          description="Join thousands of passionate gamers, creators, and enthusiasts. Get involved with Discord discussions, Roblox groups, and exclusive content updates."
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Join Discord", href: "https://discord.gg" },
+            { text: "Roblox Group", href: "https://roblox.com" },
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
       <div id="contact" data-section="contact">
         <ContactCTA
           tag="Get in Touch"