update gradient
This commit is contained in:
@@ -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
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user