update

superpage/src/components/Course/Cert.astro

@@ -3,7 +3,7 @@ import { Icon } from "astro-icon/components";
 import Container from "~/components/Container.astro";
 ---
 
-<Container id="certificado" {...Astro.props}>
+<Container id="cert" {...Astro.props}>
     <div
         class="text-black bg-linear-to-t from-lime-600 to-lime-400 border border-lime-400 p-5 lg:py-36 rounded-2xl relative overflow-hidden"
     >

superpage/src/components/Course/Course.astro

@@ -0,0 +1,33 @@
+---
+import Clients from "../Clients.astro";
+import Modules from "./Modules.astro";
+import Features from "../Features.astro";
+import Cert from "./Cert.astro";
+import Trainer from "./Trainer.astro";
+import Plans from "./Plans.astro";
+import Faq from "./Faq.astro";
+
+const { trainer } = Astro.props;
+---
+
+<Plans />
+
+<Clients />
+
+<Features />
+
+<Modules>
+    <slot name="modules" />
+</Modules>
+
+{trainer && <Trainer name={trainer} />}
+
+{
+    Astro.slots.has("faq") && (
+        <Faq>
+            <slot name="faq" />
+        </Faq>
+    )
+}
+
+<Cert />

superpage/src/components/Course/Faq.astro

@@ -2,8 +2,16 @@
 import Container from "~/components/Container.astro";
 ---
 
-<Container class:list={[" space-y-2.5 lg:space-y-5", Astro.props.class]}>
+<Container {...Astro.props}>
-    <h2 class="text-pretty text-4xl lg:text-5xl">
+    <section
-        FAQ &mdash; Perguntas frequentes
+        class="space-y-2.5 lg:py-24 lg:grid grid-cols-3 gap-5 mx-auto lg:w-5/8"
-    </h2>
+    >
+        <h2 class="text-pretty text-4xl lg:text-5xl">
+            FAQ &mdash; Perguntas frequentes
+        </h2>
+
+        <div class="col-span-2">
+            <slot />
+        </div>
+    </section>
 </Container>

superpage/src/components/Course/Modules.astro

@@ -2,15 +2,19 @@
 import Container from "~/components/Container.astro";
 ---
 
-<Container id="modulos" class="2xl:w-5/12 lg:py-24 space-y-6" {...Astro.props}>
+<Container id="modules" {...Astro.props}>
-    <div class="space-y-2.5">
+    <section class="lg:w-5/8 lg:py-24 space-y-6 mx-auto">
-        <h4 class="text-pretty text-4xl lg:text-6xl">Módulos deste curso</h4>
+        <div class="space-y-2.5">
-        <p>
+            <h4 class="text-pretty text-4xl lg:text-6xl">
-            O curso é dividido em módulos para facilitar seu aprendizado e
+                Módulos deste curso
-            garantir que você domine todos os aspectos teóricos e práticos.
+            </h4>
-        </p>
+            <p>
-    </div>
+                O curso é dividido em módulos para facilitar seu aprendizado e
-    <div class="lg:col-span-2 flex flex-col gap-1.5">
+                garantir que você domine todos os aspectos teóricos e práticos.
-        <slot />
+            </p>
-    </div>
+        </div>
+        <div class="lg:col-span-2 flex flex-col gap-1.5">
+            <slot />
+        </div>
+    </section>
 </Container>

superpage/src/components/Course/Plans.astro

@@ -4,7 +4,7 @@ import Form from "./Contact.jsx";
 ---
 
 <div>
-    <Container id="modelos" {...Astro.props}>
+    <Container id="plans" {...Astro.props}>
         <section class="space-y-5 lg:space-y-10 xl:w-4/6 mx-auto">
             <h1 class="text-pretty text-4xl lg:text-6xl">
                 Modelos de contratação para sua empresa

superpage/src/components/Course/index.ts

@@ -1,8 +1 @@
-export { default as Cert } from "./Cert.astro";
+export { default as Course } from "./Course.astro";
-export { default as Clients } from "./Clients.astro";
-export { default as Features } from "./Features.astro";
-export { default as Modules } from "./Modules.astro";
-export { default as Trainer } from "./Trainer.astro";
-export { default as Faq } from "./Faq.astro";
-export { default as Plans } from "./Plans.astro";
-export { default as Stats } from "./Stats.astro";

