update gradient

This commit is contained in:
2025-04-30 20:33:41 -03:00
parent de0d62f8d3
commit 8e45318ee8
6 changed files with 638 additions and 565 deletions

View File

@@ -36,7 +36,21 @@ const { Content } = await render(course);
<HeaderNav {...data} />
</Fragment>
<section class="space-y-6 lg:space-y-24">
<section class="space-y-6 lg:space-y-24 relative">
<div
aria-hidden="true"
class="absolute inset-0 grid grid-cols-2 opacity-25 max-lg:hidden"
>
<div
class="blur-[106px] h-76 bg-gradient-to-br to-lime-400 from-lime-700"
>
</div>
<div
class="blur-[106px] h-32 bg-gradient-to-r from-lime-400 to-lime-600"
>
</div>
</div>
{/* Course */}
<Container class="lg:flex items-center justify-start gap-6">
<Picture

View File

@@ -32,7 +32,7 @@ const trends = await getEntries([
<div
class="w-full xl:w-4/6 max-xl:p-5 space-y-6 lg:space-y-12"
>
<div class="space-y-1.5">
<search class="space-y-1.5">
<label for="search" class="block">
<h1
class="text-pretty font-semibold text-3xl lg:text-4xl"
@@ -42,7 +42,7 @@ const trends = await getEntries([
</label>
<Search />
</div>
</search>
<div class="space-y-1.5">
<h2 class="font-bold text-xl flex gap-1">
@@ -84,7 +84,7 @@ const trends = await getEntries([
<div
class="grid lg:grid-cols-3 gap-2.5 lg:gap-5 *:border *:rounded-lg *:p-5 *:hover:scale-105 *:transition"
>
<div class="flex flex-col border-white/10 bg-white/5">
<div class="flex flex-col border-white/15 bg-white/5">
<div class="text-4xl font-black mb-6">01</div>
<div class="space-y-2.5 [&>p]:text-sm/6">
<div class="text-2xl">Autonomia total</div>
@@ -99,7 +99,7 @@ const trends = await getEntries([
</p>
</div>
</div>
<div class="flex flex-col border-white/10 bg-white/5">
<div class="flex flex-col border-white/15 bg-white/5">
<div class="text-4xl font-black mb-6">02</div>
<div class="space-y-2.5 [&>p]:text-sm/6">
<div class="text-2xl">Gestão inteligente</div>
@@ -110,7 +110,7 @@ const trends = await getEntries([
</p>
</div>
</div>
<div class="flex flex-col border-white/10 bg-white/5">
<div class="flex flex-col border-white/15 bg-white/5">
<div class="text-4xl font-black mb-6">03</div>
<div class="space-y-2.5 [&>p]:text-sm/6">
<div class="text-2xl">Cadastro em larga escala</div>
@@ -124,7 +124,7 @@ const trends = await getEntries([
</p>
</div>
</div>
<div class="flex flex-col border-white/10 bg-white/5">
<div class="flex flex-col border-white/15 bg-white/5">
<div class="text-4xl font-black mb-6">04</div>
<div class="space-y-2.5 [&>p]:text-sm/6">
<div class="text-2xl">
@@ -138,7 +138,7 @@ const trends = await getEntries([
</p>
</div>
</div>
<div class="flex flex-col border-white/10 bg-white/5">
<div class="flex flex-col border-white/15 bg-white/5">
<div class="text-4xl font-black mb-6">05</div>
<div class="space-y-2.5 [&>p]:text-sm/6">
<div class="text-2xl">Sem burocracia</div>
@@ -151,9 +151,14 @@ const trends = await getEntries([
</div>
<div
class="flex flex-col justify-center items-center border-lime-400"
class="flex flex-col justify-center items-center border-white/15 hover:border-lime-400"
>
<a href="#">Saiba mais</a>
<a
href="#"
class="font-semibold bg-lime-400 text-black hover:bg-white p-2.5 px-4 rounded-lg block text-center transition"
>
Saiba mais
</a>
</div>
</div>
</section>