feat: add and update pricing / billing pages

[mfts]

No description provided.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
papermark	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Mar 16, 2024 6:57am

[what-the-diff]

PR Summary

• Introduction of a New File upgrade-plan-modal.tsx

  • This file contains the importation of new components such as Tabs, TabsList, TabsTrigger, and CheckIcon, effectively enhancing the interface for users.
  • The existing definitions of the plan type have also been updated to include the Business alongside Pro.
  • A user-friendly toggle component, Tabs, is incorporated to allow users to easily swap between the "Pro" and "Business" plan views.
  • The appearance of the features on the display is made more intuitive, changing depending on the selected plan.
  • We've updated the pricing display to clearly present the cost breakdowns of the chosen plan and period of subscription.
  • The featured elements are now shown with a checkmark icon to clarify their inclusion in the selected plan.
  • Useful links to Papermark Enterprise and a "Compare Plans" section are now included for quick access.

• Modification of the PLANS Constant in utils.ts

  • The constant now includes a new "Business" plan, complete with price details and the specific features offered under this service package.

• Revamp of the tiers Array in pricing.tsx

  • We've introduced an additional featureIntro field per tier, giving a brief description of the included features to help users understand the benefits.
  • Particulars about the "Pro" tier, including its description and features, have been updated.
  • A fresh "Business" tier is added, elaborating on the specifics and advantages of the scheme.
  • Styling adjustments have been made to the visual representation of the "Business" tier's button, providing a visually distinct identifier.

Overall, these modifications broaden the scope of services by introducing the "Business" plan and updating relatable function and visualization details to articulate this novel addition.