From 666828898ffec7d49e5b6abc2639a9a5e43ce701 Mon Sep 17 00:00:00 2001
From: Muhammad Ahmad Shahid <mahmads0323@gmail.com>
Date: Tue, 6 May 2025 21:47:28 +0500
Subject: [PATCH] fix: semantics in root

---
 app/root.tsx | 136 +++++++++++++++++++++++++--------------------------
 1 file changed, 68 insertions(+), 68 deletions(-)
diff --git a/app/root.tsx b/app/root.tsx
index 7ffa1a3..7597a71 100644
--- a/app/root.tsx
+++ b/app/root.tsx
@@ -56,78 +56,78 @@ export function Layout({ children }: { children: React.ReactNode }) {
         <Links />
       </head>
       <body>
-        <div className="min-h-screen bg-gradient-to-b from-gray-50 to-gray-100 dark:from-gray-900 dark:to-gray-950 flex flex-col">
-          <header className="sticky top-0 z-10 bg-white/90 dark:bg-[#2f3241]/90 backdrop-blur-md border-b border-gray-200 dark:border-[#9feaf9]/10">
-            <div className="container mx-auto px-4 py-4 flex items-center justify-between flex flex-col sm:flex-row gap-4">
-              <div className="flex items-center gap-2">
-                <Logo className="w-6 h-6 text-[#2f3241] dark:text-[#9feaf9]" />
-                <Link to="/" prefetch="intent">
-                  <h1 className="text-xl font-semibold text-[#2f3241] dark:text-white">
-                    Electron Releases
-                  </h1>
-                </Link>
-              </div>
-              <nav className="flex items-center gap-6">
-                {nav.map((item) => (
-                  <NavLink
-                    key={item.path}
-                    to={item.path}
-                    target={item.path.startsWith('/') ? undefined : '_blank'}
-                    rel={item.path.startsWith('/') ? undefined : 'noreferrer'}
-                    className={({ isActive, isPending }) =>
-                      `${
-                        isActive || isPending
-                          ? 'text-[#2f3241] dark:text-[#9feaf9] hover:text-[#47496b] dark:hover:text-white'
-                          : 'text-gray-600 dark:text-gray-300 hover:text-[#2f3241] dark:hover:text-white'
-                      } transition-colors text-sm font-medium flex items-center gap-1`
-                    }
-                    prefetch={item.path.startsWith('/') ? 'intent' : undefined}
-                  >
-                    {item.title}
-                  </NavLink>
-                ))}
-              </nav>
+        <header className="sticky top-0 z-10 bg-white/90 dark:bg-[#2f3241]/90 backdrop-blur-md border-b border-gray-200 dark:border-[#9feaf9]/10">
+          <div className="container mx-auto px-4 py-4 flex items-center justify-between flex flex-col sm:flex-row gap-4">
+            <div className="flex items-center gap-2">
+              <Logo className="w-6 h-6 text-[#2f3241] dark:text-[#9feaf9]" />
+              <Link to="/" prefetch="intent">
+                <h1 className="text-xl font-semibold text-[#2f3241] dark:text-white">
+                  Electron Releases
+                </h1>
+              </Link>
             </div>
-          </header>
+            <nav className="flex items-center gap-6">
+              {nav.map((item) => (
+                <NavLink
+                  key={item.path}
+                  to={item.path}
+                  target={item.path.startsWith('/') ? undefined : '_blank'}
+                  rel={item.path.startsWith('/') ? undefined : 'noreferrer'}
+                  className={({ isActive, isPending }) =>
+                    `${
+                      isActive || isPending
+                        ? 'text-[#2f3241] dark:text-[#9feaf9] hover:text-[#47496b] dark:hover:text-white'
+                        : 'text-gray-600 dark:text-gray-300 hover:text-[#2f3241] dark:hover:text-white'
+                    } transition-colors text-sm font-medium flex items-center gap-1`
+                  }
+                  prefetch={item.path.startsWith('/') ? 'intent' : undefined}
+                >
+                  {item.title}
+                </NavLink>
+              ))}
+            </nav>
+          </div>
+        </header>
 
-          <main className="container mx-auto px-4 py-12 flex-1">{children}</main>
+        <main className=" mx-auto px-4 py-12 flex-1 bg-gradient-to-b from-gray-50 to-gray-100 dark:from-gray-900 dark:to-gray-950">
+          {children}
+        </main>
 
-          <footer className="container mx-auto px-4 py-8 mt-4 border-t border-gray-200 dark:border-gray-800">
-            <div className="max-w-4xl mx-auto flex flex-col md:flex-row items-center justify-between gap-4">
-              <div className="flex items-center gap-2">
-                <span className="text-sm text-gray-500 dark:text-gray-400">
-                  Provided with ❤️ by Electron
-                </span>
-              </div>
-              <div className="flex items-center gap-6">
-                <Link
-                  to="https://github.com/electron/electron"
-                  target="_blank"
-                  rel="noreferrer"
-                  className="text-gray-500 hover:text-[#2f3241] dark:text-gray-400 dark:hover:text-white transition-colors text-sm"
-                >
-                  GitHub
-                </Link>
-                <Link
-                  to="https://electronjs.org"
-                  target="_blank"
-                  rel="noreferrer"
-                  className="text-gray-500 hover:text-[#2f3241] dark:text-gray-400 dark:hover:text-white transition-colors text-sm"
-                >
-                  Website
-                </Link>
-                <Link
-                  to="https://bsky.app/profile/electronjs.org"
-                  target="_blank"
-                  rel="noreferrer"
-                  className="text-gray-500 hover:text-[#2f3241] dark:text-gray-400 dark:hover:text-white transition-colors text-sm"
-                >
-                  Bluesky
-                </Link>
-              </div>
+        <footer className="mx-auto px-4 py-8 border-t border-gray-200 dark:border-gray-800 bg-gradient-to-b from-gray-50 to-gray-100 dark:from-gray-900 dark:to-gray-950">
+          <div className="max-w-4xl mx-auto flex flex-col md:flex-row items-center justify-between gap-4">
+            <div className="flex items-center gap-2">
+              <span className="text-sm text-gray-500 dark:text-gray-400">
+                Provided with ❤️ by Electron
+              </span>
+            </div>
+            <div className="flex items-center gap-6">
+              <Link
+                to="https://github.com/electron/electron"
+                target="_blank"
+                rel="noreferrer"
+                className="text-gray-500 hover:text-[#2f3241] dark:text-gray-400 dark:hover:text-white transition-colors text-sm"
+              >
+                GitHub
+              </Link>
+              <Link
+                to="https://electronjs.org"
+                target="_blank"
+                rel="noreferrer"
+                className="text-gray-500 hover:text-[#2f3241] dark:text-gray-400 dark:hover:text-white transition-colors text-sm"
+              >
+                Website
+              </Link>
+              <Link
+                to="https://bsky.app/profile/electronjs.org"
+                target="_blank"
+                rel="noreferrer"
+                className="text-gray-500 hover:text-[#2f3241] dark:text-gray-400 dark:hover:text-white transition-colors text-sm"
+              >
+                Bluesky
+              </Link>
             </div>
-          </footer>
-        </div>
+          </div>
+        </footer>
         <ScrollRestoration />
         <Scripts />
       </body>
