# Conference landing

> An event landing page: countdown, speakers, day-by-day schedule, tickets and FAQ.

Template · Pro · https://lodeui.com/templates/conference-landing

## When to use

- Conferences, meetups, workshops and launches.

## When not to use

- Recurring classes: use a calendar-based page.

## Installation

```bash
npx shadcn@latest add @lode/conference-landing
```

Pro: needs a Lode API key and the `@lode` registry in components.json. See https://lodeui.com/docs/cli.

npm dependencies: motion, lucide-react

## Usage

```tsx title="example.tsx"
// app/page.tsx
import { ConferenceLanding } from "@/components/templates/conference-landing";

export default function Page() {
  return <ConferenceLanding />;
}
```

Built from: CTA section, FAQ section, Flip clock, Footer section, Grid pattern, Logo cloud, Tabs

## API reference

### ConferenceLanding

A complete event landing page: date and venue, countdown, speakers, a day-by-day schedule, ticket tiers, sponsors, FAQ and newsletter. Also the default export. No props: sample data sits at the top of the file, ready to swap for your own.

No props.

## Keyboard interactions

| Keys | Action |
| --- | --- |
| ← / → | Switch schedule days |
| Tab | Move through speakers, tickets and FAQ |

## Accessibility

- The schedule is an ordered list per day; day tabs use aria-selected; ticket prices are text.

## Motion

- The title rises; the countdown flips; speaker cards lift on hover; schedule days slide.

## Responsive behavior

- Every section stacks on phones; the header collapses into a menu below 768px.
- Tested from 320px to 1920px.

## Performance

- Section animations start when they scroll into view and run once.
- No data fetching: copy and sample data live in the file.

## Notes for AI

- Installs with landing-kit.tsx (the shared header and section heading); edit the header links there or via props.
- Replace gradient speaker portraits with photos and alt text.

## Related

- [Flip clock](https://lodeui.com/components/flip-clock) — Split-flap countdown where every digit flips like a departures board.
- [Tabs](https://lodeui.com/components/tabs) — Underline or pill tabs with an indicator that glides between them.
- [FAQ section](https://lodeui.com/blocks/faq-section) — Searchable FAQ with category filters, an accordion and a contact fallback.
- [Grid pattern](https://lodeui.com/components/grid-pattern) — A technical grid background where a few cells gently light up.