update contact

superpage/src/components/Course/Plans.astro

@@ -1,8 +1,9 @@
 ---
 import Container from "~/components/Container.astro";
+import Form from "./Contact.jsx";
 ---
 
-<Container id="planos">
+<Container id="modelos" {...Astro.props}>
     <section class="space-y-5 lg:space-y-10 xl:w-4/6 mx-auto">
         <h1 class="text-pretty text-4xl lg:text-6xl">
             Modelos de contratação para sua empresa
@@ -90,3 +91,21 @@ import Container from "~/components/Container.astro";
         </div>
     </section>
 </Container>
+
+<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>
+    </div>
+</div>