Container

import { Container } from '@/components/site/Container'

<Container className="relative py-28 text-center">
  <Reveal>
    <h2 className="mono mx-auto max-w-3xl text-display-md font-medium leading-display tracking-heading lg:text-display-2xl">
      <span className="whitespace-nowrap">Beautiful pages.</span>{' '}
      <span className="whitespace-nowrap">One system.</span>
      <br />
      <span className="whitespace-nowrap text-[var(--fg-dim)]">Docs included.</span>
    </h2>
  </Reveal>
  <Reveal delay={0.1}>
    <div className="mono mx-auto mt-10 inline-flex max-w-full items-center gap-3 overflow-x-auto rounded-md border border-[var(--border-strong)] bg-[var(--surface)] px-4 py-3 text-ui shadow-cta">
      <span className="text-[var(--accent)]">$</span>
      <span className="whitespace-nowrap text-[var(--foreground)]">{INSTALL}</span>
      <CopyChip text={INSTALL} />
    </div>
  </Reveal>
  <Reveal delay={0.2}>
    <div className="mono mt-6 text-caption text-[var(--fg-dim)]">
      MIT · open source · Next.js + Claude Code
    </div>
  </Reveal>
</Container>