SaaS Landing
A complete SaaS landing page: navbar, hero, logo cloud, feature bento, testimonials, pricing, FAQ, CTA and footer.
#landing-page#marketing#pricing-section
Install
$ npx shadcn@latest add https://chromotion.dev/r/saas-landing.jsonThe page lands in app/saas-landing/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.
- Hero SpotlightMarketingLanding page hero with a spotlight gradient, grid backdrop and dual CTAs.
- Logo CloudMarketingCustomer logo wall as an infinite marquee or a static grid.
- Feature BentoMarketingAsymmetric bento grid for showcasing product features.
- Testimonial MarqueeMarketingTwo-row testimonial marquee scrolling in opposite directions, paused on hover with faded edges.
- 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.