sergio/saladeaula.digital
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

wip form

Browse Source
This commit is contained in:
Sérgio Rafael Siqueira
2025-04-30 11:20:41 -03:00
parent 3db2081a27
commit 8b80dc41eb
4 changed files with 45 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
superpage/src/components/Course/Plans.astro
View File

@@ -3,21 +3,27 @@ import Container from "~/components/Container.astro";
import Form from "./Contact.jsx";
---
<div>
<div class="relative z-40" style="display: none;">
<div class="fixed inset-0 bg-gray-900/20 backdrop-blur backdrop-filter">
</div>
<div class="fixed inset-0 overflow-y-auto">
<div class="flex justify-center items-center h-full max-lg:p-2.5">
<div
class="lg:w-1/4 bg-black p-5 lg:p-12 rounded-2xl border border-white/15 space-y-5 drop-shadow"
>
<h1 class="text-3xl lg:text-4xl font-medium">
Preencha os dados da sua empresa
</h1>
<Form client:load />
</div>
<div
x-data="{ open: false }"
x-on:keydown.esc.prevent.stop="open = false"
x-effect="document.body.classList.toggle('overflow-hidden', open)"
>
<div style="display: none;" x-show="open">
<div
class="fixed inset-0 flex justify-center items-center p-2.5 z-40 overflow-y-auto"
>
<div
x-on:click="open = false"
class="fixed inset-0 bg-gray-900/20 backdrop-blur backdrop-filter"
>
</div>
<div
class="lg:w-1/4 bg-black p-5 lg:p-12 rounded-2xl border border-white/15 space-y-5 drop-shadow"
>
<h1 class="text-3xl lg:text-4xl font-medium">
Preencha os dados da sua empresa
</h1>
<Form client:load />
</div>
</div>
</div>
@@ -48,12 +54,12 @@ import Form from "./Contact.jsx";
Ideal para empresas que treinam continuamente e precisam
de agilidade.
</p>
<a
href="#"
<button
x-on:click="open = true"
class="font-semibold bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block text-center transition"
>
Saiba mais
</a>
</button>
</div>
<div
class="bg-white/5 hover:scale-105 hover:bg-white/10 border border-white/15 p-4 lg:p-10 rounded-xl flex flex-col space-y-5 transform transition duration-200"
@@ -76,12 +82,12 @@ import Form from "./Contact.jsx";
<p class="mt-auto">
Solução sob medida, direto no seu ambiente de trabalho.
</p>
<a
href="#"
<button
x-on:click="open = true"
class="font-semibold bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block text-center transition"
>
Saiba mais
</a>
</button>
</div>
<div
class="bg-white/5 hover:scale-105 hover:bg-white/10 border border-white/15 p-4 lg:p-10 rounded-xl flex flex-col space-y-5 transform transition duration-200"
@@ -102,12 +108,12 @@ import Form from "./Contact.jsx";
<p class="mt-auto">
Seu time com o nosso conteúdo, na sua plataforma.
</p>
<a
href="#"
<button
x-on:click="open = true"
class="font-semibold bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block text-center transition"
>
Saiba mais
</a>
</button>
</div>
</div>
</section>

3
superpage/src/styles/app.css
View File

@@ -8,7 +8,8 @@
html,
body {
@apply text-white bg-black scroll-pt-22 lg:scroll-pt-32 antialiased;
@apply text-white bg-black antialiased;
@apply scroll-pt-22 lg:scroll-pt-32;
}
/* Pagefind */