feat: navbar on top

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 {

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">
+        <div className="home-content">
-          <HomeElement
+          <div className="service-grid" aria-label="Services disponibles">
-            title="Momostreaming"
+            <HomeElement
-            description="Films et Séries"
+              title="Momostreaming"
-            href={siteConfig.jellyfinUrl}
+              description="Films et Séries"
-            actionLabel="Ouvrir"
+              href={siteConfig.jellyfinUrl}
-            variant="jellyfin"
+              actionLabel="Ouvrir"
-            external
+              variant="jellyfin"
-          >
+              external
-            <StreamingIcon />
+            >
-          </HomeElement>
+              <StreamingIcon />
+            </HomeElement>
 
-          <HomeElement
+            <HomeElement
-            title="Seerr"
+              title="Seerr"
-            description="Demandes de films et séries."
+              description="Demandes de films et séries."
-            href={siteConfig.seerrUrl}
+              href={siteConfig.seerrUrl}
-            actionLabel="Ouvrir"
+              actionLabel="Ouvrir"
-            variant="seerr"
+              variant="seerr"
-            external
+              external
-          >
+            >
-            <JellyseerrIcon />
+              <JellyseerrIcon />
-          </HomeElement>
+            </HomeElement>
 
-          <HomeElement
+            <HomeElement
-            title="Minecraft"
+              title="Minecraft"
-            description="Infos, statut et carte live du monde."
+              description="Infos, statut et carte live du monde."
-            href={siteConfig.minecraftPath}
+              href={siteConfig.minecraftPath}
-            actionLabel="Voir le serveur"
+              actionLabel="Voir le serveur"
-            variant="minecraft"
+              variant="minecraft"
-          >
+            >
-            <MinecraftIcon />
+              <MinecraftIcon />
-          </HomeElement>
+            </HomeElement>
 
-          <HomeElement
+            <HomeElement
-            title={astroneerServer.name}
+              title={astroneerServer.name}
-            description="Infos et adresse du serveur dédié."
+              description="Infos et adresse du serveur dédié."
-            href={siteConfig.astroneerPath}
+              href={siteConfig.astroneerPath}
-            actionLabel="Voir le serveur"
+              actionLabel="Voir le serveur"
-            variant="astroneer"
+              variant="astroneer"
-          >
+            >
-            <AstroneerIcon />
+              <AstroneerIcon />
-          </HomeElement>
+            </HomeElement>
+          </div>
         </div>
       </section>
     </main>