# Aura

> Aura · SaaS & app product landing template · Vite + React
> The AI-native product workspace — one calm surface for the whole team.
> Source: https://otf-kit.dev/templates/aura-landing

## At a glance

- **Price:** $9
- **Stack:** Vite + React
- **Category:** Landing
- **Screens:** 9
- **Status:** Available now
- **Live demo:** https://aura.otf-kit.dev

## Overview

A single-page landing site for a SaaS or app product — capabilities, the intelligence layer, a product showcase, pricing tiers, testimonials, and a start-free CTA, all driven by one typed content file. A standalone Vite + React template with a theme switcher (light/dark plus brand palettes), a WebGL displacement hero, and AI config (CLAUDE.md + .cursorrules) baked in.

A landing page for a SaaS app — capabilities, the intelligence story, pricing tiers, and customer voices. Standalone Vite + React template, theme-switchable, with a CLAUDE.md so Cursor or Claude can re-skin it for any product.

## Highlights

- Capabilities grid + AI-intelligence feature section
- Three-tier pricing table (Starter, Team, Scale)
- Customer-voices wall + start-free closing CTA

## What's inside

- Parallax WebGL displacement hero
- Theme switcher — light, dark + brand palettes
- Capabilities bento with hover reveals
- Intelligence feature panel
- Product showcase split with rating card
- Three-tier pricing section
- Customer testimonials grid
- Start-free CTA section
- Responsive — desktop + mobile
- One typed content file — no JSX edits to re-brand
- CLAUDE.md + .cursorrules

## Built on a modern stack

A standalone Vite app — no backend, deploys to Cloudflare Pages as static output.

- **Vite 6** — Instant dev server and a fast static production build.
- **React 19** — Modern React with the latest hooks.
- **Tailwind v4** — CSS-config Tailwind with the theme-switcher palettes.
- **TypeScript** — Fully typed — every section reads from one typed content file.

## Customize with your AI tool

Every kit ships with `CLAUDE.md`, `.cursorrules`, and tested prompts so Cursor, Claude Code, or Lovable understands the codebase from the first prompt. For example:

```
Re-skin Aura for a project-management app — swap the capabilities and pricing tiers
```

## Get it

- **This kit:** $9 — buy once, own the code. Every sale is final; try the live demo before you buy.
- **Everything Bundle:** $149 for all 5 full-stack kits + 15 landing templates (was $630 bought separately — save $481).
- Buy: https://otf-kit.dev/templates/aura-landing
- All templates: https://otf-kit.dev/templates · Pricing: https://otf-kit.dev/pricing