Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -4,9 +4,11 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FooterCard from '@/components/sections/footer/FooterCard';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
+import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
+import { CheckCircle } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -27,40 +29,58 @@ export default function LandingPage() {
           <NavbarStyleCentered
             navItems={[
               { name: "Home", id: "hero" },
-              { name: "Issues", id: "features" },
+              { name: "Features", id: "features" },
+              { name: "Pricing", id: "pricing" },
               { name: "FAQ", id: "faq" },
             ]}
-            brandName="BedwarsFree"
+            brandName="BedwarsPro"
           />
         </div>
 
         <div id="hero" data-section="hero">
           <HeroBillboardCarousel
             background={{ variant: "gradient-bars" }}
-            title="Free Bedwars Mastery"
+            title="Master Your Bedwars Game"
-            description="Access our complete training library at no cost. Improve your Bedwars mechanics, bridging, and game sense for free."
+            description="From free basics to pro-tier godhood. Accelerate your improvement with our structured training library."
-            tag="100% Free Resources"
+            tag="PVP Mastery"
-            buttons={[{ text: "Start Learning", href: "#features" }]}
+            buttons={[{ text: "Get Started", href: "#features" }, { text: "View Pricing", href: "#pricing" }]}
             mediaItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/8-bits-characters-gaming-assets_23-2151143740.jpg", imageAlt: "PVP combat" }]}
           />
         </div>
 
         <div id="features" data-section="features">
-          <FeatureCardNine
+          <FeatureCardNineteen
             title="Common Skill Barriers"
             description="We identify the specific struggles players face and provide clear solutions to overcome them."
-            showStepNumbers={true}
+            textboxLayout="default"
-            animationType="slide-up"
-            textboxLayout="inline-image"
             useInvertedBackground={false}
             features={[
               {
-                title: "Inconsistent Bridging",                description: "Learn the rhythm of ninja bridging and stop falling off the map.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/3d-isometric-landscape-with-forest-water_23-2150800415.jpg" },
+                tag: "Bridging",                title: "Inconsistent Bridging",                subtitle: "Master the rhythm",                description: "Learn the rhythm of ninja bridging and stop falling off the map.",                imageSrc: "http://img.b2bpic.net/free-photo/3d-isometric-landscape-with-forest-water_23-2150800415.jpg",                imageAlt: "Bridging visualization"
-                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/abstract-bokeh-background-with-colorful-lights_23-2147815175.jpg" }
               },
               {
-                title: "Losing PVP Trades",                description: "Master rod-spamming and movement strafing to win your trades consistently.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/e-sport-streamer-being-upset-losing-space-shoot-video-game-championship-playing-computer_482257-2102.jpg" },
+                tag: "Combat",                title: "Losing PVP Trades",                subtitle: "Win every encounter",                description: "Master rod-spamming and movement strafing to win your trades consistently.",                imageSrc: "http://img.b2bpic.net/free-photo/e-sport-streamer-being-upset-losing-space-shoot-video-game-championship-playing-computer_482257-2102.jpg",                imageAlt: "Combat visualization"
-                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/professional-video-gamer-female-playing-online-shooter-game-late-night-living-room_482257-22778.jpg" }
+              }
+            ]}
+          />
+        </div>
+
+        <div id="pricing" data-section="pricing">
+          <PricingCardTwo
+            title="Choose Your Path"
+            description="From free learning to dedicated coaching. Level up your Bedwars game today."
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            plans={[
+              {
+                id: "free",                badge: "Free",                price: "$0",                subtitle: "Essential Guides",                buttons: [{ text: "Start Now" }],
+                features: ["Basic PVP tips", "Bridging guides", "Community access"]
+              },
+              {
+                id: "premium",                badge: "God Tier",                badgeIcon: CheckCircle,
+                price: "$60",                subtitle: "Per Month",                buttons: [{ text: "Upgrade Now" }],
+                features: ["Advanced Coaching", "Pro-level tactics", "Become a Bedwars God", "Priority support", "Exclusive map strategies"]
               }
             ]}
           />
@@ -72,16 +92,16 @@ export default function LandingPage() {
             faqsAnimation="slide-up"
             useInvertedBackground={false}
             faqs={[
-              { id: "f1", title: "Is this really free?", content: "Yes, all resources and guides are provided completely free of charge to the community." },
+              { id: "f1", title: "Is there a free version?", content: "Yes, we offer essential guides completely free of charge to get you started." },
-              { id: "f2", title: "How do I start?", content: "Browse our modules and follow the step-by-step guides for each skill category." }
+              { id: "f2", title: "Why choose the $60 tier?", content: "The premium monthly subscription is designed to help you fast-track your progression, providing elite insights to help you truly master the game and become a Bedwars god." }
             ]}
           />
         </div>
 
         <div id="footer" data-section="footer">
           <FooterCard
-            logoText="BedwarsFree"
+            logoText="BedwarsPro"
-            copyrightText="© 2025 BedwarsFree. Built for the community."
+            copyrightText="© 2025 BedwarsPro. Elevate your PVP gameplay."
           />
         </div>
       </ReactLenis>