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

wip

Browse Source
This commit is contained in:
Sérgio Rafael Siqueira
2025-04-16 17:22:37 -03:00
parent 1f48618bf8
commit 34279f4b16
4 changed files with 43 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
superpage/src/assets/francis.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.7 KiB

2
superpage/src/components/FAQ.jsx
View File

@@ -95,7 +95,7 @@ export function ListButton({ children }) {
export function ListPanel({ children }) {
return (
<DisclosurePanel className="text-sm/6 space-y-2 px-5 pb-3">
<DisclosurePanel className="text-sm/6 text-white/70 space-y-2 px-5 pb-3">
{children}
</DisclosurePanel>
)

8
superpage/src/components/Menu.jsx
View File

@@ -33,7 +33,7 @@ export function Menu() {
>
<Container className="text-black relative xl:w-10/12 2xl:w-5xl">
<CloseButton
className="absolute bg-black -top-3.5 2xl:-top-20 right-2.5 2xl:right-0 text-white rounded-full p-px cursor-pointer"
className="absolute border border-black bg-white/20 -top-3.5 2xl:-top-20 right-2.5 2xl:right-0 rounded-full p-px cursor-pointer"
title="Fechar"
aria-hiden={true}
>
@@ -47,7 +47,7 @@ export function Menu() {
</h1>
</div>
<div className="flex max-lg:flex-col lg:gap-2.5 justify-between mb-2.5">
<div className="flex max-lg:flex-col gap-2.5 justify-between mb-3.5">
<h6 className="font-medium text-xl lg:text-2xl">
Conheça outros cursos da EDUSEG&reg;
</h6>
@@ -56,7 +56,7 @@ export function Menu() {
{/* Search */}
<label className="flex gap-1 items-center">
<span className="text-nowrap">Buscar por</span>
<div className="flex border rounded px-1.5 py-0.5 lg:px-2 lg:py-1 focus-within:bg-white w-full transition duration-150">
<div className="flex border rounded px-1.5 py-0.5 lg:px-2 lg:py-1 bg-white/20 focus-within:bg-white w-full transition duration-150">
<input className="outline-none w-full" />
<MagnifyingGlassIcon className="w-5" />
</div>
@@ -64,7 +64,7 @@ export function Menu() {
{/* Filter */}
<Field className="flex gap-1 items-center">
<Label className="text-nowrap">Exibir apenas</Label>
<div className="relative w-full lg:w-30">
<div className="relative w-full lg:w-30 bg-white/20">
<Select className="flex border items-center justify-between gap-0.5 border-black rounded px-1.5 py-0.5 lg:px-2 lg:py-1 appearance-none focus:outline-none w-full">
<option value="formacao">Formação</option>
<option value="reciclagem">Reciclagem</option>

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

@@ -1,9 +1,7 @@
---
import Layout from '@layouts/Layout.astro'
import { Picture } from 'astro:assets'
import { Card } from '@components/Card'
import { Container } from '@components/Container'
import { Form } from '@components/Form'
import { FAQ } from '@components/FAQ'
import {
AcademicCapIcon,
@@ -17,6 +15,7 @@ import { CheckBadgeIcon } from '@heroicons/react/24/solid'
import nr18plataforma from '../assets/nr18-plataforma.png'
import mulherdenegocios from '../assets/mulher-de-negocios.png'
import homemdenegocios from '../assets/homem-de-negocios.png'
import francis from '../assets/francis.jpeg'
---
<Layout>
@@ -30,7 +29,7 @@ import homemdenegocios from '../assets/homem-de-negocios.png'
<section>
<div class="space-y-5">
<span class="font-medium">Curso de formação</span>
<h1 class="font-semibold text-4xl lg:text-7xl">
<h1 class="text-pretty font-semibold text-4xl lg:text-7xl">
NR-18 PEMT Plataforma Móvel de Trabalho Aéreo
</h1>
<p class="text-base/6">
@@ -91,7 +90,7 @@ import homemdenegocios from '../assets/homem-de-negocios.png'
</section>
</Container>
<Container className="h-full">
<Container>
<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-6 relative h-136 hidden lg:block -m-px"
@@ -111,7 +110,7 @@ import homemdenegocios from '../assets/homem-de-negocios.png'
</div>
<div class="col-span-2 flex items-center">
<div class="lg:w-7/12 lg:mx-auto space-y-5 p-6">
<h2 class="text-4xl font-semibold">
<h2 class="text-pretty text-4xl font-semibold">
Por que capacitar sua equipe com a EDUSEG&reg;
</h2>
<p>
@@ -147,10 +146,10 @@ import homemdenegocios from '../assets/homem-de-negocios.png'
</Container>
<Container
className="py-3 lg:py-12 grid gap-2.5 lg:grid-cols-3 lg:gap-5 lg:w-3/6"
className="py-3 lg:py-24 grid gap-2.5 lg:grid-cols-3 lg:gap-5 2xl:w-3/6 "
>
<div class="space-y-2.5">
<h1 class="text-4xl lg:text-5xl text-pretty">Módulos deste curso</h1>
<h4 class="text-4xl lg:text-5xl text-pretty">Módulos deste curso</h4>
<p class="text-base/6">
O curso é dividido em módulos para facilitar seu aprendizado e garantir
que você domine todos os aspectos teóricos e práticos.
@@ -190,8 +189,38 @@ import homemdenegocios from '../assets/homem-de-negocios.png'
</ul>
</Container> -->
<Container className="hidden">
<h2>Quem é o instrutor?</h2>
<Container>
<div class="bg-white/10 rounded-2xl p-2.5 xl:py-24">
<div class="lg:w-8/12 flex max-lg:flex-col gap-5 mx-auto">
<div class="shrink-0">
<Picture
src={francis}
alt="Francis Ricardo Baretta"
class="rounded-xl size-32 outline-2 outline-offset-2 outline-lime-400"
}
/>
</div>
<div class="space-y-2.5">
<h5 class="text-xl text-pretty">Quem é o instrutor?</h5>
<h5 class="text-4xl lg:text-5xl text-pretty">
Francis Ricardo Baretta
</h5>
<p class="text-white/70">
Francis Ricardo Baretta é Engenheiro em Segurança do Trabalho e
Engenheiro Eletricista com registro no CREA SC 126693-0. Além disso,
possui formação acadêmica pela Universidade Regional de Blumenau
(FURB) em Engenharia de Telecomunicações e Engenharia Elétrica, além
de estar cursando Pós-Graduação em Engenharia de Segurança do
Trabalho pela UNIASSELVI.
</p>
<p class="text-white/70">
Participou de cursos e atividades complementares, incluindo NR-10,
NR-35, eficiência energética, gerenciamento de projetos, energia
fotovoltaica e treinamento de ferramentas de gestão avançadas.
</p>
</div>
</div>
</div>
</Container>
<!--
<Container className="lg:space-y-5 lg:p-3">