import Link from "next/link";

export const metadata = {
	title: "ZEN",
	description: "Un CMS simple et rapide.",
};

export default function Page() {
	return (
		<main className="min-h-screen font-mono flex items-center justify-center p-8">
			<div className="max-w-xl w-full flex flex-col gap-6">
				
				<div className="-mt-12 mb-12 w-full flex items-center justify-center">
					<img src="/favicon.ico" className="max-w-8"/>
				</div>

				<h1 className="text-black dark:text-white text-2xl font-light tracking-[10px] text-center ml-[10px]">
					ZEN
				</h1>

				<p className="text-sm leading-relaxed text-neutral-600 dark:text-neutral-400 text-center">
					Un CMS Next.js construit sur l'essentiel.
				</p>

				<p className="text-sm leading-relaxed text-neutral-600 dark:text-neutral-400 text-center">
					Votre site prend forme ici. Ajoutez du contenu, personnalisez la structure, et publiez ce que vous voulez construire.
				</p>

				<div className="text-xs flex gap-x-6 gap-y-2 items-center justify-center flex-wrap">
					<Link href="https://git.hyko.cx/zen/core" target="_blank" rel="noopener noreferrer" className="text-neutral-500 hover:text-black dark:hover:text-white transition-colors">
						code source ↗
					</Link>
					<Link href="/admin" className="text-neutral-500 hover:text-black dark:hover:text-white transition-colors">
						admin ↗
					</Link>
				</div>
			</div>
		</main>
	);
}