---
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>
