add plan

superpage/src/components/Accordion/Header.astro

@@ -3,7 +3,7 @@ import { Icon } from "astro-icon/components";
 ---
 
 <div
-    class="cursor-pointer flex items-center justify-between px-5 py-3"
+    class="cursor-pointer flex items-center justify-between px-5 gap-3 py-3"
     x-on:click="open = !open"
 >
     <slot />

superpage/src/components/Course/Clients.astro

@@ -12,8 +12,6 @@ import Manserv from "~/icons/logos/manserv.svg";
 <Container
     class:list={["lg:text-center space-y-2.5 lg:space-y-5", Astro.props.class]}
 >
-    <h2 class="text-pretty font-semibold text-4xl">
+    <h2 class="text-pretty text-4xl">Alguns clientes que acreditam em nós</h2>
-        Alguns clientes que acreditam em nós
-    </h2>
     <Carousel items={[Natura, Kordsa, Semeq, Nissan, Manserv]} />
 </Container>

superpage/src/components/Course/Features.astro

@@ -26,7 +26,7 @@ import homemdenegocios from "~/assets/homem-de-negocios.png";
 
         <div class="col-span-2 flex items-center">
             <div class="xl:w-8/12 xl:mx-auto space-y-5 p-6">
-                <h3 class="text-pretty text-4xl font-semibold">
+                <h3 class="text-pretty text-4xl">
                     Por que capacitar sua equipe com a EDUSEG&reg;
                 </h3>
                 <p>

superpage/src/components/Course/Plans.astro

@@ -3,56 +3,86 @@ import Container from "~/components/Container.astro";
 ---
 
 <Container id="planos">
-    <section class="space-y-5 lg:space-y-10 w-4/6 mx-auto">
+    <section class="space-y-5 lg:space-y-10 lg:w-4/6 mx-auto">
-        <h1 class="text-pretty text-4xl lg:text-6xl text-center">
+        <h1 class="text-pretty text-4xl lg:text-6xl">
-            <!-- Escolha a melhor forma de contratação para sua empresa -->
+            Modelos de contratação para sua empresa
-            Formas de contratação
         </h1>
-        <div class="grid grid-cols-3 gap-5 min-h-92">
+        <div class="grid lg:grid-cols-3 gap-5">
             <div
-                class="bg-white/10 border border-white/15 p-10 rounded-xl flex flex-col hover:outline outline-lime-400"
+                class="bg-white/5 border border-white/15 p-4 lg:p-10 rounded-xl flex flex-col space-y-5"
             >
-                <h1>Plan A</h1>
+                <h1
-                <ul class="list-disc list-inside">
+                    class="text-lime-400 border border-lime-400 rounded-lg text-center p-0.5 uppercase"
-                    <li>Lorem ipsum</li>
+                >
-                    <li>Lorem ipsum</li>
+                    EDUSEG Flexível
-                    <li>Lorem ipsum</li>
+                </h1>
+                <h2 class="text-xl/6 font-semibold">
+                    Catálogo completo sempre à sua disposição
+                </h2>
+                <ul class="list-disc max-lg:pl-3 space-y-1.5 text-sm/5">
+                    <li>Acesse todos os cursos imediatamente</li>
+                    <li>Pague apenas pelo que usar, mês a mês</li>
+                    <li>Gestão e autonomia direto pela plataforma</li>
                 </ul>
+                <p class="mt-auto">
+                    Ideal para empresas que treinam continuamente e precisam de
+                    agilidade.
+                </p>
                 <a
                     href="#"
-                    class="font-medium bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block mt-auto text-center"
+                    class="font-semibold bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block text-center"
                 >
                     Contratar
                 </a>
             </div>
             <div
-                class="bg-white/10 p-10 border border-white/15 rounded-xl flex flex-col hover:outline outline-lime-400"
+                class="bg-white/5 border border-white/15 p-4 lg:p-10 rounded-xl flex flex-col space-y-5"
             >
