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

add

Browse Source
This commit is contained in:
Sérgio Rafael Siqueira
2025-04-29 16:45:41 -03:00
parent 37e1a5a935
commit 67f73538c3
6 changed files with 146 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
superpage/src/components/Course/Clients.astro
View File

@@ -9,9 +9,7 @@ import Nissan from "~/icons/logos/nissan.svg";
import Manserv from "~/icons/logos/manserv.svg"; import Manserv from "~/icons/logos/manserv.svg";
--- ---
<Container <Container class:list={["lg:text-center space-y-2.5", Astro.props.class]}>
class:list={["lg:text-center space-y-2.5 lg:space-y-5", Astro.props.class]}
>
<h2 class="text-pretty text-4xl">Alguns clientes que acreditam em nós</h2> <h2 class="text-pretty text-4xl">Alguns clientes que acreditam em nós</h2>
<Carousel items={[Natura, Kordsa, Semeq, Nissan, Manserv]} /> <Carousel items={[Natura, Kordsa, Semeq, Nissan, Manserv]} />
</Container> </Container>

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

@@ -3,108 +3,112 @@ import Container from "~/components/Container.astro";
import Form from "./Contact.jsx"; import Form from "./Contact.jsx";
--- ---
<Container id="modelos" {...Astro.props}> <div>
<section class="space-y-5 lg:space-y-10 xl:w-4/6 mx-auto"> <Container id="modelos" {...Astro.props}>
<h1 class="text-pretty text-4xl lg:text-6xl"> <section class="space-y-5 lg:space-y-10 xl:w-4/6 mx-auto">
Modelos de contratação para sua empresa <h1 class="text-pretty text-4xl lg:text-6xl">
</h1> Modelos de contratação para sua empresa
<div class="grid lg:grid-cols-3 gap-5"> </h1>
<div <div class="grid lg:grid-cols-3 gap-5">
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" <div
> 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"
> >
EDUSEG Flexível <h1
</h1> class="text-lime-400 border border-lime-400 rounded-lg text-center p-0.5 uppercase"
<h2 class="text-xl/6 font-semibold"> >
Catálogo completo sempre à sua disposição EDUSEG Flexível
</h2> </h1>
<ul class="list-disc max-lg:pl-3 space-y-1.5 text-sm/5"> <h2 class="text-xl/6 font-semibold">
<li>Acesse todos os cursos imediatamente</li> Catálogo completo sempre à sua disposição
<li>Pague apenas pelo que usar, mês a mês</li> </h2>
<li>Gestão e autonomia direto pela plataforma</li> <ul class="list-disc max-lg:pl-3 space-y-1.5 text-sm/5">
</ul> <li>Acesse todos os cursos imediatamente</li>
<p class="mt-auto"> <li>Pague apenas pelo que usar, mês a mês</li>
Ideal para empresas que treinam continuamente e precisam de <li>Gestão e autonomia direto pela plataforma</li>
agilidade. </ul>
</p> <p class="mt-auto">
<a Ideal para empresas que treinam continuamente e precisam
href="#" de agilidade.
class="font-semibold bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block text-center transition" </p>
<a
href="#"
class="font-semibold bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block text-center transition"
>
Saiba mais
</a>
</div>
<div
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"
> >
Contratar <h1
</a> class="text-lime-400 border border-lime-400 rounded-lg text-center p-0.5 uppercase"
</div> >
<div EDUSEG In-Company
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>
> <h2 class="text-xl/6 font-semibold">
<h1 Treinamento presencial na sua empresa
class="text-lime-400 border border-lime-400 rounded-lg text-center p-0.5 uppercase" </h2>
> <ul class="list-disc max-lg:pl-3 space-y-1.5 text-sm/5">
EDUSEG In-Company <li>Atendemos nas principais cidades do Brasil</li>
</h1> <li>Instrutores especialistas com vivência prática</li>
<h2 class="text-xl/6 font-semibold"> <li>
Treinamento presencial na sua empresa Ideal para grandes turmas ou treinamentos práticos
</h2> </li>
<ul class="list-disc max-lg:pl-3 space-y-1.5 text-sm/5"> </ul>
<li>Atendemos nas principais cidades do Brasil</li> <p class="mt-auto">
<li>Instrutores especialistas com vivência prática</li> Solução sob medida, direto no seu ambiente de trabalho.
<li>Ideal para grandes turmas ou treinamentos práticos</li> </p>
</ul> <a
<p class="mt-auto"> href="#"
Solução sob medida, direto no seu ambiente de trabalho. class="font-semibold bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block text-center transition"
</p> >
<a Saiba mais
href="#" </a>
class="font-semibold bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block text-center transition" </div>
> <div
Contratar 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"
</a> >
</div> <h1
<div class="text-lime-400 border border-lime-400 rounded-lg text-center p-0.5 uppercase"
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" >
> EDUSEG Conteúdo
<h1 </h1>
class="text-lime-400 border border-lime-400 rounded-lg text-center p-0.5 uppercase" <h2 class="text-xl/6 font-semibold">
> Leve nosso conteúdo para sua plataforma
EDUSEG Conteúdo </h2>
</h1> <ul class="list-disc max-lg:pl-3 space-y-1.5 text-sm/5">
<h2 class="text-xl/6 font-semibold"> <li>Customização completa com sua identidade visual</li>
Leve nosso conteúdo para sua plataforma <li>Entregamos em formato SCORM para qualquer LMS</li>
</h2> <li>Ideal para empresas com ambiente EAD próprio</li>
<ul class="list-disc max-lg:pl-3 space-y-1.5 text-sm/5"> </ul>
<li>Customização completa com sua identidade visual</li> <p class="mt-auto">
<li>Entregamos em formato SCORM para qualquer LMS</li> Seu time com o nosso conteúdo, na sua plataforma.
<li>Ideal para empresas com ambiente EAD próprio</li> </p>
</ul> <a
<p class="mt-auto"> href="#"
Seu time com o nosso conteúdo, na sua plataforma. class="font-semibold bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block text-center transition"
</p> >
<a Saiba mais
href="#" </a>
class="font-semibold bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block text-center transition" </div>
>
Contratar
</a>
</div> </div>
</section>
</Container>
<div class="relative z-40" style="display: none;">
<div class="fixed inset-0 bg-gray-900/20 backdrop-blur backdrop-filter">
</div> </div>
</section>
</Container>
<div class="relative z-40" style="display: none;"> <div class="fixed inset-0 overflow-y-auto">
<div class="fixed inset-0 bg-gray-900/20 backdrop-blur backdrop-filter"> <div class="flex justify-center items-center h-full max-lg:p-2.5">
</div> <div
class="lg:w-1/4 bg-black p-5 lg:p-12 rounded-2xl border border-white/15 space-y-5 drop-shadow"
<div class="fixed inset-0 overflow-y-auto"> >
<div class="flex justify-center items-center h-full max-lg:p-2.5"> <h1 class="text-3xl lg:text-4xl font-medium">
<div Preencha os dados da sua empresa
class="lg:w-1/4 bg-black p-5 lg:p-12 rounded-2xl border border-white/15 space-y-5 drop-shadow" </h1>
> <Form client:load />
<h1 class="text-3xl lg:text-4xl font-medium"> </div>
Preencha os dados da sua empresa
</h1>
<Form client:load />
</div> </div>
</div> </div>
</div> </div>

