diff --git a/superpage/src/components/Course/Plans.astro b/superpage/src/components/Course/Plans.astro
index e496a6d..37ea57f 100644
--- a/superpage/src/components/Course/Plans.astro
+++ b/superpage/src/components/Course/Plans.astro
@@ -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>
diff --git a/superpage/src/pages/[slug].astro b/superpage/src/pages/[slug].astro
index 7632c88..9d8cc37 100644
--- a/superpage/src/pages/[slug].astro
+++ b/superpage/src/pages/[slug].astro
@@ -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"