misterkirill/music-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: improve design, add links

Browse Source
This commit is contained in:
Kirill Siukhin 2025-07-15 16:51:52 +05:00
parent 0da45f4bb2
commit 637b79b673
2 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/EndeavorBg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 390 KiB

24
src/app/page.tsx
View File

@ -2,17 +2,29 @@ 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 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>
<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>
</div>
<footer className="mt-auto bg-gray-600 w-full text-center py-3">
<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>