# SaaS landing page

> Hero with signup, logos, feature grid, stats, testimonials, pricing, FAQ, CTA and footer.

Template · Pro · https://lodeui.com/templates/saas-landing

## 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

```bash
npx shadcn@latest add @lode/saas-landing
```

Pro: needs a Lode API key and the `@lode` registry in components.json. See https://lodeui.com/docs/cli.

npm dependencies: motion, lucide-react

## Usage

```tsx title="example.tsx"
// app/page.tsx
import { SaasLanding } from "@/components/templates/saas-landing";

export default function Home() {
  return <SaasLanding />;
}
```

Built from: Accordion, Button, Input, Number ticker, Reveal, Segmented control, Spotlight card, Text reveal

## 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 |
| Enter / Space | 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.

## Related

- [Pricing section](https://lodeui.com/blocks/pricing-section) — Three tiers with a monthly/yearly toggle whose prices roll.
- [Text reveal](https://lodeui.com/components/text-reveal) — Text that rises out of a blur, word by word, as it scrolls into view.
- [Spotlight card](https://lodeui.com/components/spotlight-card) — A card lit by a spotlight that follows the pointer, border included.