# Landing Kit

> Vibrant soft-rect marketing stack in one add: header, hero, logos, bento, stats, testimonials, pricing, FAQ, CTA, footer.

A shadcn/ui block from the [@atroui](https://www.atroui.com/?utm_source=shadcn.exchange) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/atroui/landing-kit).

- Page, with a live preview: https://shadcn.exchange/r/atroui/landing-kit
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/atroui/landing-kit-light-649afaeca19a354a.png
- Registry item: https://www.atroui.com/r/landing-kit.json
- Listed: 2026-10-25, source last changed 2026-10-25

## Install

```bash
npx shadcn@latest add https://shadcn.exchange/r/atroui/landing-kit.json
```

Run it in a project that has shadcn/ui set up. It adds the files below and installs what they depend on.

## Dependencies

- npm packages: `next`
- Registry items: `@atroui/utils`, `@atroui/site-header`, `@atroui/home-hero`, `@atroui/logo-marquee`, `@atroui/feature-bento`, `@atroui/stats-band`, `@atroui/testimonials-stack`, `@atroui/pricing-tiers`, `@atroui/faq`, `@atroui/cta-band`, `@atroui/site-footer`

## Files

### `registry/default/blocks/landing-page.tsx`

```tsx
"use client"

/**
 * Landing Page — Vibrant soft-rect stack in one frame.
 * Family Values: opinionated section order; each block stays an owned file.
 *
 * Install: npx shadcn@latest add @atroui/landing-kit
 * (or: npx @atroui/cli@latest add landing-kit)
 */

import { SiteHeader } from "./site-header"
import { HomeHero } from "./home-hero"
import { LogoMarquee } from "./logo-marquee"
import { FeatureBento } from "./feature-bento"
import { StatsBand } from "./stats-band"
import { TestimonialsStack } from "./testimonials-stack"
import { PricingTiers } from "./pricing-tiers"
import { Faq } from "./faq"
import { CtaBand } from "./cta-band"
import { SiteFooter } from "./site-footer"

export function LandingPage() {
  return (
    <div className="min-h-svh bg-background text-foreground">
      <SiteHeader />
      <HomeHero />
      <LogoMarquee />
      <FeatureBento />
      <StatsBand />
      <TestimonialsStack />
      <PricingTiers />
      <Faq />
      <CtaBand />
      <SiteFooter />
    </div>
  )
}
```

### `registry/default/app/landing/page.tsx`

```tsx
import { LandingPage } from "@/components/blocks/landing-page"

/**
 * Consumer landing path — dropped by @atroui/landing-kit.
 * Edit CONTENT in each section file after install.
 */
export default function LandingRoutePage() {
  return <LandingPage />
}
```