-                <h1>Plan A</h1>
+                <h1
-                <ul class="list-disc list-inside">
+                    class="text-lime-400 border border-lime-400 rounded-lg text-center p-0.5 uppercase"
-                    <li>Lorem ipsum</li>
+                >
-                    <li>Lorem ipsum</li>
+                    EDUSEG In-Company
-                    <li>Lorem ipsum</li>
+                </h1>
+                <h2 class="text-xl/6 font-semibold">
+                    Treinamento presencial na sua empresa
+                </h2>
+                <ul class="list-disc max-lg:pl-3 space-y-1.5 text-sm/5">
+                    <li>Atendemos nas principais cidades do Brasil</li>
+                    <li>Instrutores especialistas com vivência prática</li>
+                    <li>Ideal para grandes turmas ou treinamentos práticos</li>
                 </ul>
+                <p class="mt-auto">
+                    Solução sob medida, direto no seu ambiente de trabalho.
+                </p>
                 <a
                     href="#"
-                    class="font-medium bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block mt-auto text-center"
+                    class="font-semibold bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block text-center"
                 >
                     Contratar
                 </a>
             </div>
             <div
-                class="bg-white/10 p-10 border border-white/15 rounded-xl flex flex-col hover:outline outline-lime-400"
+                class="bg-white/5 border border-white/15 p-4 lg:p-10 rounded-xl flex flex-col space-y-5"
             >
-                <h1>Plan A</h1>
+                <h1
-                <ul class="list-disc list-inside">
+                    class="text-lime-400 border border-lime-400 rounded-lg text-center p-0.5 uppercase"
-                    <li>Lorem ipsum</li>
+                >
-                    <li>Lorem ipsum</li>
+                    EDUSEG Conteúdo
-                    <li>Lorem ipsum</li>
+                </h1>
+                <h2 class="text-xl/6 font-semibold">
+                    Leve nosso conteúdo para sua plataforma
+                </h2>
+                <ul class="list-disc max-lg:pl-3 space-y-1.5 text-sm/5">
+                    <li>Customização completa com sua identidade visual</li>
+                    <li>Entregamos em formato SCORM para qualquer LMS</li>
+                    <li>Ideal para empresas com ambiente EAD próprio</li>
                 </ul>
+                <p class="mt-auto">
+                    Seu time com o nosso conteúdo, na sua plataforma.
+                </p>
                 <a
                     href="#"
-                    class="font-medium bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block mt-auto text-center"
+                    class="font-semibold bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block text-center"
                 >
                     Contratar
                 </a>

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

@@ -8,10 +8,8 @@ draft: false
 course:
   hours: 8
   unit_price: 99
-
 ---
 
