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

update

Browse Source
This commit is contained in:
Sérgio Rafael Siqueira
2025-04-29 22:34:00 -03:00
parent 9954c352ce
commit 1c85fa4a8d
21 changed files with 360 additions and 273 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
superpage/src/components/Course/Cert.astro
View File

@@ -3,7 +3,7 @@ import { Icon } from "astro-icon/components";
import Container from "~/components/Container.astro";
---
<Container id="certificado" {...Astro.props}>
<Container id="cert" {...Astro.props}>
<div
class="text-black bg-linear-to-t from-lime-600 to-lime-400 border border-lime-400 p-5 lg:py-36 rounded-2xl relative overflow-hidden"
>

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

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

33
superpage/src/components/Course/Course.astro Normal file
View File

@@ -0,0 +1,33 @@
---
import Clients from "../Clients.astro";
import Modules from "./Modules.astro";
import Features from "../Features.astro";
import Cert from "./Cert.astro";
import Trainer from "./Trainer.astro";
import Plans from "./Plans.astro";
import Faq from "./Faq.astro";
const { trainer } = Astro.props;
---
<Plans />
<Clients />
<Features />
<Modules>
<slot name="modules" />
</Modules>
{trainer && <Trainer name={trainer} />}
{
Astro.slots.has("faq") && (
<Faq>
<slot name="faq" />
</Faq>
)
}
<Cert />

16
superpage/src/components/Course/Faq.astro
View File

@@ -2,8 +2,16 @@
import Container from "~/components/Container.astro";
---
<Container class:list={[" space-y-2.5 lg:space-y-5", Astro.props.class]}>
<h2 class="text-pretty text-4xl lg:text-5xl">
FAQ &mdash; Perguntas frequentes
</h2>
<Container {...Astro.props}>
<section
class="space-y-2.5 lg:py-24 lg:grid grid-cols-3 gap-5 mx-auto lg:w-5/8"
>
<h2 class="text-pretty text-4xl lg:text-5xl">
FAQ &mdash; Perguntas frequentes
</h2>
<div class="col-span-2">
<slot />
</div>
</section>
</Container>

65
superpage/src/components/Course/Features.astro
View File

@@ -1,65 +0,0 @@
---
import { Picture } from "astro:assets";
import Container from "~/components/Container.astro";
import mulherdenegocios from "~/assets/mulher-de-negocios.png";
import homemdenegocios from "~/assets/homem-de-negocios.png";
---
<Container {...Astro.props}>
<div class="border border-lime-400 rounded-2xl lg:grid grid-cols-3">
<div
class="bg-linear-to-tr from-lime-400/50 to-lime-300 rounded-2xl p-5 relative h-136 max-lg:hidden -m-px max-xl:overflow-hidden"
>
<Picture
alt="Homem de negócios"
formats={["webp"]}
src={homemdenegocios}
class="w-94 absolute bottom-0 -left-28"
/>
<Picture
alt="Mulher de negócios"
formats={["webp"]}
src={mulherdenegocios}
class="w-96 absolute bottom-0 -right-24"
/>
</div>
<div class="col-span-2 flex items-center">
<div class="xl:w-8/12 xl:mx-auto space-y-5 p-6">
<h3 class="text-pretty text-4xl">
Por que capacitar sua equipe com a EDUSEG&reg;
</h3>
<p>
Nós cuidamos da burocracia, oferecemos uma plataforma
completa para simplicar a gestão e capacitação em larga
escala de seus colaboradores. Com a EDUSEG&reg, sua empresa
se beneficia de uma tecnologia eficiente e confiável.
</p>
<ul class="grid md:grid-cols-2 gap-1 lg:gap-2.5">
<li class="bg-white/10 p-2.5 lg:p-5 rounded-lg">
Centralização de todos os certificados
</li>
<li class="bg-white/10 p-2.5 lg:p-5 rounded-lg">
Agilidade na liberação de cursos
</li>
<li class="bg-white/10 p-2.5 lg:p-5 rounded-lg">
Agendamento para liberação de cursos
</li>
<li class="bg-white/10 p-2.5 lg:p-5 rounded-lg">
Aviso de vencimento para certificados
</li>
</ul>
<div class="text-center">
<a
href="#contato"
class="text-blue-400 underline hover:no-underline"
>
Agendar uma demonstração
</a>
</div>
</div>
</div>
</div>
</Container>

26
superpage/src/components/Course/Modules.astro
View File

@@ -2,15 +2,19 @@
import Container from "~/components/Container.astro";
---
<Container id="modulos" class="2xl:w-5/12 lg:py-24 space-y-6" {...Astro.props}>
<div class="space-y-2.5">
<h4 class="text-pretty text-4xl lg:text-6xl">Módulos deste curso</h4>
<p>
O curso é dividido em módulos para facilitar seu aprendizado e
garantir que você domine todos os aspectos teóricos e práticos.
</p>
</div>
<div class="lg:col-span-2 flex flex-col gap-1.5">
<slot />
</div>
<Container id="modules" {...Astro.props}>
<section class="lg:w-5/8 lg:py-24 space-y-6 mx-auto">
<div class="space-y-2.5">
<h4 class="text-pretty text-4xl lg:text-6xl">
Módulos deste curso
</h4>
<p>
O curso é dividido em módulos para facilitar seu aprendizado e
garantir que você domine todos os aspectos teóricos e práticos.
</p>
</div>
<div class="lg:col-span-2 flex flex-col gap-1.5">
<slot />
</div>
</section>
</Container>

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

@@ -4,7 +4,7 @@ import Form from "./Contact.jsx";
---
<div>
<Container id="modelos" {...Astro.props}>
<Container id="plans" {...Astro.props}>
<section class="space-y-5 lg:space-y-10 xl:w-4/6 mx-auto">
<h1 class="text-pretty text-4xl lg:text-6xl">
Modelos de contratação para sua empresa

32
superpage/src/components/Course/Stats.astro
View File

@@ -1,32 +0,0 @@
---
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"
>
<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-1.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-1.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>

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

@@ -1,8 +1 @@
export { default as Cert } from "./Cert.astro";
export { default as Clients } from "./Clients.astro";
export { default as Features } from "./Features.astro";
export { default as Modules } from "./Modules.astro";
export { default as Trainer } from "./Trainer.astro";
export { default as Faq } from "./Faq.astro";
export { default as Plans } from "./Plans.astro";
export { default as Stats } from "./Stats.astro";
export { default as Course } from "./Course.astro";