From c8a75cb64afaed7f2db1ced502d41cf1f5abd660 Mon Sep 17 00:00:00 2001
From: Leon Morival <leon.morival@gmail.com>
Date: Sun, 19 Jul 2026 20:45:35 +0200
Subject: [PATCH] feat: navbar on top

---
 app/globals.css | 15 +++++++--
 app/page.tsx    | 82 +++++++++++++++++++++++++------------------------
 2 files changed, 55 insertions(+), 42 deletions(-)

diff --git a/app/globals.css b/app/globals.css
index 27bc450..94ba4e9 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -329,10 +329,18 @@ svg {
   line-height: 1.45;
 }
 
+.home-content {
+  display: flex;
+  flex: 1 1 auto;
+  width: 100%;
+  padding: 0;
+  align-items: center;
+}
+
 .service-grid {
   display: grid;
   width: min(1120px, 100%);
-  margin-top: 48px;
+  margin: 0;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 32px;
 }
@@ -1395,6 +1403,10 @@ h2.pixel-heading {
     padding: 0 12px;
   }
 
+  .home-content {
+    padding: 34px 0 0;
+  }
+
   .brand-lockup {
     font-size: 1rem;
   }
@@ -1419,7 +1431,6 @@ h2.pixel-heading {
 
   .service-grid {
     grid-template-columns: 1fr;
-    margin-top: 34px;
   }
 
   .service-card {
diff --git a/app/page.tsx b/app/page.tsx
index c452ef8..831ef5f 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -10,7 +10,7 @@ import { astroneerServer, siteConfig } from "./lib/server-config";
 export default function Home() {
   return (
     <main className="stellar-page home-page">
-      <section className="home-shell lg:justify-center" aria-label="Services privés de Leon">
+      <section className="home-shell" aria-label="Services privés de Leon">
         <nav className="home-nav" aria-label="Navigation principale">
           <Link href="/" className="brand-lockup" aria-label="Accueil">
             <span className="brand-mark">L</span>
@@ -31,48 +31,50 @@ export default function Home() {
         {/*  <h1 id="home-title">{siteConfig.title}</h1>*/}
         {/*</div>*/}
 
-        <div className="service-grid" aria-label="Services disponibles">
-          <HomeElement
-            title="Momostreaming"
-            description="Films et Séries"
-            href={siteConfig.jellyfinUrl}
-            actionLabel="Ouvrir"
-            variant="jellyfin"
-            external
-          >
-            <StreamingIcon />
-          </HomeElement>
+        <div className="home-content">
+          <div className="service-grid" aria-label="Services disponibles">
+            <HomeElement
+              title="Momostreaming"
+              description="Films et Séries"
+              href={siteConfig.jellyfinUrl}
+              actionLabel="Ouvrir"
+              variant="jellyfin"
+              external
+            >
+              <StreamingIcon />
+            </HomeElement>
 
-          <HomeElement
-            title="Seerr"
-            description="Demandes de films et séries."
-            href={siteConfig.seerrUrl}
-            actionLabel="Ouvrir"
-            variant="seerr"
-            external
-          >
-            <JellyseerrIcon />
-          </HomeElement>
+            <HomeElement
+              title="Seerr"
+              description="Demandes de films et séries."
+              href={siteConfig.seerrUrl}
+              actionLabel="Ouvrir"
+              variant="seerr"
+              external
+            >
+              <JellyseerrIcon />
+            </HomeElement>
 
-          <HomeElement
-            title="Minecraft"
-            description="Infos, statut et carte live du monde."
-            href={siteConfig.minecraftPath}
-            actionLabel="Voir le serveur"
-            variant="minecraft"
-          >
-            <MinecraftIcon />
-          </HomeElement>
+            <HomeElement
+              title="Minecraft"
+              description="Infos, statut et carte live du monde."
+              href={siteConfig.minecraftPath}
+              actionLabel="Voir le serveur"
+              variant="minecraft"
+            >
+              <MinecraftIcon />
+            </HomeElement>
 
-          <HomeElement
-            title={astroneerServer.name}
-            description="Infos et adresse du serveur dédié."
-            href={siteConfig.astroneerPath}
-            actionLabel="Voir le serveur"
-            variant="astroneer"
-          >
-            <AstroneerIcon />
-          </HomeElement>
+            <HomeElement
+              title={astroneerServer.name}
+              description="Infos et adresse du serveur dédié."
+              href={siteConfig.astroneerPath}
+              actionLabel="Voir le serveur"
+              variant="astroneer"
+            >
+              <AstroneerIcon />
+            </HomeElement>
+          </div>
         </div>
       </section>
     </main>