Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -41,11 +41,11 @@ export default function LandingPage() {
       <div id="hero" data-section="hero">
         <HeroLogoBillboardSplit
           logoText="GAMEVERSE"
-          description="Discover the world's most engaging board games. From strategy to family fun, explore our curated collection of tabletop gaming experiences that bring people together."
+          description="Discover the world's most engaging board games. From strategy to family fun, explore our curated collection of tabletop gaming experiences that bring people together. Join millions of players worldwide today."
           background={{ variant: "radial-gradient" }}
           buttons={[
-            { text: "Browse Games", href: "#games" },
-            { text: "Learn More", href: "#features" }
+            { text: "Start Your Adventure", href: "#games" },
+            { text: "Explore Now", href: "#features" }
           ]}
           layoutOrder="default"
           imageSrc="http://img.b2bpic.net/free-photo/close-up-people-playing-bingo_23-2149193840.jpg"
@@ -192,6 +192,26 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="cta" data-section="cta">
+        <PricingCardOne
+          plans={[
+            {
+              id: "1",              badge: "Join Now",              price: "Free Trial",              subtitle: "Start your gaming journey today",              features: ["14-day free trial", "Full access to all features", "No credit card required", "Cancel anytime"]
+            }
+          ]}
+          title="Ready to Join the Ultimate Gaming Community?"
+          description="Don't miss out on exclusive games, tournaments, and connections with players worldwide. Start your free trial now and discover what makes GameVerse the premier board gaming platform."
+          buttons={[
+            { text: "Start Free Trial", href: "#pricing" },
+            { text: "Learn More", href: "#features" }
+          ]}
+          textboxLayout="split-actions"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          buttonAnimation="slide-up"
+        />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterSimple
           columns={[