diff --git a/superpage/src/pages/_assets/homem-de-negocios.png b/superpage/src/assets/homem-de-negocios.png similarity index 100% rename from superpage/src/pages/_assets/homem-de-negocios.png rename to superpage/src/assets/homem-de-negocios.png diff --git a/superpage/src/pages/_assets/mulher-de-negocios.png b/superpage/src/assets/mulher-de-negocios.png similarity index 100% rename from superpage/src/pages/_assets/mulher-de-negocios.png rename to superpage/src/assets/mulher-de-negocios.png diff --git a/superpage/src/pages/_assets/placeholder.png b/superpage/src/assets/placeholder.png similarity index 100% rename from superpage/src/pages/_assets/placeholder.png rename to superpage/src/assets/placeholder.png diff --git a/superpage/src/components/Container.astro b/superpage/src/components/Container.astro index 1e4b2dd..c77d585 100644 --- a/superpage/src/components/Container.astro +++ b/superpage/src/components/Container.astro @@ -1,3 +1,6 @@ -
- +
+
diff --git a/superpage/src/components/Course/Cert.astro b/superpage/src/components/Course/Cert.astro new file mode 100644 index 0000000..b6bcc6c --- /dev/null +++ b/superpage/src/components/Course/Cert.astro @@ -0,0 +1,29 @@ +--- +import { Icon } from "astro-icon/components"; +import Container from "~/components/Container.astro"; +--- + + +
+ + +
+
+ Certificados digitais com respaldo legal e gestão completa +
+
    +
  • + Certificado com assinatura digital conforme o padrão + ICP-Brasil +
    • +
  • Tudo digital e salvo para sempre na núvem
    • +
  • Alertas automáticos de vencimento
    • +
+
+
+ diff --git a/superpage/src/components/Course/Clients.astro b/superpage/src/components/Course/Clients.astro new file mode 100644 index 0000000..97b9246 --- /dev/null +++ b/superpage/src/components/Course/Clients.astro @@ -0,0 +1,17 @@ +--- +import Carousel from "~/components/Carousel.astro"; +import Container from "~/components/Container.astro"; + +import Kordsa from "~/components/Logos/Kordsa.astro"; +import Semeq from "~/components/Logos/Semeq.astro"; +import Natura from "~/components/Logos/Natura.astro"; +import Nissan from "~/components/Logos/Nissan.astro"; +import Manserv from "~/components/Logos/Manserv.astro"; +--- + + +

+ Alguns clientes que acreditam em nós +

+ + diff --git a/superpage/src/components/Course/Contact.astro b/superpage/src/components/Course/Contact.astro new file mode 100644 index 0000000..f9ebfb1 --- /dev/null +++ b/superpage/src/components/Course/Contact.astro @@ -0,0 +1,18 @@ +--- +import Container from "../Container.astro"; +import Form from "./_Contact.jsx"; +--- + + +
+
+

Fale conosco

+

+ Tem uma necessidade mais específica ou gostaria de agendar uma + demonstração da nossa plataforma? Entre em contato conosco. +

+
+ +
+
+ diff --git a/superpage/src/components/Course/Features.astro b/superpage/src/components/Course/Features.astro new file mode 100644 index 0000000..8de9e3c --- /dev/null +++ b/superpage/src/components/Course/Features.astro @@ -0,0 +1,65 @@ +--- +import { Picture } from "astro:assets"; +import Container from "~/components/Container.astro"; +import mulherdenegocios from "~/assets/mulher-de-negocios.png"; +import homemdenegocios from "~/assets/homem-de-negocios.png"; +--- + + +
+
+ + +
+ +
+
+

+ Por que capacitar sua equipe com a EDUSEG® +

+

+ Nós cuidamos da burocracia, oferecemos uma plataforma + completa para simplicar a gestão e capacitação em larga + escala de seus colaboradores. Com a EDUSEG®, sua empresa + se beneficia de uma tecnologia eficiente e confiável. +

+ +
    +
  • + Centralização de todos os certificados +
    • +
  • + Agilidade na liberação de cursos +
    • +
  • + Agendamento para liberação de cursos +
    • +
  • + Aviso de vencimento para certificados +
    • +
+ +
+ + Agendar uma demonstração + +
+
+
+
+ diff --git a/superpage/src/components/Course/Modules.astro b/superpage/src/components/Course/Modules.astro new file mode 100644 index 0000000..f9292cc --- /dev/null +++ b/superpage/src/components/Course/Modules.astro @@ -0,0 +1,16 @@ +--- +import Container from "../Container.astro"; +--- + + +
+

Módulos deste curso

+

+ O curso é dividido em módulos para facilitar seu aprendizado e + garantir que você domine todos os aspectos teóricos e práticos. +

+
+
+ +
+ diff --git a/superpage/src/components/Course/Trainer.astro b/superpage/src/components/Course/Trainer.astro new file mode 100644 index 0000000..d692bc8 --- /dev/null +++ b/superpage/src/components/Course/Trainer.astro @@ -0,0 +1,53 @@ +--- +import { getEntry } from "astro:content"; +import { Picture } from "astro:assets"; +import { Icon } from "astro-icon/components"; +import Container from "../Container.astro"; + +const trainer = await getEntry("trainers", Astro.props.name); +--- + + +
+
+
+ +
+
+
Quem é o(a) instrutor(a)?
+

+ {trainer.data.name} +