superpage/src/content/courses/cipa-grau-de-risco-1.mdx

@@ -11,82 +11,96 @@ course:
 ---
 
 import { Accordion, Item, Header, Body } from "~/components/Accordion";
-import {
+import { Course } from "~/components/Course";
-  Modules,
-  Clients,
-  Features,
-  Cert,
-  Trainer,
-  Plans,
-} from "~/components/Course";
 
-<Plans />
+<Course trainer="francis">
-
+  {/* Modules */}
-<Clients />
+  <Accordion slot="modules">
-
-<Features />
-
-<Modules>
-  <Accordion>
     <Item>
-      <Header>Estudo do ambiente, das condições de trabalho, bem como dos riscos originados do processo produtivo</Header>
+      <Header>
+        Estudo do ambiente, das condições de trabalho, bem como dos riscos
+        originados do processo produtivo
+      </Header>
       <Body>
-        Análise aprofundada do ambiente de trabalho, identificação de riscos e compreensão das condições que influenciam a segurança e a saúde dos trabalhadores.
+        Análise aprofundada do ambiente de trabalho, identificação de riscos e
+        compreensão das condições que influenciam a segurança e a saúde dos
+        trabalhadores.
       </Body>
     </Item>
-
     <Item>
-      <Header>Noções sobre acidentes e doenças relacionadas ao trabalho decorrentes das condições de trabalho e da exposição aos riscos existentes no estabelecimento e suas medidas de prevenção</Header>
+      <Header>
+        Noções sobre acidentes e doenças relacionadas ao trabalho decorrentes
+        das condições de trabalho e da exposição aos riscos existentes no
+        estabelecimento e suas medidas de prevenção
+      </Header>
       <Body>
-        Entendimento dos principais acidentes e doenças ocupacionais, suas causas e estratégias de prevenção, considerando as condições específicas de cada ambiente laboral.
+        Entendimento dos principais acidentes e doenças ocupacionais, suas
+        causas e estratégias de prevenção, considerando as condições específicas
+        de cada ambiente laboral.
       </Body>
     </Item>
-
     <Item>
-      <Header>Metodologia de investigação e análise de acidentes e doenças relacionadas ao trabalho</Header>
+      <Header>
+        Metodologia de investigação e análise de acidentes e doenças
+        relacionadas ao trabalho
+      </Header>
       <Body>
-        Estudo dos métodos de investigação de acidentes de trabalho e doenças ocupacionais, visando a identificação de causas e a implementação de ações corretivas e preventivas.
+        Estudo dos métodos de investigação de acidentes de trabalho e doenças
+        ocupacionais, visando a identificação de causas e a implementação de
+        ações corretivas e preventivas.
       </Body>
     </Item>
-
     <Item>
-      <Header>Princípios gerais de higiene do trabalho e de medidas de prevenção dos riscos</Header>
+      <Header>
+        Princípios gerais de higiene do trabalho e de medidas de prevenção dos
+        riscos
+      </Header>
       <Body>
-        Conceitos fundamentais de higiene ocupacional e práticas essenciais para o controle e a prevenção de riscos à saúde no ambiente de trabalho.
+        Conceitos fundamentais de higiene ocupacional e práticas essenciais para
+        o controle e a prevenção de riscos à saúde no ambiente de trabalho.
       </Body>
     </Item>
-
     <Item>
-      <Header>Noções sobre as legislações trabalhista e previdenciária relativas à segurança e saúde no trabalho</Header>
+      <Header>
+        Noções sobre as legislações trabalhista e previdenciária relativas à
+        segurança e saúde no trabalho
+      </Header>
       <Body>
-        Apresentação das principais normas e leis que regulamentam a segurança, a saúde ocupacional e os direitos trabalhistas no Brasil.
+        Apresentação das principais normas e leis que regulamentam a segurança,
+        a saúde ocupacional e os direitos trabalhistas no Brasil.
       </Body>
     </Item>
-
     <Item>
