# Product Launch Trailer

Cinematic product reveal trailer animation.

> For the complete documentation index, see [llms.txt](/llms.txt). Markdown variants are available by appending `.md` to any URL or sending an `Accept: text/markdown` header. An agent skill is available at [/.well-known/agent-skills/site-skill.md](/.well-known/agent-skills/site-skill.md).

## Installation

<TabsTrigger value="cli">Command</TabsTrigger>
<TabsTrigger value="manual">Manual</TabsTrigger>

```bash
npx shadcn@latest add @framecn/product-launch-trailer
```

<Step>Copy and paste the following code into your project.</Step>

<Step>Update the import paths to match your project setup.</Step>

## Usage

```tsx
import { ProductLaunchTrailer } from "@/components/framecn/product-launch-trailer";
```

```tsx
<ProductLaunchTrailer />
```

## API Reference

### ProductLaunchTrailer

| Prop             | Type     | Default          |
| ---------------- | -------- | ---------------- |
| `logoLabel`      | `string` | `"R"`            |
| `productName`    | `string` | `"Framecn"`      |
| `versionLabel`   | `string` | `"v1.0 is live"` |
| `accentPeach`    | `string` | `"#FFB38E"`      |
| `accentLavender` | `string` | `"#D4B3FF"`      |
| `accentMint`     | `string` | `"#A1EEBD"`      |
| `background`     | `string` | `"#141318"`      |
| `speed`          | `number` | `1`              |
| `className`      | `string` | `-`              |

## Notes

  A cinematic trailer animation for product launches. Combines multiple effects
  for a dramatic reveal sequence.