+ +
+ +
+ { + trainer.data.networks.map(({ url, alt }) => { + return ( + + + + ); + }) + } +
+
+
+
+ diff --git a/superpage/src/components/Course/_Contact.jsx b/superpage/src/components/Course/_Contact.jsx new file mode 100644 index 0000000..beb479f --- /dev/null +++ b/superpage/src/components/Course/_Contact.jsx @@ -0,0 +1,113 @@ +import { Form, useForm } from "react-hook-form"; +import { zodResolver } from "@hookform/resolvers/zod"; +import { createElement } from "react"; +import clsx from "clsx"; +import { z } from "zod"; + +const schema = z.object({ + name: z.string().nonempty({ message: "Deve preencher o nome" }), + email: z + .string() + .nonempty({ message: "Deve preencher o email" }) + .email({ message: "Deve ser um email válido" }), + message: z.string().nonempty({ message: "Deve preencher a mensagem" }), +}); + +export default function Contact() { + const { register, formState, control, reset } = useForm({ + resolver: zodResolver(schema), + }); + + return ( + reset()} + control={control} + className="flex flex-col gap-2.5" + > + {formState.isSubmitSuccessful && ( +

+ Sua mensagem foi enviada com sucesso. +

+ )} + +
+ + {formState.errors.name?.message} +
+ +
+ + {formState.errors.email?.message} +
+ +
+ + {formState.errors.message?.message} +
+ + + + ); +} + +export function Input({ as = "input", className, ...props }) { + return createElement(as, { + className: clsx( + "bg-white/10 focus:bg-white focus:text-black rounded-xl p-4 w-full focus:outline-0 transition duration-150", + "aria-invalid:outline-2 aria-invalid:outline-red-600", + className, + ), + ...props, + }); +} + +function Label({ children, className }) { + return ( + + ); +} + +function Error({ children, className }) { + if (children) { + return ( +

+ {children} +

+ ); + } + + return null; +} diff --git a/superpage/src/components/Course/index.ts b/superpage/src/components/Course/index.ts new file mode 100644 index 0000000..6ce9d8a --- /dev/null +++ b/superpage/src/components/Course/index.ts @@ -0,0 +1,6 @@ +export { default as Contact } from "./Contact.astro"; +export { default as Cert } from "./Cert.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"; diff --git a/superpage/src/content/courses/lei-lucas.mdx b/superpage/src/content/courses/lei-lucas.mdx index 5791f56..c7aa1b9 100644 --- a/superpage/src/content/courses/lei-lucas.mdx +++ b/superpage/src/content/courses/lei-lucas.mdx @@ -10,8 +10,20 @@ course: --- import { Accordion, Item, Header, Body } from "~/components/Accordion"; +import { + Modules, + Clients, + Features, + Cert, + Trainer, + Contact, +} from "~/components/Course"; - + + + + +
Introdução à Lei Lucas
@@ -27,11 +39,11 @@ import { Accordion, Item, Header, Body } from "~/components/Accordion";
Aspectos gerais dos primeiros socorros
-
    -
  • Definição e importância
    • -
  • Conceitos de urgência e emergência
    • -
  • Objetivos dos primeiros socorros
    • -
+
    +
  • Definição e importância
    • +
  • Conceitos de urgência e emergência
    • +
  • Objetivos dos primeiros socorros
    • +
@@ -39,6 +51,14 @@ import { Accordion, Item, Header, Body } from "~/components/Accordion";
Sinais vitais e avaliação primária
 - - + + + + + +

...

+ + + + diff --git a/superpage/src/content/courses/nr-18-plataforma-de-trabalho-aereo.mdx b/superpage/src/content/courses/nr-18-plataforma-de-trabalho-aereo.mdx index d2c3a39..5aedb99 100644 --- a/superpage/src/content/courses/nr-18-plataforma-de-trabalho-aereo.mdx +++ b/superpage/src/content/courses/nr-18-plataforma-de-trabalho-aereo.mdx @@ -12,51 +12,76 @@ seo: course: hours: 4 - trainer: francis --- import { Accordion, Item, Header, Body } from "~/components/Accordion"; +import { + Modules, + Clients, + Features, + Cert, + Trainer, + Contact, +} from "~/components/Course"; - - -
Aspectos regulamentares e legais da NR-18
- -

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.

- - + - -
Tipos construtivos das PEMTs, aplicações, características técnicas e operacionais
- -

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.

- - + - -
Acidentes previsíveis com PEMTs e como evitá-los
- -

Análise de cenários de acidentes típicos envolvendo PEMTs, identificando causas e estabelecendo medidas preventivas para mitigar riscos.

- - + + + +
Aspectos regulamentares e legais da NR-18
+ +

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.

+ + - -
Plano de segurança da operação – PSO
- -

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.

- - + +
+ Tipos construtivos das PEMTs, aplicações, características técnicas e + operacionais +
+ +

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.

+ + - -
Manutenção mínima de segurança nas PEMTs
- -

Manutenção Mínima de Segurança nas PEMTs

- - + +
Acidentes previsíveis com PEMTs e como evitá-los
+ +

Análise de cenários de acidentes típicos envolvendo PEMTs, identificando causas e estabelecendo medidas preventivas para mitigar riscos.

+ + - -
Noções de primeiros socorros
- -

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.

- - - + +
Plano de segurança da operação – PSO
+ +

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.

+ + + + +
Manutenção mínima de segurança nas PEMTs
+ +

Manutenção Mínima de Segurança nas PEMTs

+ + + + +
Noções de primeiros socorros
+ +

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.

+ + + + + + + + + + + diff --git a/superpage/src/layouts/Layout.astro b/superpage/src/layouts/Layout.astro index 5fad294..5de8f76 100644 --- a/superpage/src/layouts/Layout.astro +++ b/superpage/src/layouts/Layout.astro @@ -25,30 +25,31 @@ const year = new Date().getFullYear(); - - - - - -
- - - <>Entrar +
+ + + -
- + +
+ + + <>Entrar + +
+ +
-