From f535e1aa252b17cb331232f09b7363e797e98311 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9rgio=20Rafael=20Siqueira?=
 <osergiosiqueira@gmail.com>
Date: Tue, 29 Apr 2025 12:15:50 -0300
Subject: [PATCH] add hover

---
 superpage/src/components/Course/HeaderNav.astro |  2 +-
 superpage/src/components/Course/Plans.astro     | 12 ++++++------
 superpage/src/icons/logos/eduseg.svg            |  2 +-
 superpage/src/icons/logos/kordsa.svg            |  2 +-
 superpage/src/icons/logos/manserv.svg           |  2 +-
 superpage/src/icons/logos/natura.svg            |  2 +-
 superpage/src/icons/logos/nissan.svg            |  1 +
 superpage/src/icons/logos/semeq.svg             |  1 +
 superpage/src/pages/[slug].astro                |  8 ++++----
 9 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/superpage/src/components/Course/HeaderNav.astro b/superpage/src/components/Course/HeaderNav.astro
index aa1bb0a..52aa2da 100644
--- a/superpage/src/components/Course/HeaderNav.astro
+++ b/superpage/src/components/Course/HeaderNav.astro
@@ -31,7 +31,7 @@ const { title } = Astro.props;
         </button>
 
         <button
-            class="bg-black hover:bg-white hover:text-black font-semibold py-2.5 px-3 rounded-md cursor-pointer ml-auto transition duration-150"
+            class="bg-black hover:bg-white hover:text-black font-semibold py-2.5 px-3 rounded-md cursor-pointer ml-auto transition"
         >
             Contratar agora
         </button>
diff --git a/superpage/src/components/Course/Plans.astro b/superpage/src/components/Course/Plans.astro
index 79ca7d1..9e5957e 100644
--- a/superpage/src/components/Course/Plans.astro
+++ b/superpage/src/components/Course/Plans.astro
@@ -9,7 +9,7 @@ import Container from "~/components/Container.astro";
         </h1>
         <div class="grid lg:grid-cols-3 gap-5">
             <div
-                class="bg-white/5 border border-white/15 p-4 lg:p-10 rounded-xl flex flex-col space-y-5"
+                class="bg-white/5 border border-white/15 p-4 lg:p-10 rounded-xl flex flex-col space-y-5 hover:scale-105 hover:bg-white/10 transform transition duration-200"
             >
                 <h1
                     class="text-lime-400 border border-lime-400 rounded-lg text-center p-0.5 uppercase"
@@ -30,13 +30,13 @@ import Container from "~/components/Container.astro";
                 </p>
                 <a
                     href="#"
-                    class="font-semibold bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block text-center"
+                    class="font-semibold bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block text-center transition"
                 >
                     Contratar
                 </a>
             </div>
             <div
-                class="bg-white/5 border border-white/15 p-4 lg:p-10 rounded-xl flex flex-col space-y-5"
+                class="bg-white/5 border border-white/15 p-4 lg:p-10 rounded-xl flex flex-col space-y-5 hover:scale-105 hover:bg-white/10 transform transition duration-200"
             >
                 <h1
                     class="text-lime-400 border border-lime-400 rounded-lg text-center p-0.5 uppercase"
@@ -56,13 +56,13 @@ import Container from "~/components/Container.astro";
                 </p>
                 <a
                     href="#"
-                    class="font-semibold bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block text-center"
+                    class="font-semibold bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block text-center transition"
                 >
                     Contratar
                 </a>
             </div>
             <div
-                class="bg-white/5 border border-white/15 p-4 lg:p-10 rounded-xl flex flex-col space-y-5"
+                class="bg-white/5 border border-white/15 p-4 lg:p-10 rounded-xl flex flex-col space-y-5 hover:scale-105 hover:bg-white/10 transform transition duration-200"
             >
                 <h1
                     class="text-lime-400 border border-lime-400 rounded-lg text-center p-0.5 uppercase"
@@ -82,7 +82,7 @@ import Container from "~/components/Container.astro";
                 </p>
                 <a
                     href="#"
-                    class="font-semibold bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block text-center"
+                    class="font-semibold bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block text-center transition"
                 >
                     Contratar
                 </a>
diff --git a/superpage/src/icons/logos/eduseg.svg b/superpage/src/icons/logos/eduseg.svg
index 63ed2ee..30500d5 100644
--- a/superpage/src/icons/logos/eduseg.svg
+++ b/superpage/src/icons/logos/eduseg.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1072.73 329.6" width="111" height="36">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1072.73 329.6" width="111" height="36" title="EDUSEG">
   <g>
     <g>
       <path
