import MainConverter from '@/components/units/converter/MainConverter';

export default function UnitsPage() {
  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">Units Converter</h1>
          <p className="text-muted-foreground">
            Smart unit converter with 187 units across 23 categories
          </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">Ctrl+K</kbd>
            <span>Command Palette</span>
            <kbd className="px-2 py-1 bg-muted rounded border ml-3">ESC</kbd>
            <span>Close Dialogs</span>
          </div>
        </div>
        <MainConverter />
      </div>
    </div>
  );
}