import { FigletConverter } from '@/components/figlet/FigletConverter';

export default function FigletPage() {
  return (
    <div className="min-h-screen py-12">
      <div className="max-w-7xl mx-auto px-8 space-y-8">
        <div>
          <h1 className="text-4xl font-bold mb-2">Figlet ASCII</h1>
          <p className="text-muted-foreground">
            ASCII Art Text Generator with 373 Fonts
          </p>
          <div className="mt-3 flex flex-wrap gap-2 text-xs text-muted-foreground">
            <kbd className="px-2 py-1 bg-muted rounded border">/</kbd>
            <span>Focus Search</span>
            <kbd className="px-2 py-1 bg-muted rounded border ml-3">ESC</kbd>
            <span>Clear Search</span>
          </div>
        </div>
        <FigletConverter />
      </div>
    </div>
  );
}
