SaaS landing pagePro
Hero with signup, logos, feature grid, stats, testimonials, pricing, FAQ, CTA and footer.
What's inside
- Hero with signup
- Logo cloud and feature grid
- Stats, testimonials, pricing, FAQ
- CTA and footer
When to use
- Launching a product site quickly with all the usual sections.
When not to use
- A single section: use the pricing section block instead.
Installation
Usage
Import it from @/components/templates/saas-landing after installing. It ships with sample data, so it renders straight away; swap in your own data when you're ready.
// app/page.tsx
import { SaasLanding } from "@/components/templates/saas-landing";
export default function Home() {
return <SaasLanding />;
}API reference
SaasLanding
A complete SaaS landing page: hero with signup, logos, features, stats, testimonials, pricing, FAQ, CTA and footer. Also the default export. No props: sample data sits at the top of the file, ready to swap for your own.
No props.
Keyboard interactions
| Keys | Action |
|---|---|
| Tab | Move through navigation, signup, pricing and FAQ |
| EnterorSpace | Open a FAQ answer |
Accessibility
- One h1; sections use headings in order.
- The signup field is labelled.
Motion
- The headline reveals word by word, feature cards light up under the pointer, and stats and prices roll.
Responsive behavior
- Every section stacks on phones; tested from 320px.
Performance
- Animations start when sections scroll into view.
Notes for AI
- Edit copy in the arrays at the top of the file.
This page as Markdown, for assistants and coding agents:
/templates/saas-landing/markdownThe full library index for assistants is at /llms.txt.
Lode222 doc pagesllms.txt