wip

superpage/src/components/FAQ.jsx

@@ -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>
   )

superpage/src/components/Menu.jsx

@@ -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>

superpage/src/pages/index.astro

@@ -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">
+  <Container>
-    <h2>Quem é o instrutor?</h2>
+    <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">