Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -7,6 +7,8 @@ import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 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,20 +29,21 @@ 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"
-            description="Access our complete training library at no cost. Improve your Bedwars mechanics, bridging, and game sense for free."
-            tag="100% Free Resources"
-            buttons={[{ text: "Start Learning", href: "#features" }]}
+            title="Master Your Bedwars Game"
+            description="From free basics to pro-tier godhood. Accelerate your improvement with our structured training library."
+            tag="PVP Mastery"
+            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>
@@ -66,25 +69,46 @@ export default function LandingPage() {
           />
         </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"]
+              }
+            ]}
+          />
+        </div>
+
         <div id="faq" data-section="faq">
           <FaqSplitText
             sideTitle="Frequently Asked Questions"
             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: "f2", title: "How do I start?", content: "Browse our modules and follow the step-by-step guides for each skill category." }
+              { 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: "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"
-            copyrightText="© 2025 BedwarsFree. Built for the community."
+            logoText="BedwarsPro"
+            copyrightText="© 2025 BedwarsPro. Elevate your PVP gameplay."
           />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}