import Image from "next/image";

export default function Home() {
  return (
    <div className="flex flex-col items-center h-screen bg-[url(/EndeavorBg.png)] text-white">
      <div className="flex flex-col md:flex-row items-center gap-12 my-auto bg-gray-500/20 rounded-xl p-8 w-full max-w-[50rem]">
        <Image src={"/Endeavor.jpg"} alt="Endeavor cover" className="rounded shadow-lg" 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>
      </div>

      <b>Kirill Siukhin</b>
      <div className="flex gap-x-6 flex-wrap">
        <a href="https://open.spotify.com/artist/3KFWoswTJ6GuEf9N1thuz2" className="hover:underline font-semibold">
          Spotify
        </a>
        <a href="https://music.yandex.ru/artist/22418905" className="hover:underline font-semibold">
          Yandex Music
        </a>
      </div>

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