# Landing Confirmed
URL: https://remocn.dev/docs/typography/landing-confirmed

An altitude readout counts down to a hard stop, then a slammed confirmation gives way to a gradient title.

- Install: `npx shadcn@latest add @remocn/landing-confirmed`
- Vibe: premium
- Natural length: 114f @ 30fps

## Installation

```bash
npx shadcn@latest add @remocn/landing-confirmed
```

## Usage

```tsx
// src/Root.tsx
import { Composition } from "remotion";
import { LandingConfirmed } from "@/components/remocn/landing-confirmed";

const LandingConfirmedScene = () => (
  <LandingConfirmed
    from={800}
    confirm="Release confirmed"
    title="Live."
    subtitle="Version 2.0 is out."
  />
);

export const RemotionRoot = () => (
  <Composition
    id="LandingConfirmed"
    component={LandingConfirmedScene}
    durationInFrames={160}
    fps={30}
    width={1280}
    height={720}
  />
);
```

A giant altitude number counts down from `from` metres beside a gauge and a velocity readout, hard-stops at zero, flashes, and slams `confirm` across the frame. That line shrinks into a small label as `title` slams in as a gradient headline, with `subtitle` in serif italic and a logo beneath. The default logo is the Remocn wordmark, so pass your own through `logo`. It ships light and dark.

## Props

| Prop | Type | Default | Description |
|---|---|---|---|
| `from` | `number` | `1200` | Altitude the descent starts from, in metres. |
| `confirm` | `string` | `"Touchdown confirmed"` | The slam at touchdown. Two words read best (one per line). |
| `title` | `string` | `"Shipped."` | The first resolve line, set big in caps. |
| `subtitle` | `string` | `"Nailed the landing."` | The second resolve line, set in a serif italic. |
| `logo` | `React.ReactNode` | — | Replaces the Remocn logo under the resolve. |
| `accent` | `string` | `"#3B5BFD"` | Gauge marker and small marks. |
| `theme` | `"dark" \| "light"` | `"dark"` | Light or dark palette. |
| `speed` | `number` | `1` | Playback speed multiplier for the whole timeline. |

## Use when
- A ship-day beat that treats the release like a landing: countdown, impact, then the big word.
- A closing card for a launch film that needs a punchy gradient title, a serif subline and a logo.

## Don't use when
- You want a countdown that ends on a live URL rather than a landing — use `drop-timer`.
- You only need one bold word with no telemetry or countdown — use `full-bleed-type`.
- The tone is a fighting-game knockout rather than a mission landing — use `ko-count`.