30
superpage/src/components/Course/Stats.astro Normal file
View File

@@ -0,0 +1,30 @@
---
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 border border-white/10">
<h1 class="text-lime-400 text-4xl font-semibold uppercase">
+100 mil
</h1>
<span class="uppercase font-medium">Profissionais capacitados</span>
</div>
<div
class="bg-white/5 p-12 rounded-xl space-y-2.5 border border-white/10"
>
<h1 class="text-lime-400 text-4xl font-semibold uppercase">
+5 mil
</h1>
<span class="uppercase font-medium">Empresas atendidas</span>
</div>
<div
class="bg-white/5 p-12 rounded-xl space-y-2.5 border border-white/10"
>
<h1 class="text-lime-400 text-4xl font-semibold uppercase">
Desde 2012
</h1>
<span class="uppercase font-medium">Formando profissionais</span>
</div>
</section>
</Container>

1
superpage/src/components/Course/index.ts
View File

@@ -5,3 +5,4 @@ export { default as Modules } from "./Modules.astro";
export { default as Trainer } from "./Trainer.astro"; export { default as Trainer } from "./Trainer.astro";
export { default as Faq } from "./Faq.astro"; export { default as Faq } from "./Faq.astro";
export { default as Plans } from "./Plans.astro"; export { default as Plans } from "./Plans.astro";
export { default as Stats } from "./Stats.astro";

11
superpage/src/pages/_components/Stats.astro
View File

@@ -1,11 +0,0 @@
---
import Container from "~/components/Container.astro";
---
<Container>
<div class="w-4/6 mx-auto">
<div>+100.000 Profissionais capacitados</div>
<div>+5.000 Empresas atendidas</div>
<div>12 anos de experiência</div>
</div>
</Container>

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

@@ -4,8 +4,7 @@ import { Icon } from "astro-icon/components";
import Layout from "~/layouts/Layout.astro"; import Layout from "~/layouts/Layout.astro";
import Container from "~/components/Container.astro"; import Container from "~/components/Container.astro";
import Search from "./_components/Search.astro"; import Search from "./_components/Search.astro";
import { Clients } from "~/components/Course"; import { Clients, Stats, Features, Plans } from "~/components/Course";
import Stats from "./_components/Stats.astro";
import mulhercomepi from "~/assets/mulher-com-epi.png"; import mulhercomepi from "~/assets/mulher-com-epi.png";
const trends = [ const trends = [
@@ -23,7 +22,7 @@ const trends = [
--- ---
<Layout> <Layout>
<div class="space-y-6 lg:space-y-12"> <div class="space-y-6 lg:space-y-24">
<Container> <Container>
<nav <nav
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" 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"
@@ -71,8 +70,18 @@ const trends = [
</nav> </nav>
</Container> </Container>
<Clients />
<Stats /> <Stats />
<Clients /> <Features />
<Container>
<section>
<h1 class="text-pretty text-5xl">
Uma plataforma, múltiplas soluções
</h1>
</section>
</Container>
</div> </div>
</Layout> </Layout>