Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,11 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
-import MediaAbout from '@/components/sections/about/MediaAbout';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
@@ -32,140 +32,83 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Store",
-          id: "products",
-        },
+          name: "Store",          id: "products"},
         {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
         {
-          name: "Community",
-          id: "testimonials",
-        },
+          name: "Community",          id: "testimonials"},
         {
-          name: "Support",
-          id: "faq",
-        },
+          name: "Support",          id: "faq"},
       ]}
       brandName="Vortex Games"
       button={{
-        text: "Get Access",
-        href: "#contact",
-      }}
+        text: "Get Access",        href: "#contact"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Rule the City."
       description="Experience the ultimate urban action open-world game. Build your empire, outrun the law, and define your legacy in the concrete jungle."
       leftCarouselItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-city-night-drive_23-2151999280.jpg",
-          imageAlt: "Street Racing Action",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-city-night-drive_23-2151999280.jpg",          imageAlt: "Street Racing Action"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-soldier-with-weapon_23-2150804303.jpg",
-          imageAlt: "Tactical Combat",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-soldier-with-weapon_23-2150804303.jpg",          imageAlt: "Tactical Combat"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/urban-abandoned-factory_181624-124.jpg",
-          imageAlt: "Helicopter Assault",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/urban-abandoned-factory_181624-124.jpg",          imageAlt: "Helicopter Assault"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172406.jpg",
-          imageAlt: "Weapon Cache",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172406.jpg",          imageAlt: "Weapon Cache"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-soldier-futuristic-battle_23-2152000875.jpg",
-          imageAlt: "Stealth Mission",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-soldier-futuristic-battle_23-2152000875.jpg",          imageAlt: "Stealth Mission"},
       ]}
       rightCarouselItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2387.jpg",
-          imageAlt: "Racing Arena",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2387.jpg",          imageAlt: "Racing Arena"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-warrior-urban-scenery_23-2150712508.jpg",
-          imageAlt: "Stealth Mission",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-warrior-urban-scenery_23-2150712508.jpg",          imageAlt: "Stealth Mission"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/view-powerful-3d-weapon_23-2150888791.jpg",
-          imageAlt: "Weapon Cache",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/view-powerful-3d-weapon_23-2150888791.jpg",          imageAlt: "Weapon Cache"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/military-fighting-with-helicopter_23-2151001987.jpg",
-          imageAlt: "Helicopter Assault",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/military-fighting-with-helicopter_23-2151001987.jpg",          imageAlt: "Helicopter Assault"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/cinematic-rendering-showing-great-migration_23-2151334752.jpg",
-          imageAlt: "Tactical Combat",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/cinematic-rendering-showing-great-migration_23-2151334752.jpg",          imageAlt: "Tactical Combat"},
       ]}
       tag="New Version 2.0 Live"
       buttons={[
         {
-          text: "Buy Now",
-          href: "#products",
-        },
+          text: "Buy Now",          href: "#products"},
         {
-          text: "Watch Trailer",
-          href: "#",
-        },
+          text: "Watch Trailer",          href: "#"},
       ]}
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/futuristic-urban-scene-cyberpunk-nightscape_23-2151975911.jpg",
-          alt: "User 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/futuristic-urban-scene-cyberpunk-nightscape_23-2151975911.jpg",          alt: "User 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/cyberpunk-city-street-night-with-neon-lights-futuristic-aesthetic_23-2151488734.jpg",
-          alt: "User 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/cyberpunk-city-street-night-with-neon-lights-futuristic-aesthetic_23-2151488734.jpg",          alt: "User 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/half-rhino-half-robot-creature_23-2151730740.jpg",
-          alt: "User 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/half-rhino-half-robot-creature_23-2151730740.jpg",          alt: "User 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/futuristic-exploration-dubai-s-evolving-cityscape_23-2151339723.jpg",
-          alt: "User 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/futuristic-exploration-dubai-s-evolving-cityscape_23-2151339723.jpg",          alt: "User 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/city-sparkles-light-streets-night_23-2149057568.jpg",
-          alt: "User 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/city-sparkles-light-streets-night_23-2149057568.jpg",          alt: "User 5"},
       ]}
       avatarText="Join 10M+ players"
       marqueeItems={[
         {
-          type: "text",
-          text: "HIGH SPEED",
-        },
+          type: "text",          text: "HIGH SPEED"},
         {
-          type: "text",
-          text: "INTENSE ACTION",
-        },
+          type: "text",          text: "INTENSE ACTION"},
         {
-          type: "text",
-          text: "OPEN WORLD",
-        },
+          type: "text",          text: "OPEN WORLD"},
         {
-          type: "text",
-          text: "TACTICAL",
-        },
+          type: "text",          text: "TACTICAL"},
         {
-          type: "text",
-          text: "RACING",
-        },
+          type: "text",          text: "RACING"},
       ]}
     />
   </div>