-      <Header>Noções sobre a inclusão de pessoas com deficiência e reabilitados nos processos de trabalho</Header>
+      <Header>
+        Noções sobre a inclusão de pessoas com deficiência e reabilitados nos
+        processos de trabalho
+      </Header>
       <Body>
-        <p>Discussão sobre práticas de inclusão e integração de pessoas com deficiência e reabilitados, promovendo ambientes de trabalho mais acessíveis e igualitários.</p>
+        Discussão sobre práticas de inclusão e integração de pessoas com
+        deficiência e reabilitados, promovendo ambientes de trabalho mais
+        acessíveis e igualitários.
       </Body>
     </Item>
-
     <Item>
-      <Header>Violência, assédio, igualdade e diversidade no âmbito do trabalho</Header>
+      <Header>
+        Violência, assédio, igualdade e diversidade no âmbito do trabalho
+      </Header>
       <Body>
-        Reflexão sobre temas sensíveis no ambiente corporativo, abordando estratégias de prevenção ao assédio, promoção da igualdade e valorização da diversidade no trabalho.
+        Reflexão sobre temas sensíveis no ambiente corporativo, abordando
+        estratégias de prevenção ao assédio, promoção da igualdade e valorização
+        da diversidade no trabalho.
       </Body>
     </Item>
-
     <Item>
-      <Header>Organização da CIPA e outros assuntos necessários ao exercício das atribuições da Comissão</Header>
+      <Header>
+        Organização da CIPA e outros assuntos necessários ao exercício das
+        atribuições da Comissão
+      </Header>
       <Body>
-        Estruturação, funcionamento e atribuições da CIPA, além de aspectos complementares para o pleno exercício das atividades de prevenção de acidentes e promoção da saúde.
+        Estruturação, funcionamento e atribuições da CIPA, além de aspectos
+        complementares para o pleno exercício das atividades de prevenção de
+        acidentes e promoção da saúde.
       </Body>
     </Item>
-
   </Accordion>
-</Modules>
+</Course>
-
-<Trainer name="francis" />
-
-<Cert />

superpage/src/content/courses/cipa-grau-de-risco-2.mdx

@@ -11,82 +11,96 @@ course:
 ---
 
 import { Accordion, Item, Header, Body } from "~/components/Accordion";
-import {
+import { Course } from "~/components/Course";
-  Modules,
-  Clients,
-  Features,
-  Cert,
-  Trainer,
-  Plans,
-} from "~/components/Course";
 
-<Plans />
+<Course trainer="francis">
-
+  {/* Modules */}
-<Clients />
+  <Accordion slot="modules">
-
-<Features />
-
-<Modules>
-  <Accordion>
     <Item>
-      <Header>Estudo do ambiente, das condições de trabalho, bem como dos riscos originados do processo produtivo</Header>
+      <Header>
+        Estudo do ambiente, das condições de trabalho, bem como dos riscos
+        originados do processo produtivo
+      </Header>
       <Body>
-        <p>Análise aprofundada do ambiente de trabalho, identificação de riscos e compreensão das condições que influenciam a segurança e a saúde dos trabalhadores.</p>
+        Análise aprofundada do ambiente de trabalho, identificação de riscos e
+        compreensão das condições que influenciam a segurança e a saúde dos
+        trabalhadores.
       </Body>
     </Item>
-
     <Item>
-      <Header>Noções sobre acidentes e doenças relacionadas ao trabalho decorrentes das condições de trabalho e da exposição aos riscos existentes no estabelecimento e suas medidas de prevenção</Header>
+      <Header>
+        Noções sobre acidentes e doenças relacionadas ao trabalho decorrentes
+        das condições de trabalho e da exposição aos riscos existentes no
+        estabelecimento e suas medidas de prevenção
+      </Header>
       <Body>
-        <p>Entendimento dos principais acidentes e doenças ocupacionais, suas causas e estratégias de prevenção, considerando as condições específicas de cada ambiente laboral.</p>
+        Entendimento dos principais acidentes e doenças ocupacionais, suas
+        causas e estratégias de prevenção, considerando as condições específicas
+        de cada ambiente laboral.
       </Body>
     </Item>
-
     <Item>
-      <Header>Metodologia de investigação e análise de acidentes e doenças relacionadas ao trabalho</Header>
+      <Header>
+        Metodologia de investigação e análise de acidentes e doenças
+        relacionadas ao trabalho
+      </Header>
       <Body>
