Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -9,7 +9,7 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
+import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 
@@ -116,18 +116,18 @@ export default function LandingPage() {
   </div>
 
   <div id="pricing" data-section="pricing">
-      <PricingCardFive
+      <PricingCardNine
       animationType="scale-rotate"
       textboxLayout="split"
       useInvertedBackground={true}
-      tag="Recommended"
+      tag="Best Value for Creators"
-      plans={[
-        { id: "basic", tag: "Free", price: "$0", period: "/mo", description: "The perfect starting point for personal discovery.", button: { text: "Start Now" }, featuresTitle: "Included", features: ["Standard feed access", "Basic messaging", "Profile customization"] },
-        { id: "pro", tag: "Most Popular", price: "$15", period: "/mo", description: "The best value for creators to scale impact.", button: { text: "Upgrade Pro" }, featuresTitle: "Includes Basic, plus:", features: ["3D Feed access", "Priority interaction", "Analytics tools"] },
-        { id: "enterprise", tag: "Enterprise", price: "$49", period: "/mo", description: "Custom scale and dedicated support for large communities.", button: { text: "Contact Sales" }, featuresTitle: "Includes Pro, plus:", features: ["Custom data API", "Dedicated support", "Advanced metrics"] }
-      ]}
       title="Choose Your Nexus Access"
       description="Premium access for those who want to build, create, and connect at scale."
+      plans={[
+        { id: "basic", title: "Basic", price: "$0", period: "/mo", button: { text: "Start Now" }, features: ["Standard feed access", "Basic messaging", "Profile customization"] },
+        { id: "pro", title: "Pro", price: "$15", period: "/mo", button: { text: "Upgrade Pro" }, features: ["3D Feed access", "Priority interaction", "Analytics tools", "Exclusive Creator Badges"] },
+        { id: "enterprise", title: "Enterprise", price: "$49", period: "/mo", button: { text: "Contact Sales" }, features: ["Custom data API", "Dedicated support", "Advanced metrics"] }
+      ]}
     />
   </div>