-
 import { Accordion, Item, Header, Body } from "~/components/Accordion";
 import {
   Modules,
@@ -20,8 +18,11 @@ import {
   Cert,
   Trainer,
   Contact,
+  Plans,
 } from "~/components/Course";
 
+<Plans />
+
 <Clients />
 
 <Features />
@@ -31,35 +32,35 @@ import {
     <Item>
       <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>
       <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>
       <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>
       <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>
       <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>
 
@@ -73,16 +74,17 @@ import {
     <Item>
       <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>
       <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>
 

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

@@ -5,14 +5,11 @@ excerpt: Capacita os integrantes da CIPA no grau de risco 2 para identificar ris
 slug: cipa-grau-de-risco-2
 draft: false
 
-
 course:
   hours: 12
   unit_price: 99
-
 ---
 
-
 import { Accordion, Item, Header, Body } from "~/components/Accordion";
 import {
   Modules,
@@ -21,8 +18,11 @@ import {
   Cert,
   Trainer,
   Contact,
+  Plans,
 } from "~/components/Course";
 
+<Plans />
+
 <Clients />
 
 <Features />
@@ -84,6 +84,7 @@ import {
         <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>
       </Body>
     </Item>
+
   </Accordion>
 </Modules>
 

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

@@ -1,12 +1,10 @@
 ---
 id: 863214e8-26e2-440b-854b-a0ced0164bbf
 title: CIPA Grau de Risco 3 (teórico)
-slug: cipa-grau-de-risco-3-terico
+slug: cipa-grau-de-risco-3-teorico
 excerpt: ...
 draft: true
 
 course:
   hours: 8
-  trainer: francis
-  modules: []
 ---

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

@@ -8,10 +8,8 @@ draft: false
 course:
   hours: 16
   unit_price: 109
-
 ---
 
-
 import { Accordion, Item, Header, Body } from "~/components/Accordion";
 import {
   Modules,
@@ -20,8 +18,11 @@ import {
   Cert,
   Trainer,
   Contact,
+  Plans,
 } from "~/components/Course";
 
+<Plans />
+
 <Clients />
 
 <Features />
@@ -83,6 +84,7 @@ import {
         <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>
       </Body>
     </Item>
+
   </Accordion>
 </Modules>
 

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

@@ -8,10 +8,8 @@ draft: false
 course:
   hours: 20
   unit_price: 119
-
 ---
 
-
 import { Accordion, Item, Header, Body } from "~/components/Accordion";
 import {
   Modules,
@@ -20,8 +18,11 @@ import {
   Cert,
   Trainer,
   Contact,
+  Plans,
 } from "~/components/Course";
 
+<Plans />
+
 <Clients />
 
 <Features />
@@ -83,6 +84,7 @@ import {
         <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>
       </Body>
     </Item>
+
   </Accordion>
 </Modules>
 

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

@@ -8,7 +8,6 @@ draft: false
 course:
   hours: 8
   unit_price: 99
-
 ---
 
 import { Accordion, Item, Header, Body } from "~/components/Accordion";
@@ -19,8 +18,11 @@ import {
   Cert,
   Trainer,
   Contact,
+  Plans,
 } from "~/components/Course";
 
+<Plans />
+
 <Clients />
 
 <Features />
@@ -54,6 +56,7 @@ import {
         <p>Estudo das técnicas de combate a incêndios e da importância do uso adequado de EPIs específicos para situações de fogo, garantindo a segurança dos trabalhadores durante as operações.</p>
       </Body>
     </Item>
+
   </Accordion>
 </Modules>
 

superpage/src/content/courses/direcao-defensiva-08-horas.mdx

@@ -7,6 +7,4 @@ draft: false
 
 course:
   hours: 8
-  trainer: francis
-  modules: []
 ---

superpage/src/content/courses/direcao-defensiva-20-horas.mdx

@@ -7,6 +7,4 @@ draft: false
 
 course:
   hours: 8
-  trainer: francis
-  modules: []
 ---

superpage/src/content/courses/exposicao-ao-benzeno-portaria-1109.mdx

@@ -7,6 +7,4 @@ draft: false
 
 course:
   hours: 8
-  trainer: francis
-  modules: []
 ---

superpage/src/content/courses/gestao-da-cultura-de-seguranca.mdx

@@ -7,6 +7,4 @@ draft: false
 
 course:
   hours: 8
-  trainer: francis
-  modules: []
 ---

superpage/src/pages/[slug].astro

@@ -117,7 +117,7 @@ const { Content } = await render(course);
                                 href="#planos"
                                 class="text-blue-400 underline hover:no-underline text-center"
                             >
-                                Ver mais formas de contratar
+                                Ver mais modelos de contratação
                             </a>
                         </div>
                         <a

superpage/src/styles/app.css

@@ -8,7 +8,7 @@
 
 html,
 body {
-    @apply text-white bg-black scroll-pt-32 antialiased;
+    @apply text-white bg-black scroll-pt-22 lg:scroll-pt-32 antialiased;
 }
 
 /* Pagefind */