move dir

superpage/src/pages/index.astro

@@ -0,0 +1,77 @@
+---
+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>
+    <Container className="lg:space-y-5 lg:p-3">
+        <!-- <div class="max-lg:px-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>
+
+        <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>
+
+        <section class="grid lg:grid-cols-2 gap-6 p-3">
+            <div class="flex items-center justify-center">
+                <div class="space-y-3">
+                    <h4 class="font-medium text-4xl">Solicite um orçamento</h4>
+                    <p>
+                        Quer saber como podemos capacitar sua equipe?<br
+                            class="max-lg:hidden"
+                        />
+                        Fale com nossa equipe e receba uma proposta personalizada.
+                    </p>
+                </div>
+            </div>
+
+            <Card color="zinc" className="rounded-xl p-4">
+                <Form client:load />
+            </Card>
+        </section>
+    </Container>
+</Layout>