update superpage
This commit is contained in:
@@ -1,82 +1,96 @@
|
||||
---
|
||||
import "../styles/app.css";
|
||||
import { Regular as Logo } from "@components/Logo";
|
||||
import { Container } from "@components/Container";
|
||||
import { Select } from "@components/Select";
|
||||
import '../styles/app.css'
|
||||
import { Regular as Logo } from '@components/Logo'
|
||||
import { Container } from '@components/Container'
|
||||
import {
|
||||
ArrowLeftStartOnRectangleIcon,
|
||||
AcademicCapIcon,
|
||||
} from "@heroicons/react/24/solid";
|
||||
ArrowLeftStartOnRectangleIcon,
|
||||
AcademicCapIcon,
|
||||
ChevronDownIcon,
|
||||
} from '@heroicons/react/24/solid'
|
||||
---
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||
<meta name="generator" content={Astro.generator} />
|
||||
<title>EDUSEG® — Educação que garante sua segurança</title>
|
||||
</head>
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||
<meta name="generator" content={Astro.generator} />
|
||||
<title>EDUSEG® — Educação que garante sua segurança</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<Container className="flex items-center p-3">
|
||||
<Logo className="h-8" />
|
||||
<body>
|
||||
<Container className="flex items-center py-3">
|
||||
<Logo className="h-8" />
|
||||
|
||||
<div class="ml-auto">
|
||||
<a href="#" class="flex gap-1 items-center">
|
||||
<ArrowLeftStartOnRectangleIcon className="w-5 rotate-180" />
|
||||
<>Entrar</>
|
||||
</a>
|
||||
<div class="ml-auto">
|
||||
<a href="#" class="flex gap-1 items-center">
|
||||
<ArrowLeftStartOnRectangleIcon className="w-5 rotate-180" />
|
||||
<>Entrar</>
|
||||
</a>
|
||||
</div>
|
||||
</Container>
|
||||
|
||||
<section class="bg-lime-400 sticky top-0 z-10 py-3">
|
||||
<Container className="flex items-center">
|
||||
<div
|
||||
class="flex gap-1.5 lg:gap-3 items-center rounded hover:ring-2 ring-black"
|
||||
>
|
||||
<div class="flex gap-1.5">
|
||||
<div class="text-black truncate max-lg:max-w-36 font-semibold">
|
||||
NR-18 PEMT Plataforma Móvel de Trabalho Aéreo
|
||||
</div>
|
||||
</Container>
|
||||
<ChevronDownIcon className="w-5 fill-black" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="bg-lime-400 sticky top-0 z-10">
|
||||
<Container className="flex items-center p-3">
|
||||
<div class="flex gap-1.5 lg:gap-3 items-center">
|
||||
<div class="bg-black p-1.5 lg:p-3 rounded-lg lg:rounded-xl">
|
||||
<AcademicCapIcon className="w-5 fill-lime-400" />
|
||||
</div>
|
||||
<div class="ml-auto">
|
||||
<button
|
||||
class="bg-black font-semibold py-2.5 px-3 rounded-md cursor-pointer"
|
||||
>
|
||||
Contratar agora
|
||||
</button>
|
||||
</div>
|
||||
</Container>
|
||||
</section>
|
||||
|
||||
<div class="flex gap-1.5">
|
||||
<div class="text-black truncate max-lg:max-w-36">
|
||||
NR-18 PEMT Plataforma Móvel de Trabalho Aéreo
|
||||
</div>
|
||||
<!-- <Select client:load /> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-12">
|
||||
<slot />
|
||||
</div>
|
||||
|
||||
<div class="ml-auto">
|
||||
<button
|
||||
class="bg-black p-2.5 rounded-md cursor-pointer text-sm"
|
||||
>
|
||||
Comprar R$149,00
|
||||
</button>
|
||||
</div>
|
||||
</Container>
|
||||
</section>
|
||||
<footer class="bg-stone-900 py-3 lg:py-10 hidden">
|
||||
<Container className="space-y-5 lg:grid grid-cols-6">
|
||||
<div class="space-y-2.5">
|
||||
<Logo className="h-10" />
|
||||
<p class="text-sm/4 tracking-tighter text-balance">
|
||||
Educação que garante<br />sua segurança.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<slot />
|
||||
|
||||
<footer class="bg-stone-900 p-3 lg:py-10">
|
||||
<Container className="space-y-5">
|
||||
<div class="space-y-1">
|
||||
<Logo className="h-10" />
|
||||
<p class="text-sm text-green-tertiary leading-4">
|
||||
Educação que garante<br />sua segurança.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="space-y-1">
|
||||
<h6 class="text-xl">Cursos</h6>
|
||||
<ul>
|
||||
<li>Lei Lucas</li>
|
||||
<li>NR-18 PEMT Plataforma Móvel de Trabalho Aéreo</li>
|
||||
<li>NR-35 Trabalho em Altura</li>
|
||||
<li>NR-10 Básico</li>
|
||||
</ul>
|
||||
</div>
|
||||
</Container>
|
||||
</footer>
|
||||
</body>
|
||||
<div class="space-y-1 lg:col-span-5">
|
||||
<h6 class="text-2xl/4">Conheça outros cursos</h6>
|
||||
<ul class="mt-2.5">
|
||||
<li>Lei Lucas</li>
|
||||
<li>NR-18 PEMT Plataforma Móvel de Trabalho Aéreo</li>
|
||||
<li>NR-35 Trabalho em Altura</li>
|
||||
<li>NR-10 Básico</li>
|
||||
<li>
|
||||
NR-12 Máquinas e Equipamentos <span
|
||||
class="bg-lime-300 py-0.5 px-1 text-black rounded text-sm/2"
|
||||
>Reciclagem</span
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
NR-18 PEMT Plataforma Elevatória Móvel de Trabalho <span
|
||||
class="bg-lime-300 py-0.5 px-1 text-black rounded text-sm/2"
|
||||
>Reciclagem</span
|
||||
>
|
||||
</li>
|
||||
<li>LOTO Lockout Tagout</li>
|
||||
<li>NR-18 Sinaleiro e Amarrador de Cargas para Içamento</li>
|
||||
</ul>
|
||||
</div>
|
||||
</Container>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user