Update src/app/page.tsx

Merge version_1 into main

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 (
@@ -50,23 +51,31 @@ export default function LandingPage() {
           background={{ variant: "plain" }}
           leftCarouselItems={[
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-vibrant-roblox-game-screenshot-featuri-1773034595221-5ca19031.png?_wi=1",              imageAlt: "Adventure game world"},
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-vibrant-roblox-game-screenshot-featuri-1773034595221-5ca19031.png?_wi=1",              imageAlt: "Adventure game world"
+            },
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-stylized-roblox-game-featuring-a-simul-1773034593916-dfee73ba.png?_wi=1",              imageAlt: "Simulation game environment"},
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-stylized-roblox-game-featuring-a-simul-1773034593916-dfee73ba.png?_wi=1",              imageAlt: "Simulation game environment"
+            },
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-competitive-roblox-game-featuring-acti-1773034593898-648649b9.png?_wi=1",              imageAlt: "Competitive game showcase"},
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-competitive-roblox-game-featuring-acti-1773034593898-648649b9.png?_wi=1",              imageAlt: "Competitive game showcase"
+            },
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-cozy-roblox-game-featuring-relaxation--1773034593969-7ab80cf4.png?_wi=1",              imageAlt: "Community game space"},
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-cozy-roblox-game-featuring-relaxation--1773034593969-7ab80cf4.png?_wi=1",              imageAlt: "Community game space"
+            },
           ]}
           rightCarouselItems={[
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-stylized-roblox-game-featuring-a-simul-1773034593916-dfee73ba.png?_wi=2",              imageAlt: "Building game world"},
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-stylized-roblox-game-featuring-a-simul-1773034593916-dfee73ba.png?_wi=2",              imageAlt: "Building game world"
+            },
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-competitive-roblox-game-featuring-acti-1773034593898-648649b9.png?_wi=2",              imageAlt: "Action game gameplay"},
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-competitive-roblox-game-featuring-acti-1773034593898-648649b9.png?_wi=2",              imageAlt: "Action game gameplay"
+            },
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-cozy-roblox-game-featuring-relaxation--1773034593969-7ab80cf4.png?_wi=2",              imageAlt: "Social game experience"},
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-cozy-roblox-game-featuring-relaxation--1773034593969-7ab80cf4.png?_wi=2",              imageAlt: "Social game experience"
+            },
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-vibrant-roblox-game-screenshot-featuri-1773034595221-5ca19031.png?_wi=2",              imageAlt: "Adventure exploration"},
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-vibrant-roblox-game-screenshot-featuri-1773034595221-5ca19031.png?_wi=2",              imageAlt: "Adventure exploration"
+            },
           ]}
           carouselPosition="right"
           buttons={[
@@ -105,13 +114,16 @@ export default function LandingPage() {
           products={[
             {
               id: "1",              brand: "Roblox Studio",              name: "Adventure Quest Worlds",              price: "Free + Premium",              rating: 5,
-              reviewCount: "2.4M",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-vibrant-roblox-game-screenshot-featuri-1773034595221-5ca19031.png?_wi=3",              imageAlt: "Adventure Quest Worlds game"},
+              reviewCount: "2.4M",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-vibrant-roblox-game-screenshot-featuri-1773034595221-5ca19031.png?_wi=3",              imageAlt: "Adventure Quest Worlds game"
+            },
             {
               id: "2",              brand: "Roblox Studio",              name: "Creator's Haven",              price: "Free + Premium",              rating: 5,
-              reviewCount: "1.8M",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-stylized-roblox-game-featuring-a-simul-1773034593916-dfee73ba.png?_wi=3",              imageAlt: "Creator's Haven game"},
+              reviewCount: "1.8M",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-stylized-roblox-game-featuring-a-simul-1773034593916-dfee73ba.png?_wi=3",              imageAlt: "Creator's Haven game"
+            },
             {
               id: "3",              brand: "Roblox Studio",              name: "Battle Arena Pro",              price: "Free + Premium",              rating: 5,
-              reviewCount: "3.2M",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-competitive-roblox-game-featuring-acti-1773034593898-648649b9.png?_wi=3",              imageAlt: "Battle Arena Pro game"},
+              reviewCount: "3.2M",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-competitive-roblox-game-featuring-acti-1773034593898-648649b9.png?_wi=3",              imageAlt: "Battle Arena Pro game"
+            },
           ]}
           buttons={[
             { text: "Explore All Games", href: "https://roblox.com" },
@@ -132,15 +144,45 @@ export default function LandingPage() {
           useInvertedBackground={false}
           negativeCard={{
             items: [
-              "Limited creative freedom",              "Poor player engagement",              "Inconsistent updates",              "Weak community support"],
+              "Limited creative freedom",              "Poor player engagement",              "Inconsistent updates",              "Weak community support"
+            ],
           }}
           positiveCard={{
             items: [
-              "Unlimited creative possibilities",              "Thriving active community",              "Regular content updates",              "24/7 player support"],
+              "Unlimited creative possibilities",              "Thriving active community",              "Regular content updates",              "24/7 player support"
+            ],
           }}
         />
       </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="uniform-all-items-equal"
+          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 +192,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,20 +230,41 @@ 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"},
+              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"
+            },
             {
-              id: "2",              title: "Endless Creative Freedom",              quote: "I came for the games, but I stayed for the ability to create. The tools and support this studio provides let me build worlds I never thought possible.",              name: "Marcus Williams",              role: "Game Creator",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/professional-portrait-of-another-happy-g-1773034593051-a2d1f026.png",              imageAlt: "Marcus Williams"},
+              id: "2",              title: "Endless Creative Freedom",              quote: "I came for the games, but I stayed for the ability to create. The tools and support this studio provides let me build worlds I never thought possible.",              name: "Marcus Williams",              role: "Game Creator",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/professional-portrait-of-another-happy-g-1773034593051-a2d1f026.png",              imageAlt: "Marcus Williams"
+            },
             {
-              id: "3",              title: "The Gold Standard of Gaming",              quote: "After playing countless games across platforms, these are hands down the best. The attention to detail, regular updates, and genuine care for players is unmatched.",              name: "Sophie Nguyen",              role: "Professional Streamer",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/professional-portrait-of-a-gaming-stream-1773034593743-8528aeba.png",              imageAlt: "Sophie Nguyen"},
+              id: "3",              title: "The Gold Standard of Gaming",              quote: "After playing countless games across platforms, these are hands down the best. The attention to detail, regular updates, and genuine care for players is unmatched.",              name: "Sophie Nguyen",              role: "Professional Streamer",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/professional-portrait-of-a-gaming-stream-1773034593743-8528aeba.png",              imageAlt: "Sophie Nguyen"
+            },
             {
-              id: "4",              title: "Community Like No Other",              quote: "The community here is what makes everything special. From casual players to hardcore enthusiasts, everyone feels welcome and valued. This is where gaming magic happens.",              name: "David Okonkwo",              role: "Community Leader",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/professional-portrait-of-a-community-lea-1773034594664-76bb9cde.png",              imageAlt: "David Okonkwo"},
+              id: "4",              title: "Community Like No Other",              quote: "The community here is what makes everything special. From casual players to hardcore enthusiasts, everyone feels welcome and valued. This is where gaming magic happens.",              name: "David Okonkwo",              role: "Community Leader",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/professional-portrait-of-a-community-lea-1773034594664-76bb9cde.png",              imageAlt: "David Okonkwo"
+            },
           ]}
         />
       </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"

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4f0;
+  --background: #0a0a0a;
-  --card: #ffffff;
+  --card: #1a1a1a;
-  --foreground: #1a1a1a;
+  --foreground: #ffffffe6;
-  --primary-cta: #2c2c2c;
+  --primary-cta: #a855f7;
   --primary-cta-text: #f5f4f0;
-  --secondary-cta: #f5f4f0;
+  --secondary-cta: #06b6d4;
   --secondary-cta-text: #1a1a1a;
-  --accent: #8a8a8a;
+  --accent: #06b6d4;
-  --background-accent: #e8e6e1;
+  --background-accent: #a855f7;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);