wip

superpage/package-lock.json

@@ -13,7 +13,6 @@
         "@astrojs/partytown": "^2.1.4",
         "@astrojs/react": "^4.2.4",
         "@astrojs/sitemap": "^3.3.0",
-        "@fontsource/roboto": "^5.2.5",
         "@hookform/resolvers": "^5.0.1",
         "@tailwindcss/vite": "^4.0.13",
         "@types/alpinejs": "^3.13.11",
@@ -925,15 +924,6 @@
         "node": ">=18"
       }
     },
-    "node_modules/@fontsource/roboto": {
-      "version": "5.2.5",
-      "resolved": "https://registry.npmjs.org/@fontsource/roboto/-/roboto-5.2.5.tgz",
-      "integrity": "sha512-70r2UZ0raqLn5W+sPeKhqlf8wGvUXFWlofaDlcbt/S3d06+17gXKr3VNqDODB0I1ASme3dGT5OJj9NABt7OTZQ==",
-      "license": "OFL-1.1",
-      "funding": {
-        "url": "https://github.com/sponsors/ayuhito"
-      }
-    },
     "node_modules/@hookform/resolvers": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/@hookform/resolvers/-/resolvers-5.0.1.tgz",

superpage/package.json

@@ -14,7 +14,6 @@
     "@astrojs/partytown": "^2.1.4",
     "@astrojs/react": "^4.2.4",
     "@astrojs/sitemap": "^3.3.0",
-    "@fontsource/roboto": "^5.2.5",
     "@hookform/resolvers": "^5.0.1",
     "@tailwindcss/vite": "^4.0.13",
     "@types/alpinejs": "^3.13.11",

superpage/src/components/Course/Contact.astro

@@ -6,7 +6,7 @@ import Form from "./_Contact.jsx";
 <Container id="contato">
     <section class="space-y-6 lg:w-6/12 mx-auto lg:mb-12">
         <div class="space-y-2.5">
-            <h1 class="text-4xl lg:text-6xl/14 lg:font-black">Fale conosco</h1>
+            <h1 class="text-4xl lg:text-6xl/14 lg:font-bold">Fale conosco</h1>
             <p>
                 Tem uma necessidade mais específica ou gostaria de agendar uma
                 demonstração da nossa plataforma? Entre em contato conosco.

superpage/src/components/Course/HeaderNav.astro

@@ -39,10 +39,10 @@ const courses = await getCollection(
         x-cloak
         x-show="open"
         x-on:click.outside="open = false"
-        x-transition:enter="transition ease-linear duration-150"
+        x-transition:enter="transition ease-linear duration-50"
         x-transition:enter-start="opacity-0"
-        x-transition:enter-end="opacity-100"
+        x-transition:enter-end="opacity-100 "
-        x-transition:leave="transition ease-in duration-100"
+        x-transition:leave="transition ease-in duration-50"
         x-transition:leave-start="opacity-100"
         x-transition:leave-end="opacity-0"
         role="menu"
@@ -78,7 +78,7 @@ const courses = await getCollection(
                             >Buscar por</span
                         >
                         <div
-                            class="flex items-center border rounded px-1.5 py-0.5 lg:px-2 lg:py-1 bg-white/20 focus-within:bg-white w-full transition duration-150"
+                            class="flex items-center border rounded px-1.5 py-0.5 lg:px-2 lg:py-1 bg-white/20 focus-within:bg-white w-full"
                         >
                             <input class="outline-none w-full" />
                             <Icon name="magnifying-glass" class="size-5" />
@@ -108,15 +108,14 @@ const courses = await getCollection(
                 </div>
             </div>
 
-            <ul class="list-disc list-inside max-lg:[&_li]:truncate">
+            <ul
+                class="list-disc list-inside max-lg:[&_li]:truncate font-medium"
+            >
                 {
                     courses.map(({ data: { title, slug } }) => {
                         return (
                             <li>
-                                <a
+                                <a href={`/${slug}`} class="hover:underline">
-                                    href={`/${slug}`}
-                                    class="font-bold hover:underline"
-                                >
                                     {title}
                                 </a>
                             </li>

superpage/src/pages/[slug].astro

@@ -44,7 +44,7 @@ const { Content } = await render(course);
                 formats={["webp"]}
                 class="max-lg:hidden max-w-116 grayscale-15"
             />
-            <section class="lg:py-24">
+            <section class="max-lg:pt-6 lg:py-24">
                 <div class="space-y-5">
                     <span class="font-medium">
                         {

superpage/src/pages/index.astro

@@ -18,10 +18,12 @@ let posts = await res.json();
                 class="text-black bg-linear-to-b from-lime-400/90 to-lime-400 border border-lime-400 rounded-2xl lg:grid grid-cols-6"
             >
                 <div class="col-span-4 flex items-center justify-center">
-                    <div class="lg:w-4/6 max-lg:p-5 space-y-10">
+                    <div class="lg:w-4/6 max-lg:p-5 space-y-6 lg:space-y-12">
                         <form class="space-y-1.5">
                             <label for="search" class="block">
-                                <h1 class="text-pretty font-semibold text-3xl">
+                                <h1
+                                    class="text-pretty font-semibold text-3xl lg:text-4xl"
+                                >
                                     Digite o curso para ver todos detalhes
                                 </h1>
                             </label>
@@ -47,7 +49,7 @@ let posts = await res.json();
                                 <Icon name="arrow-trending-up" class="size-6" />
                                 <span>Cursos mais procurados</span>
                             </h2>
-                            <ul class="list-disc list-inside">
+                            <ul class="list-disc list-inside font-medium">
                                 <li>CIPA</li>
                                 <li>Lei Lucas</li>
                                 <li>Noções em Primeiros Socorros</li>
@@ -67,7 +69,7 @@ let posts = await res.json();
             </nav>
         </Container>
 
-        <Clients class="py-6" />
+        <Clients />
 
         <Container>
             <section>