SaaS Landing Page
A full SaaS landing page for Folio, a research repository, with a hub hero, features, how it works, testimonials, three-tier pricing with an enterprise plan, FAQ, CTA and footer.
About SaaS Landing Page
A full landing page for Folio, a research repository for product teams. Every section shares one brand, one voice, and one set of buttons and type, so the page reads as a single pitch.
It opens on a hero with a tool map that feeds into the Folio hub, then moves through features, how it works, testimonials, pricing, an FAQ, and a closing CTA.
One command installs the page at app/saas-landing-page/page.tsx and each section at components/saas-landing-page/, so you can reorder sections or swap the copy for your own product.
Sections in this page
Each section is written for this page and installs as its own component.
- 01Hero with tool hub
components/saas-landing-page/hero.tsx - 02Features
components/saas-landing-page/features.tsx - 03How it works
components/saas-landing-page/how-it-works.tsx - 04Testimonials
components/saas-landing-page/testimonials.tsx - 05Pricing
components/saas-landing-page/pricing.tsx - 06FAQ
components/saas-landing-page/faq.tsx - 07Call to action
components/saas-landing-page/cta.tsx - 08Footer
components/saas-landing-page/footer.tsx
Frequently asked questions
- How do I install the SaaS Landing Page?
- Run npx shadcn@latest add @aceternity/saas-landing-page in your terminal. Before installing, add the Aceternity Pro registry to your components.json and set your API token as the ACETERNITY_PRO_TOKEN environment variable. The CLI installs the page file, all 8 section components, and their dependencies in one step.
- Can I change the sections in the SaaS Landing Page?
- Yes. Every section is a separate component in components/saas-landing-page, and the page file only imports and orders them. All sections share one brand and one voice, so you can replace the copy in one pass. Reorder or remove sections by editing the page file.
- Is this page included with All-Access?
- Yes. Pages are included with the Aceternity UI All-Access plan. With All-Access you can preview the page, read every file, and install it with the shadcn CLI.
- What frameworks does this page work with?
- The page is built for Next.js with the App Router, React, TypeScript, Tailwind CSS v4, and Motion. The sections are plain React components, so they also work in any React-based framework, such as TanStack Start, Vite, React Router, Remix, or Astro with React, when Tailwind CSS and Motion are set up.
Install needs the Aceternity registry in your components.json. Set up the CLI · All pages
Build websites faster and 10x better than your competitors with
Aceternity UI Pro
Next.js 15, Tailwind CSS v4 and Motion for react powered templates
200+ templates and blocks combined
Ready to copy paste component blocks, save days of development time
