import UploadZone from '@/components/UploadZone'

export default function Home() {
  return (
    <main className="min-h-screen bg-black-900 flex flex-col items-center justify-center p-6">
      <div className="w-full max-w-2xl mb-10 text-center">
        <h1 className="text-4xl font-bold tracking-tight mb-3 text-white">
          Upload GLTF
        </h1>
        <p className="text-gray-400 text-base leading-relaxed">
          Envoyer genere un GLB quand possible : plus performant, ideal pour la deco
          et les modeles simples.
          <br />
          Envoyer en GLTF garde des fichiers separes, moins optimises mais plus
          pratiques pour inspecter et bidouiller les noeuds.
          <br />
          A privilegier pour les packs de relance, ebikes, pylones et modeles
          que les devs doivent ajuster.
        </p>
      </div>

      <UploadZone />

      <footer className="mt-3 text-gray-500 text-xs text-center">
        Modeles : <span className="font-mono text-gray-400">.gltf</span>
        <span className="mx-2">·</span>
        Assets : <span className="font-mono text-gray-400">.bin · .png · .jpg · .webp</span>
      </footer>
    </main>
  )
}