Pricing Page
A standalone pricing page: monthly / yearly plan cards, a feature comparison table, pricing FAQ and a sales CTA.
#pricing#landing-page#comparison
Install
$ npx shadcn@latest add https://chromotion.dev/r/pricing-page.jsonThe page lands in app/pricing-page/page.tsx and the components it uses are installed into components.
Components used
Installing the template installs these too.
- NavbarNavigationResponsive navbar with frosted glass on scroll, a mobile menu and a floating pill variant.
- Pricing CardsMarketingThree-tier pricing cards with a monthly / yearly switch and a highlighted plan.
- FAQ AccordionMarketingFAQ accordion with smooth height animation, single or multiple open items.
- CTA BannerMarketingCall-to-action banner with a soft glow and dotted pattern, centered or left aligned.
- Site FooterMarketingMulti-column site footer with social icons, legal line and an oversized fading wordmark.