units-ui/app/page.tsx

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

export default function Home() {
  return (
    <div className="min-h-screen bg-background">
      <main className="container mx-auto px-4 py-8">
        <header className="text-center mb-12">
          <h1 className="text-5xl font-bold mb-4 bg-gradient-to-r from-blue-600 to-indigo-600 bg-clip-text text-transparent">
            Unit Converter
          </h1>
          <p className="text-lg text-muted-foreground">
            Convert between 187 units across 23 measurement categories
          </p>
        </header>

        <MainConverter />
      </main>
    </div>
  );
}