-        <p>Estudo dos métodos de investigação de acidentes de trabalho e doenças ocupacionais, visando a identificação de causas e a implementação de ações corretivas e preventivas.</p>
+        Estudo dos métodos de investigação de acidentes de trabalho e doenças
+        ocupacionais, visando a identificação de causas e a implementação de
+        ações corretivas e preventivas.
       </Body>
     </Item>
-
     <Item>
-      <Header>Princípios gerais de higiene do trabalho e de medidas de prevenção dos riscos</Header>
+      <Header>
+        Princípios gerais de higiene do trabalho e de medidas de prevenção dos
+        riscos
+      </Header>
       <Body>
-        <p>Conceitos fundamentais de higiene ocupacional e práticas essenciais para o controle e a prevenção de riscos à saúde no ambiente de trabalho.</p>
+        Conceitos fundamentais de higiene ocupacional e práticas essenciais para
+        o controle e a prevenção de riscos à saúde no ambiente de trabalho.
       </Body>
     </Item>
-
     <Item>
-      <Header>Noções sobre as legislações trabalhista e previdenciária relativas à segurança e saúde no trabalho</Header>
+      <Header>
+        Noções sobre as legislações trabalhista e previdenciária relativas à
+        segurança e saúde no trabalho
+      </Header>
       <Body>
-        <p>Apresentação das principais normas e leis que regulamentam a segurança, a saúde ocupacional e os direitos trabalhistas no Brasil.</p>
+        Apresentação das principais normas e leis que regulamentam a segurança,
+        a saúde ocupacional e os direitos trabalhistas no Brasil.
       </Body>
     </Item>
-
     <Item>
-      <Header>Noções sobre a inclusão de pessoas com deficiência e reabilitados nos processos de trabalho</Header>
+      <Header>
+        Noções sobre a inclusão de pessoas com deficiência e reabilitados nos
+        processos de trabalho
+      </Header>
       <Body>
-        <p>Discussão sobre práticas de inclusão e integração de pessoas com deficiência e reabilitados, promovendo ambientes de trabalho mais acessíveis e igualitários.</p>
+        Discussão sobre práticas de inclusão e integração de pessoas com
+        deficiência e reabilitados, promovendo ambientes de trabalho mais
+        acessíveis e igualitários.
       </Body>
     </Item>
-
     <Item>
-      <Header>Violência, assédio, igualdade e diversidade no âmbito do trabalho</Header>
+      <Header>
+        Violência, assédio, igualdade e diversidade no âmbito do trabalho
+      </Header>
       <Body>
-        <p>Reflexão sobre temas sensíveis no ambiente corporativo, abordando estratégias de prevenção ao assédio, promoção da igualdade e valorização da diversidade no trabalho.</p>
+        Reflexão sobre temas sensíveis no ambiente corporativo, abordando
+        estratégias de prevenção ao assédio, promoção da igualdade e valorização
+        da diversidade no trabalho.
       </Body>
     </Item>
-
     <Item>
-      <Header>Organização da CIPA e outros assuntos necessários ao exercício das atribuições da Comissão</Header>
+      <Header>
+        Organização da CIPA e outros assuntos necessários ao exercício das
+        atribuições da Comissão
+      </Header>
       <Body>
-        <p>Estruturação, funcionamento e atribuições da CIPA, além de aspectos complementares para o pleno exercício das atividades de prevenção de acidentes e promoção da saúde.</p>
+        Estruturação, funcionamento e atribuições da CIPA, além de aspectos
+        complementares para o pleno exercício das atividades de prevenção de
+        acidentes e promoção da saúde.
       </Body>
     </Item>
-
   </Accordion>
-</Modules>
+</Course>
-
-<Trainer name="francis" />
-
-<Cert />

superpage/src/content/courses/cipa-grau-de-risco-3.mdx

@@ -11,23 +11,10 @@ course:
 ---
 
 import { Accordion, Item, Header, Body } from "~/components/Accordion";
-import {
+import { Course } from "~/components/Course";
-  Modules,
-  Clients,
-  Features,
-  Cert,
-  Trainer,
-  Plans,
-} from "~/components/Course";
 
