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

plans

Browse Source
This commit is contained in:
Sérgio Rafael Siqueira
2025-04-28 21:11:53 -03:00
parent b9ddc274f0
commit 969d4d1e96
2 changed files with 56 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3,9 +3,54 @@ import Container from "~/components/Container.astro";
---
<Container id="planos">
<div class="flex gap-2.5 min-h-72 w-4/6 mx-auto">
<div class="border border-white/10 p-5 rounded-2xl w-3/6">Plan A</div>
<div class="text-black bg-lime-400 p-5 rounded-2xl w-3/6">Plan B</div>
<div class="border border-white/10 p-5 rounded-2xl w-3/6">Plan C</div>
</div>
<section class="grid grid-cols-3 gap-5 min-h-92 w-4/6 mx-auto">
<div
class="bg-white/10 p-10 rounded-xl flex flex-col hover:outline outline-lime-400 outline-offset-3"
>
<h1>Plan A</h1>
<ul class="list-disc list-inside">
<li>Lorem ipsum</li>
<li>Lorem ipsum</li>
<li>Lorem ipsum</li>
</ul>
<a
href="#"
class="font-medium bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block mt-auto text-center"
>
Contratar
</a>
</div>
<div
class="bg-white/10 p-10 rounded-xl flex flex-col hover:outline outline-lime-400 outline-offset-3"
>
<h1>Plan A</h1>
<ul class="list-disc list-inside">
<li>Lorem ipsum</li>
<li>Lorem ipsum</li>
<li>Lorem ipsum</li>
</ul>
<a
href="#"
class="font-medium bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block mt-auto text-center"
>
Contratar
</a>
</div>
<div
class="bg-white/10 p-10 rounded-xl flex flex-col hover:outline outline-lime-400 outline-offset-3"
>
<h1>Plan A</h1>
<ul class="list-disc list-inside">
<li>Lorem ipsum</li>
<li>Lorem ipsum</li>
<li>Lorem ipsum</li>
</ul>
<a
href="#"
class="font-medium bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block mt-auto text-center"
>
Contratar
</a>
</div>
</section>
</Container>

7
superpage/src/pages/[slug].astro
View File

@@ -106,7 +106,12 @@ const { Content } = await render(course);
href="#"
class="text-black font-semibold bg-lime-400 rounded p-2.5 max-lg:text-center hover:bg-white hover:text-black"
>
Contratar R${data.course.unit_price} p/ matrícula
Contratar {
new Intl.NumberFormat("pt-BR", {
style: "currency",
currency: "BRL",
}).format(data.course.unit_price)
} p/ matrícula
</a>
<a
href="#planos"