@@ -178,47 +121,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Standard Edition",
-          price: "$59.99",
-          variant: "Digital Key",
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-car-illustration_23-2151685434.jpg",
-        },
+          id: "p1",          name: "Standard Edition",          price: "$59.99",          variant: "Digital Key",          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-car-illustration_23-2151685434.jpg"},
         {
-          id: "p2",
-          name: "Deluxe Edition",
-          price: "$79.99",
-          variant: "Digital + Bonus Items",
-          imageSrc: "http://img.b2bpic.net/free-photo/cartoon-soldier-with-combat-war_23-2151624793.jpg",
-        },
+          id: "p2",          name: "Deluxe Edition",          price: "$79.99",          variant: "Digital + Bonus Items",          imageSrc: "http://img.b2bpic.net/free-photo/cartoon-soldier-with-combat-war_23-2151624793.jpg"},
         {
-          id: "p3",
-          name: "Ultimate Edition",
-          price: "$99.99",
-          variant: "All DLC Included",
-          imageSrc: "http://img.b2bpic.net/free-photo/nuclear-bomb-apocalyptic-explosion_23-2150957623.jpg",
-        },
+          id: "p3",          name: "Ultimate Edition",          price: "$99.99",          variant: "All DLC Included",          imageSrc: "http://img.b2bpic.net/free-photo/nuclear-bomb-apocalyptic-explosion_23-2150957623.jpg"},
         {
-          id: "p4",
-          name: "Collector Edition",
-          price: "$149.99",
-          variant: "Physical + Digital",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-concrete-room-with-dramatic-light-shadows_1194-640204.jpg",
-        },
+          id: "p4",          name: "Collector Edition",          price: "$149.99",          variant: "Physical + Digital",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-concrete-room-with-dramatic-light-shadows_1194-640204.jpg"},
         {
-          id: "p5",
-          name: "Stealth Season Pass",
-          price: "$29.99",
-          variant: "DLC Content",
-          imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-warrior-urban-scenery_23-2150712528.jpg",
-        },
+          id: "p5",          name: "Stealth Season Pass",          price: "$29.99",          variant: "DLC Content",          imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-warrior-urban-scenery_23-2150712528.jpg"},
         {
-          id: "p6",
-          name: "Racing Season Pass",
-          price: "$29.99",
-          variant: "DLC Content",
-          imageSrc: "http://img.b2bpic.net/free-photo/timelaps-car-lights-road-with-blue-sky-night-time_181624-4789.jpg",
-        },
+          id: "p6",          name: "Racing Season Pass",          price: "$29.99",          variant: "DLC Content",          imageSrc: "http://img.b2bpic.net/free-photo/timelaps-car-lights-road-with-blue-sky-night-time_181624-4789.jpg"},
       ]}
       title="Exclusive Editions"
       description="Select your game package and dominate the streets."
@@ -232,20 +145,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Dynamic Arsenal",
-          description: "Customize hundreds of weapons with unique tactical mods.",
-          imageSrc: "http://img.b2bpic.net/free-vector/abstract-background-design_1040-971.jpg",
-        },
+          title: "Dynamic Arsenal",          description: "Customize hundreds of weapons with unique tactical mods.",          imageSrc: "http://img.b2bpic.net/free-vector/abstract-background-design_1040-971.jpg"},
         {
-          title: "Living City Map",
-          description: "Explore a sprawling, responsive urban open world.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151127937.jpg",
-        },
+          title: "Living City Map",          description: "Explore a sprawling, responsive urban open world.",          imageSrc: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151127937.jpg"},
         {
-          title: "Class Specialization",
-          description: "Level up and choose specialized roles for your crew.",
-          imageSrc: "http://img.b2bpic.net/free-photo/rendering-anime-doctor-job_23-2151151747.jpg",
-        },
+          title: "Class Specialization",          description: "Level up and choose specialized roles for your crew.",          imageSrc: "http://img.b2bpic.net/free-photo/rendering-anime-doctor-job_23-2151151747.jpg"},
       ]}
       title="Unmatched Gameplay"
       description="Experience features that push the limits of next-gen gaming."
@@ -259,31 +163,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "10M+",
-          title: "Registered Players",
-          items: [
-            "Active users daily",
-            "New players monthly",
-          ],
+          id: "m1",          value: "10M+",          title: "Registered Players",          items: [
+            "Active users daily",            "New players monthly"],
         },
         {
-          id: "m2",
-          value: "200h+",
-          title: "Average Gameplay",
-          items: [
-            "Per player session",
-            "Campaign completion",
-          ],
+          id: "m2",          value: "200h+",          title: "Average Gameplay",          items: [
+            "Per player session",            "Campaign completion"],
         },
         {
-          id: "m3",
-          value: "95%",
-          title: "Player Satisfaction",
-          items: [
-            "Community rating",
-            "Gameplay feedback",
-          ],
+          id: "m3",          value: "95%",          title: "Player Satisfaction",          items: [
+            "Community rating",            "Gameplay feedback"],
         },
       ]}
       title="Community Stats"