diff --git a/superpage/src/icons/logos/kordsa.svg b/superpage/src/icons/logos/kordsa.svg
index 42e83a7..444869c 100644
--- a/superpage/src/icons/logos/kordsa.svg
+++ b/superpage/src/icons/logos/kordsa.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="160" height="32.095" viewBox="0 0 160 32.095">
+<svg xmlns="http://www.w3.org/2000/svg" width="160" height="32.095" viewBox="0 0 160 32.095" title="KORD S.A">
   <g id="logo-e" transform="translate(15704.411 15506)">
     <path
       id="Path_9"
diff --git a/superpage/src/icons/logos/manserv.svg b/superpage/src/icons/logos/manserv.svg
index c217799..0e97785 100644
--- a/superpage/src/icons/logos/manserv.svg
+++ b/superpage/src/icons/logos/manserv.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" id="Camada_1" viewBox="0 0 158 23">
+<svg xmlns="http://www.w3.org/2000/svg" id="Camada_1" viewBox="0 0 158 23" title="Manserv">
   <defs></defs><g>
     <path
       class="cls-1"
diff --git a/superpage/src/icons/logos/natura.svg b/superpage/src/icons/logos/natura.svg
index 72f8ee4..f01239d 100644
--- a/superpage/src/icons/logos/natura.svg
+++ b/superpage/src/icons/logos/natura.svg
@@ -1,4 +1,4 @@
-<svg width="208" height="44" viewBox="0 0 208 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="208" height="44" viewBox="0 0 208 44" fill="none" xmlns="http://www.w3.org/2000/svg" title="Natura">
   <path
     d="M79.7154 18.2979C88.2144 18.2979 92.1139 23.5972 92.1139 28.7966V40.0952H86.7146V28.7966C86.7146 25.597 84.8148 20.3976 79.7154 20.3976C74.5161 20.3976 72.7163 25.597 72.7163 28.7966V40.0952H67.4169V28.7966C67.3169 23.5972 71.2165 18.2979 79.7154 18.2979Z"
   ></path><path
diff --git a/superpage/src/icons/logos/nissan.svg b/superpage/src/icons/logos/nissan.svg
index eb47de2..3419123 100644
--- a/superpage/src/icons/logos/nissan.svg
+++ b/superpage/src/icons/logos/nissan.svg
@@ -8,6 +8,7 @@
   viewBox="0 0 504 421.7"
   style="enable-background:new 0 0 504 421.7;"
   xml:space="preserve"
+  title="Nissan"
 >
   <g id="Layer_1_1_">
     <g id="Nissan_Badge_1_">
diff --git a/superpage/src/icons/logos/semeq.svg b/superpage/src/icons/logos/semeq.svg
index 00d8bb2..481e518 100644
--- a/superpage/src/icons/logos/semeq.svg
+++ b/superpage/src/icons/logos/semeq.svg
@@ -4,6 +4,7 @@
   width="141.088"
   height="45.581"
   viewBox="0 0 141.088 45.581"
+  title="SEMEQ"
 >
   <g id="Group_1157" data-name="Group 1157" transform="translate(0 0)">
     <path
diff --git a/superpage/src/pages/[slug].astro b/superpage/src/pages/[slug].astro
index 3393b5e..77fc218 100644
--- a/superpage/src/pages/[slug].astro
+++ b/superpage/src/pages/[slug].astro
@@ -74,9 +74,9 @@ const { Content } = await render(course);
                     <ul class="lg:flex gap-3" data-pagefind-ignore="all">
                         <li class="flex gap-1">
                             <Icon name="clock" class="size-5 mt-0.5" />
-                            <span
-                                >Carga horária de {data.course.hours} horas</span
-                            >
+                            <span>
+                                Carga horária de {data.course.hours} horas
+                            </span>
                         </li>
 
                         <li class="flex gap-1">
@@ -104,7 +104,7 @@ const { Content } = await render(course);
                         >
                             <a
                                 href="#"
-                                class="text-black font-semibold bg-lime-400 rounded p-2.5 max-lg:text-center hover:bg-white hover:text-black"
+                                class="text-black font-semibold bg-lime-400 rounded p-2.5 max-lg:text-center hover:bg-white hover:text-black transition"
                             >
                                 Contratar {
                                     new Intl.NumberFormat("pt-BR", {