import Button from "./components/Button";

export default function Home() {
  return (
    <div className="flex flex-col items-center justify-center min-h-[calc(100vh-100px)] p-8 text-center">
      <main className="flex flex-col gap-8 items-center">
        <h1 className="text-4xl font-bold text-white">Welcome to Musique</h1>
        <input
          type="text"
          placeholder="Type a song id..."
          className="bg-white text-black rounded-lg p-3 w-full max-w-md text-center placeholder-gray-500"
        />
        {/* TODO: Make this button go to the song page */}
        <Button>Go to Song</Button>
      </main>
    </div>
  );
}