Conference landingPro
An event landing page: countdown, speakers, day-by-day schedule, tickets and FAQ.
What's inside
- Countdown
- Speakers grid
- Day-by-day schedule
- Tickets and FAQ
When to use
- Conferences, meetups, workshops and launches.
When not to use
- Recurring classes: use a calendar-based page.
Installation
Usage
Import it from @/components/templates/conference-landing after installing. It ships with sample data, so it renders straight away; swap in your own data when you're ready.
// app/page.tsx
import { ConferenceLanding } from "@/components/templates/conference-landing";
export default function Page() {
return <ConferenceLanding />;
}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 |
|---|---|
| ←or→ | 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.
This page as Markdown, for assistants and coding agents:
/templates/conference-landing/markdownThe full library index for assistants is at /llms.txt.
Lode222 doc pagesllms.txt