From 1665a4e526af2b03f7d03e6e4e11f3fb7c2393d6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?S=C3=A9rgio=20Rafael=20Siqueira?= Date: Thu, 17 Apr 2025 16:30:36 -0300 Subject: [PATCH] add font --- superpage/package-lock.json | 20 ++ superpage/package.json | 2 + superpage/src/components/ClientsLogo.astro | 2 +- superpage/src/layouts/Head.astro | 8 + superpage/src/layouts/Layout.astro | 12 +- superpage/src/pages/[slug].astro | 377 +++++++++++---------- superpage/src/pages/index.astro | 19 +- superpage/src/styles/app.css | 30 +- 8 files changed, 251 insertions(+), 219 deletions(-) create mode 100644 superpage/src/layouts/Head.astro diff --git a/superpage/package-lock.json b/superpage/package-lock.json index 37fee6d..91a741f 100644 --- a/superpage/package-lock.json +++ b/superpage/package-lock.json @@ -9,6 +9,8 @@ "version": "0.0.1", "dependencies": { "@astrojs/react": "^4.2.1", + "@fontsource/roboto": "^5.2.5", + "@fontsource/twinkle-star": "^5.2.5", "@headlessui/react": "^2.2.1", "@heroicons/react": "^2.2.0", "@tailwindcss/vite": "^4.0.13", @@ -883,6 +885,24 @@ "integrity": "sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==", "license": "MIT" }, + "node_modules/@fontsource/roboto": { + "version": "5.2.5", + "resolved": "https://registry.npmjs.org/@fontsource/roboto/-/roboto-5.2.5.tgz", + "integrity": "sha512-70r2UZ0raqLn5W+sPeKhqlf8wGvUXFWlofaDlcbt/S3d06+17gXKr3VNqDODB0I1ASme3dGT5OJj9NABt7OTZQ==", + "license": "OFL-1.1", + "funding": { + "url": "https://github.com/sponsors/ayuhito" + } + }, + "node_modules/@fontsource/twinkle-star": { + "version": "5.2.5", + "resolved": "https://registry.npmjs.org/@fontsource/twinkle-star/-/twinkle-star-5.2.5.tgz", + "integrity": "sha512-vD8t14W/zjlg/DKYJGqBK47HE5NToPk8t3o2AiXe5B9Wzch3Kd0PO+d5D8JK7SrwLSPDf+E7jcDMym3XMkSimw==", + "license": "OFL-1.1", + "funding": { + "url": "https://github.com/sponsors/ayuhito" + } + }, "node_modules/@headlessui/react": { "version": "2.2.1", "resolved": "https://registry.npmjs.org/@headlessui/react/-/react-2.2.1.tgz", diff --git a/superpage/package.json b/superpage/package.json index 06dac32..19af65b 100644 --- a/superpage/package.json +++ b/superpage/package.json @@ -10,6 +10,8 @@ }, "dependencies": { "@astrojs/react": "^4.2.1", + "@fontsource/roboto": "^5.2.5", + "@fontsource/twinkle-star": "^5.2.5", "@headlessui/react": "^2.2.1", "@heroicons/react": "^2.2.0", "@tailwindcss/vite": "^4.0.13", diff --git a/superpage/src/components/ClientsLogo.astro b/superpage/src/components/ClientsLogo.astro index 82f7e46..3b5a0f2 100644 --- a/superpage/src/components/ClientsLogo.astro +++ b/superpage/src/components/ClientsLogo.astro @@ -11,7 +11,7 @@ import Semeq from '~/assets/logos/semeq.svg' const SVGLogos = [Natura, Nissan, Kordsa, Manserv, Semeq] --- - +

Alguns clientes que acreditam em nós

diff --git a/superpage/src/layouts/Head.astro b/superpage/src/layouts/Head.astro new file mode 100644 index 0000000..d8807c2 --- /dev/null +++ b/superpage/src/layouts/Head.astro @@ -0,0 +1,8 @@ +--- +const { title = 'Educação que garante sua segurança', ...props } = Astro.props +--- + + + + +{title} — EDUSEG® diff --git a/superpage/src/layouts/Layout.astro b/superpage/src/layouts/Layout.astro index b4e57e6..b1e526e 100644 --- a/superpage/src/layouts/Layout.astro +++ b/superpage/src/layouts/Layout.astro @@ -5,6 +5,7 @@ export interface Props { import '~/styles/app.css' import { Regular as Logo } from '~/components/Logo' +import Head from './Head.astro' import { Container } from '~/components/Container' import { Menu } from '~/components/Menu' import { ArrowLeftStartOnRectangleIcon } from '@heroicons/react/24/solid' @@ -12,20 +13,17 @@ import { ArrowLeftStartOnRectangleIcon } from '@heroicons/react/24/solid' import { getCollection } from 'astro:content' const courses = await getCollection('courses', ({ data }) => data.draft != true) -const { title } = Astro.props +const { ...props } = Astro.props const year = new Date().getFullYear() + +import '@fontsource/roboto' --- - - - - - {title} ‐ EDUSEG® — Educação que garante sua segurança - + diff --git a/superpage/src/pages/[slug].astro b/superpage/src/pages/[slug].astro index 585e690..34891ce 100644 --- a/superpage/src/pages/[slug].astro +++ b/superpage/src/pages/[slug].astro @@ -37,199 +37,216 @@ const trainer = data.course?.trainer --- - - -
-
- - { - data.course.reciclagem ? ( - <>Curso de reciclagem - ) : ( - <>Curso de formação - ) - } - -

- {data.title} -

-

- {data.summary} - - [1] - -

-
    -
  • - - Carga horária de {data.course.hours} horas -
    • - -
  • - - - Certificado com assinatura digital - - [2] - - -
    • -
- -
- - Contratar agora - - -
- 4.7 -
    -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
    • -
-
- 66 avaliações no Google - -
-
-
- - - - - -
-
- - -
- -
-
-

- 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. +

+ + +
+
+ + { + data.course.reciclagem ? ( + <>Curso de reciclagem + ) : ( + <>Curso de formação + ) + } + +

+ {data.title} +

+

+ {data.summary} + + [1] +

+
-
- + + - -
-

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

-
-
- -
- + - { - trainer && ( - -
-
-
- -
-
-
Quem é o(a) instrutor(a)?
-
- {trainer.data.name} -
+ +
+
+ + +
- {trainer.data.bio.split(/\r?\n/).map((x) => ( -

{x}

- ))} +
+
+

+ 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 +
    • +
  • + Ágilidade na liberação de cursos +
    • +
  • + Agendamento para liberação de cursos +
    • +
  • + Aviso de vencimento para certificados +
    • +
+ +
+ + Agendar uma demonstração +
- - ) - } +
+ + + +
+

+ 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. +

+
+
+ +
+ + + +
+
+
+ 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 do vencimento
    • +
+
+
+ + + { + trainer && ( + +
+
+
+ +
+
+
Quem é o(a) instrutor(a)?
+
+ {trainer.data.name} +
+ + {trainer.data.bio.split(/\r?\n/).map((x) => ( +

{x}

+ ))} + +
+ + + +
+
+
+
+ + ) + } +
diff --git a/superpage/src/pages/index.astro b/superpage/src/pages/index.astro index b678f1b..a388f36 100644 --- a/superpage/src/pages/index.astro +++ b/superpage/src/pages/index.astro @@ -1,23 +1,9 @@ --- -import { Picture } from 'astro:assets' import Layout from '~/layouts/Layout.astro' -import { Container } from '~/components/Container' -import { Faq } from '~/components/Faq' -import { StarIcon, ClockIcon } from '@heroicons/react/24/outline' -import { CheckBadgeIcon } from '@heroicons/react/24/solid' -import { LinkedInIcon } from '~/components/LinkedInIcon' -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' -import Natura from '~/assets/logos/natura.svg' -import Nissan from '~/assets/logos/nissan.svg' -import Kordsa from '~/assets/logos/kordsa.svg' -import Manserv from '~/assets/logos/manserv.svg' -import Semeq from '~/assets/logos/semeq.svg' --- - + + diff --git a/superpage/src/styles/app.css b/superpage/src/styles/app.css index aa5a214..e7d776f 100644 --- a/superpage/src/styles/app.css +++ b/superpage/src/styles/app.css @@ -1,24 +1,24 @@ -@import "tailwindcss"; +@import 'tailwindcss'; @theme { - --font-sans: - "Roboto", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", - "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --font-sans: + 'Roboto', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', + 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; - --color-yellow-primary: #ffcf82; - --color-yellow-secondary: #f2ebe1; - --color-yellow-tertiary: #f9f7e8; + --color-yellow-primary: #ffcf82; + --color-yellow-secondary: #f2ebe1; + --color-yellow-tertiary: #f9f7e8; - --color-green-primary: #2e3524; - --color-green-secondary: #8cd366; - --color-green-tertiary: #83926d; - --color-green-support: #c9fcad; - --color-green-pastel: #f9fff6; - --color-green-light: #cad9b4; - --color-green-dark: #4e8630; + --color-green-primary: #2e3524; + --color-green-secondary: #8cd366; + --color-green-tertiary: #83926d; + --color-green-support: #c9fcad; + --color-green-pastel: #f9fff6; + --color-green-light: #cad9b4; + --color-green-dark: #4e8630; } html, body { - @apply text-white bg-black; + @apply text-white bg-black; }