feat: redesign public landing page with minimal terminal aesthetic

2026-04-15 17:33:42 -04:00
parent b4604f3803
commit e6c59b4997
2 changed files with 37 additions and 7 deletions
@@ -1,12 +1,42 @@
+import Link from "next/link";
+
 export const metadata = {
-	title: "",
-	description: "",
+	title: "ZEN",
+	description: "Un CMS simple et rapide.",
 };

 export default function Page() {
 	return (
-		<div>
-			<h1>Hello World</h1>
+		<main className="min-h-screen bg-white dark:bg-black text-black dark:text-white font-mono flex items-center justify-center p-8">
+			<div className="max-w-xl w-full space-y-6">
+				<div className="text-xs text-neutral-400 dark:text-neutral-500">
+					@zen/core ~ %
 				</div>
+
+				<h1 className="text-2xl font-light tracking-[10px]">
+					ZEN
+				</h1>
+
+				<p className="text-sm leading-relaxed text-neutral-600 dark:text-neutral-400">
+					Un CMS Next.js construit sur l'essentiel, rien de plus, rien de moins.
+				</p>
+
+				<p className="text-sm leading-relaxed text-neutral-600 dark:text-neutral-400">
+					Le projet est encore jeune. Beaucoup de choses arrivent. Si vous êtes là tôt, vous verrez grandir quelque chose.
+				</p>
+
+				<div className="text-xs flex gap-6">
+					<Link href="https://git.hyko.cx/zen/core" target="_blank" rel="noopener noreferrer" className="text-neutral-400 dark:text-neutral-500 hover:text-black dark:hover:text-white transition-colors">
+						code source ↗
+					</Link>
+					<Link href="/auth" className="text-neutral-400 dark:text-neutral-500 hover:text-black dark:hover:text-white transition-colors">
+						auth ↗
+					</Link>
+					<Link href="/admin" className="text-neutral-400 dark:text-neutral-500 hover:text-black dark:hover:text-white transition-colors">
+						admin ↗
+					</Link>
+				</div>
+			</div>
+		</main>
 	);
 }
@@ -9,11 +9,11 @@ export const metadata = {

 export default function RootLayout({ children }) {
 	return (
-		<html lang="fr">
+		<html lang="fr" suppressHydrationWarning>
 			<head>
 				<script dangerouslySetInnerHTML={{ __html: THEME_INIT_SCRIPT }} />
 			</head>
-			<body>
+			<body className="antialiased bg-white dark:bg-black">
 				<ZenProvider>
 					{children}
 				</ZenProvider>