add hover

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>

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>

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

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"

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"

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

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_">

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

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
+                            <span>
-                                >Carga horária de {data.course.hours} horas</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", {