-<Plans />
+<Course trainer="francis">
-
+  <Accordion slot="modules">
-<Clients />
-
-<Features />
-
-<Modules>
-  <Accordion>
     <Item>
       <Header>Estudo do ambiente, das condições de trabalho, bem como dos riscos originados do processo produtivo</Header>
       <Body>
@@ -85,8 +72,4 @@ import {
     </Item>
 
   </Accordion>
-</Modules>
+</Course>
-
-<Trainer name="francis" />
-
-<Cert />

superpage/src/content/courses/cipa-grau-de-risco-4.mdx

@@ -11,23 +11,10 @@ course:
 ---
 
 import { Accordion, Item, Header, Body } from "~/components/Accordion";
-import {
+import { Course } from "~/components/Course";
-  Modules,
-  Clients,
-  Features,
-  Cert,
-  Trainer,
-  Plans,
-} from "~/components/Course";
 
-<Plans />
+<Course trainer="Course">
-
+  <Accordion slot="modules">
-<Clients />
-
-<Features />
-
-<Modules>
-  <Accordion>
     <Item>
       <Header>Estudo do ambiente, das condições de trabalho, bem como dos riscos originados do processo produtivo</Header>
       <Body>
@@ -85,8 +72,4 @@ import {
     </Item>
 
   </Accordion>
-</Modules>
+</Course>
-
-<Trainer name="francis" />
-
-<Cert />

superpage/src/content/courses/combate-a-incendio.mdx

@@ -11,23 +11,10 @@ course:
 ---
 
 import { Accordion, Item, Header, Body } from "~/components/Accordion";
-import {
+import { Course } from "~/components/Course";
-  Modules,
-  Clients,
-  Features,
-  Cert,
-  Trainer,
-  Plans,
-} from "~/components/Course";
 
-<Plans />
+<Course trainer="francis">
-
+  <Accordion slot="modules">
-<Clients />
-
-<Features />
-
-<Modules>
-  <Accordion>
     <Item>
       <Header>Vamos falar sobre o Fogo</Header>
       <Body>
@@ -57,8 +44,4 @@ import {
     </Item>
 
   </Accordion>
-</Modules>
+</Course>
-
-<Trainer name="francis" />
-
-<Cert />

superpage/src/content/courses/lei-lucas.mdx

@@ -11,24 +11,11 @@ course:
 ---
 
 import { Accordion, Item, Header, Body } from "~/components/Accordion";
-import {
+import { Course } from "~/components/Course";
-  Modules,
-  Clients,
-  Features,
-  Cert,
-  Trainer,
-  Faq,
-  Plans,
-} from "~/components/Course";
 
-<Plans />
+<Course trainer="francis">
-
+    {/* Modules */}
-<Clients />
+    <Accordion slot="modules">
-
-<Features />
-
-<Modules>
-    <Accordion>
         <Item>
             <Header>Introdução à Lei Lucas</Header>
             <Body>
@@ -37,7 +24,6 @@ import {
                 - Exigências para instituições de ensino
             </Body>
         </Item>
-
         <Item>
             <Header>Aspectos gerais dos primeiros socorros</Header>
             <Body>
@@ -46,17 +32,104 @@ import {
                 - Objetivos dos primeiros socorros
             </Body>
         </Item>
-
         <Item>
             <Header>Sinais vitais e avaliação primária</Header>
-            <Body></Body>
+            <Body>
+                - Verificação de pulso, respiração e temperatura
+                - Avaliação de cenários e segurança
+                - Identificação de problemas vitais
+            </Body>
+        </Item>
+        <Item>
+            <Header>Parada cardiorrespiratória (PCR)</Header>
+            <Body>
+                - Causas da PCR
+                - Procedimentos de reanimação cardiopulmonar (RCP)
+                - Técnicas específicas para crianças e adultos
+            </Body>
+        </Item>
+        <Item>
+            <Header>Hemorragias e controle</Header>
+            <Body>
+                - Tipos de hemorragias
+                - Procedimentos para controle de hemorragias externas e internas
+                - Uso de torniquetes
+            </Body>
+        </Item>
+        <Item>
+            <Header>Queimaduras</Header>
+            <Body>
+                - Classificação das queimaduras (1º, 2º, 3º grau)
+                - Tratamento para queimaduras térmicas, químicas e elétricas
+            </Body>
+        </Item>
+        <Item>
+            <Header>Engasgo e Manobra de Heimlich</Header>
+            <Body>
+                - Técnicas para desobstrução de vias aéreas
+                - Manobra de Heimlich para adultos, crianças e bebês
+            </Body>
+        </Item>
+        <Item>
+            <Header>Fraturas, luxações e entorses</Header>
+            <Body>
+                - Reconhecimento de fraturas e luxações
+                - Imobilização de fraturas
+                - Procedimentos para entorses
+            </Body>
+        </Item>
+        <Item>
+            <Header>Emergências traumáticas</Header>
+            <Body>
+                - Tipos de traumas e procedimentos de primeiros socorros
+                - Traumatismos cranioencefálicos e espinhais
+            </Body>
+        </Item>
+        <Item>
+            <Header>Convulsões e Desmaios</Header>
+            <Body>
+                - Causas e sintomas
+                - Procedimentos de primeiros socorros em casos de convulsão e desmaio
+            </Body>
         </Item>
     </Accordion>
 
-</Modules>
+    {/* FAQ */}
+    <Accordion slot="faq">
+        <Item>
+            <Header>Eu preciso ficar as 08 horas online?</Header>
+            <Body>
+                Não, o acesso ao conteúdo do curso na plataforma online é 24 horas, ou seja, é possível acessar o material a qualquer momento e local, basta ter uma conexão com a internet.
 
-<Trainer name="francis" />
+                Isso permite que você estude de forma flexível e ajustada à sua rotina, sem ter que se deslocar para um ambiente presencial.
 
-<Faq />
+                Além disso, essa disponibilidade constante facilita a revisão dos conteúdos e a preparação para avaliações, contribuindo para uma melhor retenção do conhecimento.
+            </Body>
+        </Item>
+        <Item>
+            <Header>Qual é a validade do certificado?</Header>
+            <Body>
+                É válido por 1 ano após da data de emissão do certificado, após isso precisa ser renovado periodicamente para garantir a atualização com as normas e práticas de segurança.
+            </Body>
+        </Item>
 
-<Cert />
+        <Item>
+            <Header>O certificado é reconhecido?</Header>
+            <Body>
+                O certificado emitido após a conclusão do curso da Lei Lucas está de acordo com as normas exigidas dentro da Lei Nº 13.722, DE 4 DE OUTUBRO DE 2018.
+
+                Com o certificado o profissional está capacitado para trabalhar com segurança em serviços com plataformas elevatórias móveis de trabalho, isto é fundamental para garantir a segurança de todos envolvidos.
+            </Body>
+        </Item>
+
+        <Item>
+            <Header>Há suporte técnico disponível?</Header>
+            <Body>
+                O nosso suporte técnico está disponível para atendê-lo durante o horário comercial. Para sanar suas dúvidas, você pode entrar em contato conosco através dos canais de telefone, e-mail, whatsapp e através da própria plataforma.
+
+                Dessa forma nossa equipe de suporte está comprometida em responder rapidamente às suas perguntas e questões técnicas serão solucionadas em até 48 horas.
+            </Body>
+        </Item>
+    </Accordion>
+
+</Course>

superpage/src/content/courses/nr-18-plataforma-de-trabalho-aereo.mdx

@@ -15,27 +15,14 @@ course:
 ---
 
 import { Accordion, Item, Header, Body } from "~/components/Accordion";
-import {
+import { Course } from "~/components/Course";
-  Modules,
-  Clients,
-  Features,
-  Cert,
-  Trainer,
-  Plans,
-} from "~/components/Course";
 
-<Plans />
+<Course trainer="francis">
-
+    <Accordion slot="modules">
-<Clients />
-
-<Features />
-
-<Modules>
-    <Accordion>
         <Item>
             <Header>Aspectos regulamentares e legais da NR-18</Header>
             <Body>
-                <p>Exploração dos requisitos legais e normativos da NR-18 e da ABNT 16776 aplicáveis às Plataformas de Trabalho Aéreo, garantindo conformidade e segurança no ambiente de trabalho.</p>
+                Exploração dos requisitos legais e normativos da NR-18 e da ABNT 16776 aplicáveis às Plataformas de Trabalho Aéreo, garantindo conformidade e segurança no ambiente de trabalho.
             </Body>
         </Item>
 
@@ -45,43 +32,39 @@ import {
                 operacionais
             </Header>
             <Body>
-                <p>Apresentação dos diferentes modelos de Plataformas Elevatórias Móveis de
+                Apresentação dos diferentes modelos de Plataformas Elevatórias Móveis de
                 Trabalho (PEMTs), suas aplicações práticas, especificações técnicas e
-                modos operacionais.</p>
+                modos operacionais.
             </Body>
         </Item>
 
         <Item>
             <Header>Acidentes previsíveis com PEMTs e como evitá-los</Header>
             <Body>
-                <p>Análise de cenários de acidentes típicos envolvendo PEMTs, identificando causas e estabelecendo medidas preventivas para mitigar riscos.</p>
+                Análise de cenários de acidentes típicos envolvendo PEMTs, identificando causas e estabelecendo medidas preventivas para mitigar riscos.
             </Body>
         </Item>
 
         <Item>
             <Header>Plano de segurança da operação – PSO</Header>
             <Body>
-                <p>Desenvolvimento e aplicação do Plano de Segurança da Operação (PSO) como ferramenta indispensável para operações seguras, abrangendo planejamento, execução e controle de atividades.</p>
+                Desenvolvimento e aplicação do Plano de Segurança da Operação (PSO) como ferramenta indispensável para operações seguras, abrangendo planejamento, execução e controle de atividades.
             </Body>
         </Item>
 
         <Item>
             <Header>Manutenção mínima de segurança nas PEMTs</Header>
             <Body>
-                <p>Manutenção Mínima de Segurança nas PEMTs</p>
+                Manutenção Mínima de Segurança nas PEMTs
             </Body>
         </Item>
 
         <Item>
             <Header>Noções de primeiros socorros</Header>
             <Body>
-              <p>Capacitação em práticas essenciais de primeiros socorros, com foco em respostas rápidas e eficazes a possíveis incidentes durante o uso das PEMTs.</p>
+              Capacitação em práticas essenciais de primeiros socorros, com foco em respostas rápidas e eficazes a possíveis incidentes durante o uso das PEMTs.
             </Body>
         </Item>
     </Accordion>
 
-</Modules>
+</Course>
-
-<Trainer name="francis" />
-
-<Cert />

superpage/src/layouts/Layout.astro

@@ -2,8 +2,8 @@
 import "~/styles/app.css";
 import Container from "~/components/Container.astro";
 import { Icon } from "astro-icon/components";
-
+import Header from "./_components/Header.astro";
-const year = new Date().getFullYear();
+import Footer from "./_components/Footer.astro";
 ---
 
 <!doctype html>
@@ -22,47 +22,15 @@ const year = new Date().getFullYear();
     </head>
 
     <body>
-        <header>
+        <Header />
-            <Container class="flex items-center py-2.5">
-                <a href="/" aria-label="Página inicial">
-                    <Icon name="logos/eduseg" class="w-28 h-auto" />
-                </a>
-
-                <div class="ml-auto">
-                    <a
-                        href="//app.betaeducacao.com.br"
-                        class="flex gap-1 items-center hover:outline rounded-xs"
-                    >
-                        <Icon
-                            name="arrow-left-end-on-rectangle"
-                            class="size-5 rotate-180"
-                        />
-                        <>Entrar</>
-                    </a>
-                </div>
-            </Container>
-        </header>
 
         <slot name="nav" />
 
-        <main id="conteudo" data-pagefind-body>
+        <main id="content" data-pagefind-body>
             <slot />
         </main>
 
-        <footer class="py-2.5 lg:py-6 text-white/70">
+        <Footer />
-            <Container class="flex max-lg:flex-col gap-2.5 justify-between">
-                <div>
-                    &copy; {year} EDUSEG&reg; Todos os direitos reservados. CNPJ15.608.435/0001-90
-                </div>
-                <a
-                    href="#topo"
-                    class="underline hover:no-underline flex items-center gap-1 max-lg:self-center"
-                >
-                    <Icon name="arrow-up" />
-                    <span>Voltar ao início</span>
-                </a>
-            </Container>
-        </footer>
 
         <style is:global>
             /* https://css-tricks.com/almanac/properties/c/content-visibility/ */

superpage/src/layouts/_components/Footer.astro

@@ -0,0 +1,21 @@
+---
+import { Icon } from "astro-icon/components";
+import Container from "~/components/Container.astro";
+
+const year = new Date().getFullYear();
+---
+
+<footer class="py-2.5 lg:py-6 text-white/70">
+    <Container class="flex max-lg:flex-col gap-2.5 justify-between">
+        <div>
+            &copy; {year} EDUSEG&reg; Todos os direitos reservados. CNPJ15.608.435/0001-90
+        </div>
+        <a
+            href="#top"
+            class="underline hover:no-underline flex items-center gap-1 max-lg:self-center max-lg:mb-6"
+        >
+            <Icon name="arrow-up" />
+            <span>Voltar ao início</span>
+        </a>
+    </Container>
+</footer>

superpage/src/layouts/_components/Header.astro

@@ -0,0 +1,25 @@
+---
+import { Icon } from "astro-icon/components";
+import Container from "~/components/Container.astro";
+---
+
+<header id="top">
+    <Container class="flex items-center py-2.5">
+        <a href="/" aria-label="Página inicial">
+            <Icon name="logos/eduseg" class="w-28 h-auto" />
+        </a>
+
+        <div class="ml-auto">
+            <a
+                href="//app.betaeducacao.com.br"
+                class="flex gap-1 items-center hover:outline rounded-xs"
+            >
+                <Icon
+                    name="arrow-left-end-on-rectangle"
+                    class="size-5 rotate-180"
+                />
+                <>Entrar</>
+            </a>
+        </div>
+    </Container>
+</header>

superpage/src/pages/[slug].astro

@@ -66,7 +66,7 @@ const { Content } = await render(course);
                     <p class="text-base/6">
                         {data.excerpt}
                         <a
-                            href="#modulos"
+                            href="#modules"
                             class="text-blue-400 *:hover:underline"
                         >
                             <sup>[1]</sup>
@@ -88,7 +88,7 @@ const { Content } = await render(course);
                             <span>
                                 Certificado com assinatura digital
                                 <a
-                                    href="#certificado"
+                                    href="#cert"
                                     class="text-blue-400 *:hover:underline"
                                 >
                                     <sup>[2]</sup>
@@ -115,7 +115,7 @@ const { Content } = await render(course);
                                 } p/ matrícula
                             </a>
                             <a
-                                href="#modelos"
+                                href="#plans"
                                 class="text-blue-400 underline hover:no-underline text-center"
                             >
                                 Ver mais modelos de contratação

superpage/src/pages/index.astro

@@ -3,8 +3,10 @@ import { Picture } from "astro:assets";
 import { Icon } from "astro-icon/components";
 import Layout from "~/layouts/Layout.astro";
 import Container from "~/components/Container.astro";
+import Clients from "~/components/Clients.astro";
+import Stats from "~/components/Stats.astro";
+import Features from "~/components/Features.astro";
 import Search from "./_components/Search.astro";
-import { Clients, Stats, Features } from "~/components/Course";
 import { getEntries } from "astro:content";
 
 import mulhercomepi from "~/assets/mulher-com-epi.png";
@@ -75,7 +77,7 @@ const trends = await getEntries([
         <Features />
 
         <Container>
-            <section class="mx-auto lg:w-2/3 space-y-6 py-5 lg:py-12">
+            <section class="mx-auto lg:w-2/3 space-y-6 py-5 lg:py-24">
                 <div
                     class="grid lg:grid-cols-3 gap-2.5 lg:gap-5 *:border *:rounded-lg *:p-5 *:hover:scale-105 *:transition"
                 >
@@ -148,7 +150,7 @@ const trends = await getEntries([
                     <div
                         class="flex flex-col justify-center items-center border-lime-400"
                     >
-                        ...
+                        <a href="#">Saiba mais</a>
                     </div>
                 </div>
             </section>