This commit is contained in:
2025-04-30 16:40:08 -03:00
parent 9721972ebd
commit da63e1f302
2 changed files with 28 additions and 10 deletions

View File

@@ -5,9 +5,14 @@ import Contact from "./Contact.jsx";
---
<div
x-data="{ open: false }"
x-data="{ open: false, plan: null }"
x-on:keydown.esc.prevent.stop="open = false"
x-effect="document.body.classList.toggle('overflow-hidden', open)"
x-effect="document.body.classList.toggle('overflow-hidden', open);
if (plan) {
$refs.plan.dataset.plan = plan;
window.dispatchEvent(new CustomEvent('planUpdate', { detail: plan }));
}"
>
{/* Modal */}
<div style="display: none;" x-show="open">
@@ -35,6 +40,7 @@ import Contact from "./Contact.jsx";
<h1 class="text-3xl lg:text-4xl font-medium">
Preencha os dados da sua empresa
</h1>
<div x-ref="plan" id="plan-ref" data-plan=""></div>
<Contact url={Astro.request.url} client:load />
</div>
</div>
@@ -69,7 +75,7 @@ import Contact from "./Contact.jsx";
de agilidade.
</p>
<button
x-on:click="open = true"
x-on:click="open = true; plan = 'flexivel'"
class="cursor-pointer font-semibold bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block text-center transition"
>
Saiba mais
@@ -97,7 +103,7 @@ import Contact from "./Contact.jsx";
Solução sob medida, direto no seu ambiente de trabalho.
</p>
<button
x-on:click="open = true"
x-on:click="open = true; plan = 'incompany'"
class="cursor-pointer font-semibold bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block text-center transition"
>
Saiba mais
@@ -123,7 +129,7 @@ import Contact from "./Contact.jsx";
Seu time com o nosso conteúdo, na sua plataforma.
</p>
<button
x-on:click="open = true"
x-on:click="open = true; plan = 'conteudo'"
class="cursor-pointer font-semibold bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block text-center transition"
>
Saiba mais