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 */}
<Modal id="planform"> <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 Preencha os dados da sua empresa
</h1> </h1>
<Contact url={Astro.request.url} client:load /> <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" 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 <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 EDUSEG<sup>&reg;</sup> Flexível
</h1> </h1>
<h2 class="text-xl/6 font-semibold"> <h2 class="text-xl/6 font-semibold">
Catálogo completo sempre à sua disposição Catálogo completo sempre à sua disposição
</h2> </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>Acesse todos os cursos imediatamente</li>
<li>Pague apenas pelo que usar, mês a mês</li> <li>Pague apenas pelo que usar, mês a mês</li>
<li>Gestão e autonomia direto pela plataforma</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" 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 <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 EDUSEG<sup>&reg;</sup> In-Company
</h1> </h1>
<h2 class="text-xl/6 font-semibold"> <h2 class="text-xl/6 font-semibold">
Treinamento presencial na sua empresa Treinamento presencial na sua empresa
</h2> </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>Atendemos nas principais cidades do Brasil</li>
<li>Instrutores especialistas com vivência prática</li> <li>Instrutores especialistas com vivência prática</li>
<li>Ideal para grandes turmas ou treinamentos práticos</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" 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 <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 EDUSEG<sup>&reg;</sup> Conteúdo
</h1> </h1>
<h2 class="text-xl/6 font-semibold"> <h2 class="text-xl/6 font-semibold">
Leve nosso conteúdo para sua plataforma Leve nosso conteúdo para sua plataforma
</h2> </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>Customização completa com sua identidade visual</li>
<li>Entregamos em formato SCORM para qualquer LMS</li> <li>Entregamos em formato SCORM para qualquer LMS</li>
<li>Ideal para empresas com ambiente EAD próprio</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 <button
class="cursor-pointer fixed top-2.5 right-2.5 lg:top-5 lg:right-5 border border-white rounded-full p-px" 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 data-dismiss
> >
<Icon name="x-mark" class="size-4" /> <Icon name="x-mark" class="size-4" />
@@ -26,12 +27,12 @@ import { Icon } from "astro-icon/components";
const close = modal.querySelector("[data-dismiss]"); const close = modal.querySelector("[data-dismiss]");
modal.showModal(); modal.showModal();
document.documentElement.classList.toggle("overflow-y-hidden"); document.documentElement.classList.toggle("overflow-hidden");
modal.addEventListener( modal.addEventListener(
"close", "close",
() => { () => {
document.documentElement.classList.toggle("overflow-y-hidden"); document.documentElement.classList.toggle("overflow-hidden");
}, },
{ once: true }, { once: true },
); );

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

@@ -5,7 +5,7 @@ import Container from "~/components/Container.astro";
<Container> <Container>
<section class="lg:w-5/6 grid lg:grid-cols-3 gap-2.5 lg:gap-5 mx-auto"> <section class="lg:w-5/6 grid lg:grid-cols-3 gap-2.5 lg:gap-5 mx-auto">
<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"> <h1 class="text-lime-400 text-4xl font-semibold uppercase">
+100 mil +100 mil
@@ -13,7 +13,7 @@ import Container from "~/components/Container.astro";
<span class="uppercase font-medium">Profissionais capacitados</span> <span class="uppercase font-medium">Profissionais capacitados</span>
</div> </div>
<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"> <h1 class="text-lime-400 text-4xl font-semibold uppercase">
+5 mil +5 mil
@@ -21,7 +21,7 @@ import Container from "~/components/Container.astro";
<span class="uppercase font-medium">Empresas atendidas</span> <span class="uppercase font-medium">Empresas atendidas</span>
</div> </div>
<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"> <h1 class="text-lime-400 text-4xl font-semibold uppercase">
Desde 2012 Desde 2012

16
superpage/src/pages/[slug].astro
View File

@@ -36,7 +36,21 @@ const { Content } = await render(course);
<HeaderNav {...data} /> <HeaderNav {...data} />
</Fragment> </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 */} {/* Course */}
<Container class="lg:flex items-center justify-start gap-6"> <Container class="lg:flex items-center justify-start gap-6">
<Picture <Picture

23
superpage/src/pages/index.astro
View File

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