@@ -298,52 +187,28 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "p1",
-          badge: "Basic",
-          price: "$9.99/mo",
-          subtitle: "Essential Bonuses",
-          buttons: [
+          id: "p1",          badge: "Basic",          price: "$9.99/mo",          subtitle: "Essential Bonuses",          buttons: [
             {
-              text: "Subscribe",
-              href: "#",
-            },
+              text: "Subscribe",              href: "#"},
           ],
           features: [
-            "Monthly game cash",
-            "Early access updates",
-          ],
+            "Monthly game cash",            "Early access updates"],
         },
         {
-          id: "p2",
-          badge: "Pro",
-          price: "$19.99/mo",
-          subtitle: "Elite Perks",
-          buttons: [
+          id: "p2",          badge: "Pro",          price: "$19.99/mo",          subtitle: "Elite Perks",          buttons: [
             {
-              text: "Subscribe",
-              href: "#",
-            },
+              text: "Subscribe",              href: "#"},
           ],
           features: [
-            "VIP support access",
-            "Exclusive vehicle mods",
-          ],
+            "VIP support access",            "Exclusive vehicle mods"],
         },
         {
-          id: "p3",
-          badge: "Legendary",
-          price: "$29.99/mo",
-          subtitle: "All Access",
-          buttons: [
+          id: "p3",          badge: "Legendary",          price: "$29.99/mo",          subtitle: "All Access",          buttons: [
             {
-              text: "Subscribe",
-              href: "#",
-            },
+              text: "Subscribe",              href: "#"},
           ],
           features: [
-            "Season pass inclusion",
-            "Limited skin unlocks",
-          ],
+            "Season pass inclusion",            "Limited skin unlocks"],
         },
       ]}
       title="Membership Plans"
@@ -359,25 +224,15 @@ export default function LandingPage() {
       author="Sarah Miller"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/gamer-streaming-greeting-audience-preparing-showcase-gameplay_482257-103544.jpg",
-          alt: "User 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/gamer-streaming-greeting-audience-preparing-showcase-gameplay_482257-103544.jpg",          alt: "User 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/middle-age-greyhaired-woman-streamer-playing-video-game-using-computer-gaming-room_839833-20313.jpg",
-          alt: "User 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/middle-age-greyhaired-woman-streamer-playing-video-game-using-computer-gaming-room_839833-20313.jpg",          alt: "User 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-viewer-changing-channels-television-set-with-remote-control_482257-92306.jpg",
-          alt: "User 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/smiling-viewer-changing-channels-television-set-with-remote-control_482257-92306.jpg",          alt: "User 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/upset-gamer-yelling-smashing-table-after-losing-online-competitive-multiplayer-match_482257-77051.jpg",
-          alt: "User 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/upset-gamer-yelling-smashing-table-after-losing-online-competitive-multiplayer-match_482257-77051.jpg",          alt: "User 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/african-american-bearded-guy-dressed-black-hoodie-sports-shorts-sitting-skateboard-with-basketball-leaning-wall_613910-5243.jpg",
-          alt: "User 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/african-american-bearded-guy-dressed-black-hoodie-sports-shorts-sitting-skateboard-with-basketball-leaning-wall_613910-5243.jpg",          alt: "User 5"},
       ]}
       ratingAnimation="blur-reveal"
       avatarsAnimation="slide-up"
@@ -385,77 +240,38 @@ export default function LandingPage() {
   </div>
 
   <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={true}
+      <MetricSplitMediaAbout
       title="About Our Studio"
       description="Vortex Games is an award-winning independent studio dedicated to crafting immersive, high-action digital experiences. We believe in pushing boundaries and creating virtual worlds that feel truly alive."
-      buttons={[
-        {
-          text: "Careers",
-          href: "#",
-        },
+      useInvertedBackground={true}
+      metrics={[
+          { value: "15+", title: "Years Experience" },
+          { value: "50+", title: "Global Awards" }
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/technology-specialist-filming-technology-review-v-mount-battery_482257-124194.jpg"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
+      <ContactCTA
+      tag="Ready to Play?"
+      title="Join the Action Today"
+      description="Don't wait. Claim your copy and rule the streets now."
+      buttons={[
+        {
+            text: "Start Your Journey",            href: "#products"
+        }
+      ]}
       background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Stay Updated"
-      title="Sign Up for VIP Intel"
-      description="Get exclusive news, early access invites, and limited release announcements before anyone else."
+        variant: "sparkles-gradient"}}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterCard
       logoText="Vortex Games"
-      columns={[
-        {
-          title: "Games",
-          items: [
-            {
-              label: "Store",
-              href: "#products",
-            },
-            {
-              label: "Community",
-              href: "#testimonials",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 Vortex Games. All rights reserved."
+      copyrightText="© 2025 Vortex Games. Ignite your path."
     />
   </div>
       </ReactLenis>