add

superpage/src/components/Course/BuyDropdown.astro

@@ -5,7 +5,7 @@
         <slot name="label" />
     </summary>
     <div
-        class="absolute right-0 top-full translate-y-1 bg-stone-900 p-2.5 border border-white/15 min-w-56 rounded-lg shadow drop-shadow"
+        class="absolute right-0 top-full translate-y-1 bg-stone-900 border border-white/15 min-w-74 rounded-lg shadow drop-shadow"
     >
         <slot />
     </div>

superpage/src/components/Course/HeaderNav.astro

@@ -9,7 +9,7 @@ const courses = await getCollection(
     ({ data }) => data.draft != true,
 );
 
-const { title } = Astro.props;
+const { title, course } = Astro.props;
 ---
 
 <nav class="sticky top-0 z-10 bg-lime-400 py-3 drop-shadow shadow-sm">
@@ -27,8 +27,18 @@ const { title } = Astro.props;
 
         <BuyDropdown class="ml-auto">
             <Fragment slot="label">Contratar agora</Fragment>
-            <ul>
-                <li>...</li>
+            <ul class="divide-y divide-white/10">
+                <li class="uppercase py-2.5 px-5">EDUSEG&reg; Flexível</li>
+                <li class="uppercase py-2.5 px-5">EDUSEG&reg; In-Company</li>
+                <li class="uppercase py-2.5 px-5">EDUSEG&reg; Conteúdo</li>
+                <li class="py-2.5 px-5">
+                    Contratar {
+                        new Intl.NumberFormat("pt-BR", {
+                            style: "currency",
+                            currency: "BRL",
+                        }).format(course.unit_price)
+                    } p/ matrícula
+                </li>
             </ul>
         </BuyDropdown>
     </Container>

superpage/src/components/Course/Solutions.astro

@@ -30,7 +30,9 @@ import Modal from "~/components/Modal.astro";
                 <h2 class="text-xl/6 font-semibold">
                     Catálogo completo sempre à sua disposição
                 </h2>
-                <ul class="list-disc max-lg:pl-3.5 space-y-1.5 text-sm/5">
+                <ul
+                    class="list-disc max-lg:pl-3.5 space-y-1.5 text-sm/5 marker:text-lime-400"
+                >
                     <li>Acesse todos os cursos imediatamente</li>
                     <li>Pague apenas pelo que usar, mês a mês</li>
                     <li>Gestão e autonomia direto pela plataforma</li>
@@ -58,7 +60,9 @@ import Modal from "~/components/Modal.astro";
                 <h2 class="text-xl/6 font-semibold">
                     Treinamento presencial na sua empresa
                 </h2>
-                <ul class="list-disc max-lg:pl-3.5 space-y-1.5 text-sm/5">
+                <ul
+                    class="list-disc max-lg:pl-3.5 space-y-1.5 text-sm/5 marker:text-lime-400"
+                >
                     <li>Atendemos nas principais cidades do Brasil</li>
                     <li>Instrutores especialistas com vivência prática</li>
                     <li>Ideal para grandes turmas ou treinamentos práticos</li>
@@ -85,7 +89,9 @@ import Modal from "~/components/Modal.astro";
                 <h2 class="text-xl/6 font-semibold">
                     Leve nosso conteúdo para sua plataforma
                 </h2>
-                <ul class="list-disc max-lg:pl-3.5 space-y-1.5 text-sm/5">
+                <ul
+                    class="list-disc max-lg:pl-3.5 space-y-1.5 text-sm/5 marker:text-lime-400"
+                >
                     <li>Customização completa com sua identidade visual</li>
                     <li>Entregamos em formato SCORM para qualquer LMS</li>
                     <li>Ideal para empresas com ambiente EAD próprio</li>
@@ -104,3 +110,7 @@ import Modal from "~/components/Modal.astro";
         </div>
     </section>
 </Container>
+
+<script is:inline>
+    console.log(window);
+</script>