import { FileUploader } from './components/FileUploader'
import { LanguageSelector } from './components/LanguageSelector'
import { FormatSelector } from './components/FormatSelector'
import { Features } from './components/Features'
import { Footer } from './components/Footer'
import { SettingsButton } from './components/SettingsButton'

export default function Home() {
  return (
    <div className="min-h-screen flex flex-col bg-gradient-to-br from-indigo-100 via-purple-50 to-pink-100">
      <main className="flex-grow">
        <div className="container mx-auto px-4 py-12 max-w-5xl">
          <div className="text-center mb-12 relative">
            <h1 className="text-5xl font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-indigo-600 to-purple-600 mb-4">
              PDF Converter Pro
            </h1>
            <p className="text-xl text-gray-600 mb-4">
              Convert PDFs to editable documents with AI-powered multi-language support
            </p>
            <SettingsButton />
          </div>

          <div className="bg-white rounded-3xl shadow-2xl p-8 mb-12">
            <FileUploader />

            <div className="grid grid-cols-1 md:grid-cols-2 gap-6 mt-8">
              <LanguageSelector />
              <FormatSelector />
            </div>
          </div>

          <Features />
        </div>
      </main>

      <Footer />
    </div>
  )
}