Pricing9

The Pricing9 component displays a pricing section with animated cards for different plans, each featuring a title, price, list of features, and buttons for exploring or linking to more information.

All available props for the Pricing9 component are defined and handled within Component usage path file. This allows for easy modifications to the content of the pricing section.

Component path: src/blocks/pricing/Pricing9.tsx

Component usage path: src/app/blocks/pricing/pricing9/page.tsx

Preview link: https://www.saasable.io/blocks/pricing/pricing9

Props Details

Property	Type	Description	Displayed as
heading	string	Main title for the pricing section	"Our Pricing Plans"
caption	string (Optional)	Optional additional description or context	"Choose a plan that suits your needs"
plans	Pricing5PlanProps[]	Array of pricing plan details	[{ title: "Basic Plan", price: "19", ... }, ...]
features	FeatureProps[]	Array of features available in pricing plans	[{ id: 1, label: "24/7 Support" }, ...]