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,6 +31,7 @@ export default function Home() {
         {/*  <h1 id="home-title">{siteConfig.title}</h1>*/}
         {/*</div>*/}
 
+        <div className="home-content">
           <div className="service-grid" aria-label="Services disponibles">
             <HomeElement
               title="Momostreaming"
@@ -74,6 +75,7 @@ export default function Home() {
               <AstroneerIcon />
             </HomeElement>
           </div>
+        </div>
       </section>
     </main>
   );