wip
This commit is contained in:
@@ -4,21 +4,17 @@ import { Icon } from "astro-icon/components";
|
||||
import Layout from "~/layouts/Layout.astro";
|
||||
import Container from "~/components/Container.astro";
|
||||
import Search from "./_components/Search.astro";
|
||||
import { Clients, Stats, Features, Plans } from "~/components/Course";
|
||||
import { Clients, Stats, Features } from "~/components/Course";
|
||||
import { getEntries } from "astro:content";
|
||||
|
||||
import mulhercomepi from "~/assets/mulher-com-epi.png";
|
||||
const trends = [
|
||||
{
|
||||
label: "NR-18 PEMT Plataforma Móvel de Trabalho Aéreo",
|
||||
href: "nr-18-plataforma-de-trabalho-aereo",
|
||||
},
|
||||
{ label: "NR-10 Básico", href: "nr-10-basico" },
|
||||
{ label: "CIPA Grau de Risco 3", href: "cipa-grau-de-risco-3" },
|
||||
{
|
||||
label: "NR-35 Trabalho em Altura",
|
||||
href: "nr-35-trabalhos-em-altura-teorico",
|
||||
},
|
||||
];
|
||||
|
||||
const trends = await getEntries([
|
||||
{ collection: "courses", id: "nr-18-plataforma-de-trabalho-aereo" },
|
||||
{ collection: "courses", id: "nr-10-basico" },
|
||||
{ collection: "courses", id: "cipa-grau-de-risco-3" },
|
||||
{ collection: "courses", id: "nr-35-trabalhos-em-altura-teorico" },
|
||||
]);
|
||||
---
|
||||
|
||||
<Layout>
|
||||
@@ -28,7 +24,9 @@ const trends = [
|
||||
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"
|
||||
>
|
||||
<div class="col-span-4 flex items-center justify-center">
|
||||
<div class="lg:w-4/6 max-lg:p-5 space-y-6 lg:space-y-12">
|
||||
<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">
|
||||
<label for="search" class="block">
|
||||
<h1
|
||||
@@ -41,16 +39,16 @@ const trends = [
|
||||
<Search />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div class="space-y-1.5">
|
||||
<h2 class="font-bold text-xl flex gap-1">
|
||||
<Icon name="arrow-trending-up" class="size-6" />
|
||||
<span>Cursos mais procurados</span>
|
||||
</h2>
|
||||
<ul class="list-disc list-inside font-medium">
|
||||
{
|
||||
trends.map(({ label, href }) => (
|
||||
trends.map(({ data }) => (
|
||||
<li>
|
||||
<a href={href}>{label}</a>
|
||||
<a href={data.slug}>{data.title}</a>
|
||||
</li>
|
||||
))
|
||||
}
|
||||
@@ -77,10 +75,82 @@ const trends = [
|
||||
<Features />
|
||||
|
||||
<Container>
|
||||
<section>
|
||||
<h1 class="text-pretty text-5xl">
|
||||
Uma plataforma, múltiplas soluções
|
||||
</h1>
|
||||
<section class="mx-auto lg:w-2/3 space-y-6 py-5 lg:py-12">
|
||||
<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="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>
|
||||
<p>
|
||||
Sua equipe pode cadastrar e matricular
|
||||
colaboradores sem depender de atendimento ou
|
||||
suporte.
|
||||
</p>
|
||||
<p>
|
||||
Tudo acontece em tempo real, direto na
|
||||
plataforma, com total controle do gestor.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col border-white/10 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>
|
||||
<p>
|
||||
Acompanhe o progresso dos alunos, visualize
|
||||
vencimentos de certificados e gere relatórios
|
||||
personalizados — tudo com poucos cliques.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col border-white/10 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>
|
||||
<p>
|
||||
Precisa cadastrar 5, 50 ou 500 colaboradores?
|
||||
Importe seus colaboradores em larga escala.
|
||||
</p>
|
||||
<p>
|
||||
A importação em lote poupa tempo e reduz erros
|
||||
operacionais.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col border-white/10 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">
|
||||
Relatórios e certificados
|
||||
</div>
|
||||
<p>Certificados automáticos ao final do curso.</p>
|
||||
<p>
|
||||
Exporte relatórios completos, ideais para
|
||||
auditorias, gestão de compliance e tomada de
|
||||
decisão.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col border-white/10 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>
|
||||
<p>
|
||||
Chega de emails, formulários e esperas. O
|
||||
gerenciamento dos treinamentos acontecem com
|
||||
fluidez — como deve ser no mundo digital.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="flex flex-col justify-center items-center border-lime-400"
|
||||
>
|
||||
...
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Container>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user