---
title: "SaaS landing page"
description: "A whole landing page for an invented studio app: header, hero with the app's Orders screen, features, pricing, customer quotes, FAQ, a closing call to action and the footer."
plan: Pro
docs: https://ui.edbn.me/docs/templates/saas-landing-page
---

# SaaS landing page

A whole landing page for an invented studio app: header, hero with the app's Orders screen, features, pricing, customer quotes, FAQ, a closing call to action and the footer.

Kilnwork is an invented app that runs bookings, orders and stock for pottery studios. One wordmark, one ink accent and one voice run through every section, which share the 1152px page width, one gutter and one vertical rhythm. The header sticks as the page scrolls and its links jump to the sections; below 768px they fold into a Sheet. The features are small working screens: booking-rule switches, a kiln log that can tell members their pieces are ready, and a restock list whose progress follows its checkboxes. Pricing switches between monthly and yearly figures without moving anything, the questions open as an accordion, and the footer's newsletter field checks the address, shows progress and confirms in place. Each section lays out by its own width with container queries, so the page holds at 1440, 1024, 768 and 390 in a window or a scaled frame.

A Pro page template built on Base UI and Tailwind CSS v4.

## Installation

This is a Pro item. Once per project, create a token at https://ui.edbn.me/dashboard/tokens, put it in `.env.local` as `EDBN_TOKEN`, and add the registry to `components.json`:

```json
{
  "registries": {
    "@edbn": {
      "url": "https://ui.edbn.me/r/{name}.json",
      "headers": { "Authorization": "Bearer ${EDBN_TOKEN}" }
    }
  }
}
```

Then install:

```bash
npx shadcn@4.19.0 add @edbn/saas-landing-page
```

## Dependencies
- npm: lucide-react@^1.33.0
- edbn: edbn-base, accordion, avatar, badge, button, card, checkbox, field, input-group, navigation-menu, progress, separator, sheet, spinner, switch, table, text-link, timeline, toggle-group

## Source

The source is part of Pro (https://ui.edbn.me/pricing). The install above adds it to the project, ready to edit.

## More landing pages templates

All 1, with install commands: https://ui.edbn.me/docs/templates/landing-pages · https://ui.edbn.me/docs/templates/landing-pages.md

## For agents
- Base theme, once per project: npx shadcn@4.19.0 add https://ui.edbn.me/r/edbn-base.json
- MCP server with search, items, examples and source: https://ui.edbn.me/mcp
- Every page and item: https://ui.edbn.me/llms.txt