Create a user interface (UI) component that allows users to view their current plan and payment method, and make changes as needed. The component should be divided into clear sections for easy navigation and understanding.
Sections:
Plan Overview:
Displays the user's current plan name
Shows the plan's key features and benefits
Highlights the plan's billing cycle and charges
Payment Method:
Clearly displays the user's current payment method (e.g., credit card, PayPal)
Shows the last four digits of the associated card number or account ID
Provides an option to update the payment method
Change Plan:
Presents a clear button or link to initiate the plan change process
Briefly outlines the available plan options
Directs users to the appropriate page or flow for plan selection | A shadcn/ui and v0 generation - v0