Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
+import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
@@ -31,32 +31,15 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Store",
-          id: "products",
-        },
-        {
-          name: "Community",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "FPS", id: "hero" },
+        { name: "Modes", id: "features" },
+        { name: "Store", id: "products" },
+        { name: "Community", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="EliteSquad"
       button={{
-        text: "Join Now",
-        href: "#contact",
-      }}
+        text: "Join Now",        href: "#contact"}}
     />
   </div>
 
@@ -66,106 +49,58 @@ export default function LandingPage() {
       description="Join the elite ranks, master your tactics, and conquer every match with the ultimate community."
       testimonials={[
         {
-          name: "Alex 'Apex' J.",
-          handle: "@apex_gamer",
-          testimonial: "The coordination and squad support here is unmatched. Best gaming community I've joined.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5zts7x&_wi=1",
-          imageAlt: "futuristic gaming arena neon",
-        },
+          name: "Alex 'Apex' J.",          handle: "@apex_gamer",          testimonial: "The coordination and squad support here is unmatched. Best gaming community I've joined.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5zts7x&_wi=1",          imageAlt: "futuristic gaming arena neon"},
         {
-          name: "Sarah 'Luna' K.",
-          handle: "@luna_pro",
-          testimonial: "EliteSquad helped me climb ranks twice as fast with their strategy guides.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3irtom&_wi=1",
-          imageAlt: "futuristic gaming arena neon",
-        },
+          name: "Sarah 'Luna' K.",          handle: "@luna_pro",          testimonial: "EliteSquad helped me climb ranks twice as fast with their strategy guides.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3irtom&_wi=1",          imageAlt: "futuristic gaming arena neon"},
         {
-          name: "Mike 'Titan' V.",
-          handle: "@titan_plays",
-          testimonial: "Consistent updates, fair rules, and great players. Absolute top-tier experience.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f7g7ve&_wi=1",
-          imageAlt: "futuristic gaming arena neon",
-        },
+          name: "Mike 'Titan' V.",          handle: "@titan_plays",          testimonial: "Consistent updates, fair rules, and great players. Absolute top-tier experience.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f7g7ve&_wi=1",          imageAlt: "futuristic gaming arena neon"},
         {
-          name: "Chloe 'Nova' R.",
-          handle: "@nova_wins",
-          testimonial: "I love the exclusive in-game events and the community discord, so much fun!",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wcelss&_wi=1",
-          imageAlt: "futuristic gaming arena neon",
-        },
+          name: "Chloe 'Nova' R.",          handle: "@nova_wins",          testimonial: "I love the exclusive in-game events and the community discord, so much fun!",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wcelss&_wi=1",          imageAlt: "futuristic gaming arena neon"},
         {
-          name: "Jared 'Storm' M.",
-          handle: "@storm_ops",
-          testimonial: "If you want to take your gameplay to the next level, this is where you need to be.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gffaf2&_wi=1",
-          imageAlt: "futuristic gaming arena neon",
-        },
+          name: "Jared 'Storm' M.",          handle: "@storm_ops",          testimonial: "If you want to take your gameplay to the next level, this is where you need to be.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gffaf2&_wi=1",          imageAlt: "futuristic gaming arena neon"},
       ]}
       buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-        {
-          text: "Learn More",
-          href: "#features",
-        },
+        { text: "Get Started", href: "#contact" },
+        { text: "Learn More", href: "#features" },
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5zts7x&_wi=2"
       avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qxko44",
