sergio/saladeaula.digital
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update gradient

Browse Source
This commit is contained in:
Sérgio Rafael Siqueira
2025-04-30 20:33:41 -03:00
parent de0d62f8d3
commit 8e45318ee8
6 changed files with 638 additions and 565 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1139
superpage/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

14
superpage/src/components/Course/Plans.astro
View File

@@ -7,7 +7,7 @@ import Modal from "~/components/Modal.astro";
{/* Modal */}
<Modal id="planform">
<h1 class="text-3xl lg:text-4xl font-medium">
<h1 class="text-2xl lg:text-4xl font-medium">
Preencha os dados da sua empresa
</h1>
<Contact url={Astro.request.url} client:load />
@@ -23,14 +23,14 @@ import Modal from "~/components/Modal.astro";
class="bg-white/5 hover:scale-105 hover:bg-white/10 border border-white/15 p-4 lg:p-10 rounded-xl flex flex-col space-y-5 transform transition duration-200"
>
<h1
class="text-lime-400 border border-lime-400 rounded-lg text-center p-0.5 uppercase"
class="text-lime-400 border border-lime-400 rounded-lg text-center p-0.5 uppercase bg-black"
>
EDUSEG<sup>&reg;</sup> Flexível
</h1>
<h2 class="text-xl/6 font-semibold">
Catálogo completo sempre à sua disposição
</h2>
<ul class="list-disc max-lg:pl-3 space-y-1.5 text-sm/5">
<ul class="list-disc max-lg:pl-3.5 space-y-1.5 text-sm/5">
<li>Acesse todos os cursos imediatamente</li>
<li>Pague apenas pelo que usar, mês a mês</li>
<li>Gestão e autonomia direto pela plataforma</li>
@@ -51,14 +51,14 @@ import Modal from "~/components/Modal.astro";
class="bg-white/5 hover:scale-105 hover:bg-white/10 border border-white/15 p-4 lg:p-10 rounded-xl flex flex-col space-y-5 transform transition duration-200"
>
<h1
class="text-lime-400 border border-lime-400 rounded-lg text-center p-0.5 uppercase"
class="text-lime-400 border border-lime-400 rounded-lg text-center p-0.5 uppercase bg-black"
>
EDUSEG<sup>&reg;</sup> In-Company
</h1>
<h2 class="text-xl/6 font-semibold">
Treinamento presencial na sua empresa
</h2>
<ul class="list-disc max-lg:pl-3 space-y-1.5 text-sm/5">
<ul class="list-disc max-lg:pl-3.5 space-y-1.5 text-sm/5">
<li>Atendemos nas principais cidades do Brasil</li>
<li>Instrutores especialistas com vivência prática</li>
<li>Ideal para grandes turmas ou treinamentos práticos</li>
@@ -78,14 +78,14 @@ import Modal from "~/components/Modal.astro";
class="bg-white/5 hover:scale-105 hover:bg-white/10 border border-white/15 p-4 lg:p-10 rounded-xl flex flex-col space-y-5 transform transition duration-200"
>
<h1
class="text-lime-400 border border-lime-400 rounded-lg text-center p-0.5 uppercase"
class="text-lime-400 border border-lime-400 rounded-lg text-center p-0.5 uppercase bg-black"
>
EDUSEG<sup>&reg;</sup> Conteúdo
</h1>
<h2 class="text-xl/6 font-semibold">
Leve nosso conteúdo para sua plataforma
</h2>
<ul class="list-disc max-lg:pl-3 space-y-1.5 text-sm/5">
<ul class="list-disc max-lg:pl-3.5 space-y-1.5 text-sm/5">
<li>Customização completa com sua identidade visual</li>
<li>Entregamos em formato SCORM para qualquer LMS</li>
<li>Ideal para empresas com ambiente EAD próprio</li>

5
superpage/src/components/Modal.astro
View File

@@ -9,6 +9,7 @@ import { Icon } from "astro-icon/components";
>
<button
class="cursor-pointer fixed top-2.5 right-2.5 lg:top-5 lg:right-5 border border-white rounded-full p-px"
aria-hidden="true"
data-dismiss
>
<Icon name="x-mark" class="size-4" />
@@ -26,12 +27,12 @@ import { Icon } from "astro-icon/components";
const close = modal.querySelector("[data-dismiss]");
modal.showModal();
document.documentElement.classList.toggle("overflow-y-hidden");
document.documentElement.classList.toggle("overflow-hidden");
modal.addEventListener(
"close",
() => {
document.documentElement.classList.toggle("overflow-y-hidden");
document.documentElement.classList.toggle("overflow-hidden");
},
{ once: true },
);

6
superpage/src/components/Stats.astro
View File

@@ -5,7 +5,7 @@ import Container from "~/components/Container.astro";
<Container>
<section class="lg:w-5/6 grid lg:grid-cols-3 gap-2.5 lg:gap-5 mx-auto">
<div
class="bg-white/5 p-12 rounded-xl space-y-1.5 border border-white/10"
class="bg-white/5 p-12 rounded-xl space-y-1.5 border border-white/15"
>
<h1 class="text-lime-400 text-4xl font-semibold uppercase">
+100 mil
@@ -13,7 +13,7 @@ import Container from "~/components/Container.astro";
<span class="uppercase font-medium">Profissionais capacitados</span>
</div>
<div
class="bg-white/5 p-12 rounded-xl space-y-1.5 border border-white/10"
class="bg-white/5 p-12 rounded-xl space-y-1.5 border border-white/15"
>
<h1 class="text-lime-400 text-4xl font-semibold uppercase">
+5 mil
@@ -21,7 +21,7 @@ import Container from "~/components/Container.astro";
<span class="uppercase font-medium">Empresas atendidas</span>
</div>
<div
class="bg-white/5 p-12 rounded-xl space-y-1.5 border border-white/10"
class="bg-white/5 p-12 rounded-xl space-y-1.5 border border-white/15"
>
<h1 class="text-lime-400 text-4xl font-semibold uppercase">
Desde 2012

16
superpage/src/pages/[slug].astro
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

23
superpage/src/pages/index.astro
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>