79 lines
2.8 KiB
Plaintext
79 lines
2.8 KiB
Plaintext
---
|
|
import { Picture } from "astro:assets";
|
|
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 } from "~/components/Course";
|
|
import Stats from "./_components/Stats.astro";
|
|
|
|
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",
|
|
},
|
|
];
|
|
---
|
|
|
|
<Layout>
|
|
<div class="space-y-6 lg:space-y-12">
|
|
<Container>
|
|
<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"
|
|
>
|
|
<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="space-y-1.5">
|
|
<label for="search" class="block">
|
|
<h1
|
|
class="text-pretty font-semibold text-3xl lg:text-4xl"
|
|
>
|
|
Digite o curso para ver todos detalhes
|
|
</h1>
|
|
</label>
|
|
|
|
<Search />
|
|
</div>
|
|
|
|
<div>
|
|
<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 }) => (
|
|
<li>
|
|
<a href={href}>{label}</a>
|
|
</li>
|
|
))
|
|
}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-span-2 relative h-116 -m-px max-lg:hidden">
|
|
<Picture
|
|
alt="Mulher com EPI"
|
|
formats={["webp"]}
|
|
src={mulhercomepi}
|
|
class="w-86 left-0 bottom-0 absolute"
|
|
/>
|
|
</div>
|
|
</nav>
|
|
</Container>
|
|
|
|
<Stats />
|
|
|
|
<Clients />
|
|
</div>
|
|
</Layout>
|