add nav and footer

eduseg/src/pages/index.astro

@@ -1,16 +1,63 @@
 ---
-import Welcome from "../components/Welcome.astro";
-import { Regular } from "../components/Logo.jsx";
-import Layout from "../layouts/Layout.astro";
-
-// Welcome to Astro! Wondering what to do next? Check out the Astro documentation at https://docs.astro.build
-// Don't want to use any of this? Delete everything in this file, the `assets`, `components`, and `layouts` directories, and start fresh.
+import { Bookmark } from "@components/Bookmark";
+import { Card } from "@components/Card";
+import { Container } from "@components/Container";
+import { Form } from "@components/Form";
+import Layout from "@layouts/Layout.astro";
 ---
 
 <Layout>
-    <div class="mt-2.5 lg:mt-5">
-        <Regular className="w-46" />
-    </div>
+    <Container className="lg:space-y-5">
+        <div class="max-lg:p-5">
+            <Bookmark className="h-96" />
+        </div>
+        <Card>
+            <p>
+                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam
+                quis mattis tortor, sit amet mollis lorem. In imperdiet, ante
+                sit amet maximus dictum, est elit ultrices lacus, in placerat
+                ante risus vel massa. Maecenas porta purus non feugiat
+                venenatis. Sed tempus quam id commodo interdum. Aliquam id
+                ullamcorper diam. Morbi a porttitor tellus. Fusce viverra
+                euismod laoreet. Cras id sapien quis orci rutrum lacinia. Donec
+                vitae libero at felis auctor blandit commodo sed libero. Aliquam
+                tellus risus, sagittis a libero eget, hendrerit feugiat mauris.
+                Ut vehicula id est non iaculis. Suspendisse potenti. Maecenas in
+                tellus risus. Proin quis libero et ero s ullamcorper faucibus
+                non vitae lacus. Vestibulum at ultricies sem, vel euismod dolor.
+            </p><p>
+                In tempor vel felis ut imperdiet. Pellentesque ac vulputate
+                lorem, id pellentesque velit. Sed rutrum, nisi vel convallis
+                rhoncus, ex mi vulputate leo, id hendrerit ipsum sapien in
+                dolor. Nullam auctor eu nunc sed euismod. Donec molestie velit
+                nec est bibendum pulvinar. Nullam mattis mollis neque, nec
+                cursus mi iaculis et. Morbi tempus purus sit amet orci pulvinar
+                accumsan. Fusce mattis, nisl ac fringilla euismod, orci odio
+                condimentum sapien, a convallis lacus diam et libero. Nunc non
+                urna a orci eleifend porttitor in eget nisi. Ut scelerisque
+                egestas hendrerit. Aenean in tortor cursus, lobortis dolor
+                iaculis, dignissim velit. Nulla facilisi.
+            </p>
+        </Card>
 
-    <Welcome />
+        <Card color="darker">
+            <p>
+                In tempor vel felis ut imperdiet. Pellentesque ac vulputate
+                lorem, id pellentesque velit. Sed rutrum, nisi vel convallis
+                rhoncus, ex mi vulputate leo, id hendrerit ipsum sapien in
+                dolor. Nullam auctor eu nunc sed euismod. Donec molestie velit
+                nec est bibendum pulvinar. Nullam mattis mollis neque, nec
+                cursus mi iaculis et. Morbi tempus purus sit amet orci pulvinar
+                accumsan. Fusce mattis, nisl ac fringilla euismod, orci odio
+                condimentum sapien, a convallis lacus diam et libero. Nunc non
+                urna a orci eleifend porttitor in eget nisi. Ut scelerisque
+                egestas hendrerit. Aenean in tortor cursus, lobortis dolor
+                iaculis, dignissim velit. Nulla facilisi.
+            </p>
+        </Card>
+
+        <Card color="yellow">
+            <Form client:load />
+        </Card>
+    </Container>
 </Layout>