From b59d9d3cf290ecbc904dc7f76256b37ea26fe0da Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9rgio=20Rafael=20Siqueira?=
 <osergiosiqueira@gmail.com>
Date: Mon, 28 Apr 2025 21:29:15 -0300
Subject: [PATCH] wip

---
 superpage/src/components/Course/Cert.astro  |  2 +-
 superpage/src/components/Course/Plans.astro | 96 +++++++++++----------
 superpage/src/pages/[slug].astro            |  2 +-
 superpage/src/styles/app.css                |  2 +-
 4 files changed, 54 insertions(+), 48 deletions(-)

diff --git a/superpage/src/components/Course/Cert.astro b/superpage/src/components/Course/Cert.astro
index 347f29c..f199f40 100644
--- a/superpage/src/components/Course/Cert.astro
+++ b/superpage/src/components/Course/Cert.astro
@@ -13,7 +13,7 @@ import Container from "~/components/Container.astro";
         />
 
         <div class="lg:w-8/12 2xl:w-6/14 mx-auto space-y-5">
-            <h5 class="text-4xl lg:text-6xl/14 lg:font-bold">
+            <h5 class="text-4xl lg:text-6xl/14 lg:font-semibold">
                 Certificados digitais com respaldo legal e gestão completa
             </h5>
             <ul class="lg:text-lg list-disc list-inside">
diff --git a/superpage/src/components/Course/Plans.astro b/superpage/src/components/Course/Plans.astro
index 37ea57f..c59f7a8 100644
--- a/superpage/src/components/Course/Plans.astro
+++ b/superpage/src/components/Course/Plans.astro
@@ -3,54 +3,60 @@ import Container from "~/components/Container.astro";
 ---
 
 <Container id="planos">
-    <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"
+    <section class="space-y-5 lg:space-y-10 w-4/6 mx-auto">
+        <h1 class="text-pretty text-4xl lg:text-6xl text-center">
+            <!-- Escolha a melhor forma de contratação para sua empresa -->
+            Formas de contratação
+        </h1>
+        <div class="grid grid-cols-3 gap-5 min-h-92">
+            <div
+                class="bg-white/10 border border-white/15 p-10 rounded-xl flex flex-col hover:outline outline-lime-400"
             >
-                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"
+                <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 border border-white/15 rounded-xl flex flex-col hover:outline outline-lime-400"
             >
-                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"
+                <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 border border-white/15 rounded-xl flex flex-col hover:outline outline-lime-400"
             >
-                Contratar
-            </a>
+                <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>
     </section>
 </Container>
diff --git a/superpage/src/pages/[slug].astro b/superpage/src/pages/[slug].astro
index 9d8cc37..dc1bc96 100644
--- a/superpage/src/pages/[slug].astro
+++ b/superpage/src/pages/[slug].astro
@@ -56,7 +56,7 @@ const { Content } = await render(course);
                         }
                     </span>
                     <h1
-                        class="text-pretty font-semibold text-4xl lg:text-7xl"
+                        class="text-pretty font-bold text-4xl lg:text-7xl"
                         data-pagefind-meta="title"
                         data-pagefind-filter=`curso:${data.course.reciclagem ? 'reciclagem' : 'formação'}`
                     >
diff --git a/superpage/src/styles/app.css b/superpage/src/styles/app.css
index ce371f7..a38fe10 100644
--- a/superpage/src/styles/app.css
+++ b/superpage/src/styles/app.css
@@ -8,7 +8,7 @@
 
 html,
 body {
-    @apply text-white bg-black scroll-pt-22 antialiased;
+    @apply text-white bg-black scroll-pt-32 antialiased;
 }
 
 /* Pagefind */