-          alt: "pro gamer portrait neon",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w20tbl",
-          alt: "squad leader gamer portrait",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1a4f6m",
-          alt: "passionate gamer portrait focus",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dbandu",
-          alt: "female pro gamer portrait",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n4id41",
-          alt: "gaming analyst professional portrait",
-        },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qxko44", alt: "pro gamer portrait neon" },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w20tbl", alt: "squad leader gamer portrait" },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1a4f6m", alt: "passionate gamer portrait focus" },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dbandu", alt: "female pro gamer portrait" },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n4id41", alt: "gaming analyst professional portrait" },
       ]}
       avatarText="Join 1M+ gamers today"
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardEight
+      <FeatureCardTwelve
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
         {
-          title: "Precision Hardware",
-          description: "Optimize your performance with elite settings.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3irtom&_wi=2",
+          id: "f1",          label: "Classic Mode",          title: "Battle Royale",          items: ["No time limit", "Survival focused", "4-player squad", "Voice integration enabled"],
+          buttons: [{ text: "Start Chat", onClick: () => console.log("Opening interaction channel...") }]
         },
         {
-          title: "Ultra-Low Latency",
-          description: "Connect at the speed of light.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f7g7ve&_wi=2",
+          id: "f2",          label: "Clash Squad",          title: "4v4 Combat",          items: ["Tactical rounds", "In-game voice", "Communication focused", "Strategy planning"],
+          buttons: [{ text: "Open Channel", onClick: () => console.log("Enabling team chat...") }]
         },
         {
-          title: "Squad Coordination",
-          description: "Tactical voice channels and strategic planning.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wcelss&_wi=2",
+          id: "f3",          label: "Community Events",          title: "Global Hub",          items: ["Integrated chatrooms", "Direct squad messaging", "Social engagement", "Weekly coordination"],
+          buttons: [{ text: "Connect", onClick: () => console.log("Joining voice channel...") }]
         },
       ]}
-      title="Pro-Level Features for Everyone"
-      description="Unlock tactical advantages with tools built for champions."
+      title="Game Modes & Communication"
+      description="Jump into battle with your squad and utilize our integrated voice and text channels to dominate the competition."
     />
   </div>
 
