import Image from "next/image";

export default function Home() {
  return (
    <div className="flex flex-col items-center h-screen bg-gray-700 text-white">
      <main className="flex flex-col md:flex-row items-center gap-6 my-auto">
        <Image src={"/Endeavor.jpg"} alt="Endeavor cover" className="rounded" width={300} height={300} />
        <div className="flex flex-col items-center md:items-start">
          <b className="text-2xl">Endeavor</b>
          <i className="text-lg mb-6">Coming July 25th</i>
          <a href="https://band.link/KSEndeavor" className="bg-gray-500 hover:bg-gray-600 rounded-full px-3 py-2 font-bold">Presave Now!</a>
        </div>
      </main>

      <footer className="mt-auto bg-gray-600 w-full text-center py-3">
        Copyright &copy; 2025 Kirill Siukhin<br />
        <a href="mailto:kirillsiukhin@proton.me" className="hover:underline">kirillsiukhin@proton.me</a>
      </footer>
    </div>
  );
}
