fix: improved base layout with new elements

coderdiaz · coderdiaz · commit 48f17bf3fffe · 2025-04-18T01:58:59.000-06:00
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
@@ -1,18 +1,37 @@
 ---
 import '@/styles/global.css';
+import '@/assets/fonts/inter.css';
+import BannerFloat from '@/components/BannerFloat.astro';
+import Header from '@/components/partials/Header.astro';
+import Footer from '@/components/partials/Footer.astro';
+import SwitchTheme from '@/components/SwitchTheme.tsx';
 ---
 
-<html lang="en" class="dark">
+<html lang="en">
   <head>
     <meta charset="utf-8" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="viewport" content="width=device-width" />
     <meta name="generator" content={Astro.generator} />
     <title>Astro</title>
+    <script is:inline>
+      // Prevent FOUC by applying theme before page renders
+      (function() {
+        const theme = localStorage.getItem('theme') || 
+          (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
+        if (theme === 'dark') {
+          document.documentElement.classList.add('dark');
+        }
+      })();
+    </script>
   </head>
-  <body class="bg-background text-foreground">
+  <body class="bg-background text-foreground py-8 pb-12">
+    <Header />
     <main>
       <slot />
     </main>
+    <Footer />
+    <SwitchTheme client:load />
+    <BannerFloat />
   </body>
 </html>