@@ -176,48 +111,10 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
       products={[
-        {
-          id: "p1",
-          name: "Legendary Armor Skin",
-          price: "2,500 Coins",
-          variant: "S-Tier",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gffaf2&_wi=2",
-        },
-        {
-          id: "p2",
-          name: "Energy Rifle Skin",
-          price: "1,200 Coins",
-          variant: "A-Tier",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e8qrcy",
-        },
-        {
-          id: "p3",
-          name: "Gold Coin Bundle",
-          price: "999 Coins",
-          variant: "Utility",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dziyw5",
-        },
-        {
-          id: "p4",
-          name: "Futuristic Transport Skin",
-          price: "3,000 Coins",
-          variant: "Legendary",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oqpbc2",
-        },
-        {
-          id: "p5",
-          name: "Elite Emote Set",
-          price: "500 Coins",
-          variant: "Common",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qv9r7t",
-        },
-        {
-          id: "p6",
-          name: "Loot Box Crate",
-          price: "250 Coins",
-          variant: "Random",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pawh60",
-        },
+        { id: "p1", name: "Legendary Armor Skin", price: "2,500 Coins", variant: "S-Tier", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gffaf2&_wi=2" },
+        { id: "p2", name: "Energy Rifle Skin", price: "1,200 Coins", variant: "A-Tier", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e8qrcy" },
+        { id: "p3", name: "Gold Coin Bundle", price: "999 Coins", variant: "Utility", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dziyw5" },
+        { id: "p4", name: "Futuristic Transport Skin", price: "3,000 Coins", variant: "Legendary", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oqpbc2" },
       ]}
       title="Exclusive In-Game Assets"
       description="Upgrade your gear, skins, and collection."
@@ -230,27 +127,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "1.2M+",
-          title: "Active Players",
-          description: "Global user network",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zyx73g",
-        },
-        {
-          id: "m2",
-          value: "500+",
-          title: "Weekly Tournaments",
-          description: "Competitive events held",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gvlgu9",
-        },
-        {
-          id: "m3",
-          value: "45M+",
-          title: "Total Wins",
-          description: "Community victory count",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2pnmsw",
-        },
+        { id: "m1", value: "1.2M+", title: "Active Players", description: "Global user network", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zyx73g" },
+        { id: "m2", value: "500+", title: "Weekly Tournaments", description: "Competitive events held", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gvlgu9" },
+        { id: "m3", value: "45M+", title: "Total Wins", description: "Community victory count", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2pnmsw" },
       ]}
       title="Community Stats"
       description="Evidence of our growing reach and dominance."
@@ -264,46 +143,9 @@ export default function LandingPage() {
       gridVariant="asymmetric-60-wide-40-narrow"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "t1",
-          name: "Alex J.",
-          role: "Squad Leader",
-          company: "EliteSquad",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qxko44",
-        },
-        {
-          id: "t2",
-          name: "Sarah K.",
-          role: "Pro Player",
-          company: "GlobalGamers",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w20tbl",
-        },
-        {
-          id: "t3",
-          name: "Mike V.",
-          role: "Solo Ranker",
-          company: "Independent",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1a4f6m",
-        },
-        {
-          id: "t4",
-          name: "Chloe R.",
-          role: "Team Captain",
-          company: "Zenith",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dbandu",
-        },
-        {
-          id: "t5",
-          name: "Jared M.",
-          role: "Tactical Analyst",
-          company: "OpsGroup",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n4id41",
-        },
+        { id: "t1", name: "Alex J.", role: "Squad Leader", company: "EliteSquad", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qxko44" },
+        { id: "t2", name: "Sarah K.", role: "Pro Player", company: "GlobalGamers", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w20tbl" },
+        { id: "t3", name: "Mike V.", role: "Solo Ranker", company: "Independent", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1a4f6m" },
       ]}
       title="Community Voices"
       description="What our champions are saying about us."
@@ -314,15 +156,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
-        "TechCorp",
-        "GamingHub",
-        "GlobalNet",
-        "SoundWave",
-        "GraficsInc",
-        "NetOps",
-        "StreamerCo",
-      ]}
+      names={["TechCorp", "GamingHub", "GlobalNet", "SoundWave", "GraficsInc"]}
       title="Trusted Partners"
       description="Leading companies powering our community infrastructure."
     />
@@ -332,21 +166,8 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "f1",
-          title: "How to join?",
-          content: "Click 'Join Now' on our site, create an account, and sync your game profile.",
-        },
-        {
-          id: "f2",
-          title: "Are there rewards?",
-          content: "Yes, top performers weekly earn exclusive skins and premium currency.",
-        },
-        {
-          id: "f3",
-          title: "What about cheating?",
-          content: "We maintain a strict anti-cheat policy and zero tolerance for unfair play.",
-        },
+        { id: "f1", title: "How to join?", content: "Click 'Join Now' on our site, create an account, and sync your game profile." },
+        { id: "f2", title: "Are there rewards?", content: "Yes, top performers weekly earn exclusive skins and premium currency." },
       ]}
       sideTitle="Still Have Questions?"
       sideDescription="Check out our FAQs or join the Discord."
@@ -357,9 +178,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       tag="Stay Updated"
       title="Join the EliteSquad Community"
       description="Sign up for updates on tournaments, exclusive loot, and new events."
@@ -372,50 +191,23 @@ export default function LandingPage() {
       columns={[
         {
           items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Events",
-              href: "#",
-            },
-            {
-              label: "Discord",
-              href: "#",
-            },
+            { label: "Latest News", href: "#" },
+            { label: "Patch Notes", href: "#" },
+            { label: "Twitch", href: "#" },
           ],
         },
         {
           items: [
-            {
-              label: "FAQ",
-              href: "#",
-            },
-            {
-              label: "Support",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#",
-            },
+            { label: "Tournament Rules", href: "#" },
+            { label: "Anti-Cheat", href: "#" },
+            { label: "Privacy Policy", href: "#" },
           ],
         },
         {
           items: [
-            {
-              label: "Store",
-              href: "#",
-            },
-            {
-              label: "Policy",
-              href: "#",
-            },
-            {
-              label: "Legal",
-              href: "#",
-            },
+            { label: "Support Forum", href: "#" },
+            { label: "Help Center", href: "#" },
+            { label: "Report User", href: "#" },
           ],
         },
       ]}