add nav and footer

2025-03-16 17:11:17 -03:00
parent d4bb54017d
commit bfc1114090
11 changed files with 206 additions and 60 deletions
--- a/eduseg/src/layouts/Layout.astro
+++ b/eduseg/src/layouts/Layout.astro
@@ -1,5 +1,7 @@
 ---
 import "../styles/app.css";
+import { Regular as Logo } from "@components/Logo";
+import { Container } from "@components/Container";
 ---

 <!doctype html>
@@ -11,9 +13,25 @@ import "../styles/app.css";
        <meta name="generator" content={Astro.generator} />
        <title>EDUSEG&reg;</title>
    </head>
+
    <body>
-        <div class="max-w-7xl mx-auto px-2.5 space-y-2.5 lg:space-y-5">
-            <slot />
-        </div>
+        <nav class="bg-green-primary sticky top-0">
+            <Container className="flex items-center py-5 max-lg:px-5">
+                <Logo className="h-8" />
+            </Container>
+        </nav>
+
+        <slot />
+
+        <footer class="bg-green-primary p-5 lg:py-10">
+            <Container>
+                <div class="space-y-1">
+                    <Logo className="h-8" />
+                    <p class="text-sm text-green-tertiary leading-4">
+                        Educação que garante<br />sua segurança.
+                    </p>
+                </div>
+            </Container>
+        </footer>
    </body>
 </html>