export default function Home() {
  return (
    <div className="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 dark:from-gray-900 dark:to-gray-800">
      <main className="container mx-auto px-4 py-8">
        <div className="max-w-4xl mx-auto">
          <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-gray-600 dark:text-gray-300">
              Convert between 187 units across 23 measurement categories
            </p>
          </header>

          <div className="bg-white dark:bg-gray-800 rounded-2xl shadow-2xl p-8">
            <p className="text-center text-gray-500 dark:text-gray-400">
              Coming soon: Real-time bidirectional conversion with innovative UX
            </p>
          </div>
        </div>
      </main>
    </div>
  );
}