add companies
This commit is contained in:
@@ -1,22 +1,20 @@
|
||||
---
|
||||
import Layout from '@layouts/Layout.astro'
|
||||
import { Picture } from 'astro:assets'
|
||||
import { Picture, Image } from 'astro:assets'
|
||||
import { Container } from '@components/Container'
|
||||
import { FAQ } from '@components/FAQ'
|
||||
import {
|
||||
AcademicCapIcon,
|
||||
GlobeAmericasIcon,
|
||||
PhoneIcon,
|
||||
BanknotesIcon,
|
||||
StarIcon,
|
||||
ClockIcon,
|
||||
} from '@heroicons/react/24/outline'
|
||||
import { StarIcon, ClockIcon } from '@heroicons/react/24/outline'
|
||||
import { CheckBadgeIcon } from '@heroicons/react/24/solid'
|
||||
import { LinkedInIcon } from '@components/linkedin-icon'
|
||||
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/natura.svg'
|
||||
import Nissan from '../assets/nissan.svg'
|
||||
import Kordsa from '../assets/kordsa.svg'
|
||||
import Manserv from '../assets/manserv.svg'
|
||||
import Semeq from '../assets/semeq.svg'
|
||||
---
|
||||
|
||||
<Layout>
|
||||
@@ -25,7 +23,7 @@ import francis from '../assets/francis.jpeg'
|
||||
src={nr18plataforma}
|
||||
alt="NR-18"
|
||||
formats={['webp']}
|
||||
class="hidden lg:block"
|
||||
class="max-lg:hidden"
|
||||
/>
|
||||
<section>
|
||||
<div class="space-y-5">
|
||||
@@ -83,7 +81,6 @@ import francis from '../assets/francis.jpeg'
|
||||
<li><StarIcon className="w-4" /></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<span>66 avaliações no Google</span>
|
||||
</a>
|
||||
</div>
|
||||
@@ -91,10 +88,57 @@ import francis from '../assets/francis.jpeg'
|
||||
</section>
|
||||
</Container>
|
||||
|
||||
<Container className="py-6 xl:py-24 text-center space-y-2.5 hidden">
|
||||
<div
|
||||
class="flex lg:gap-12 itens-center justify-center max-lg:overflow-x-scroll snap-x snap-mandatory scroll-smoothscrollbar-hide"
|
||||
>
|
||||
<Natura class="snap-center flex-shrink-0 size-36 fill-white" />
|
||||
<Nissan class="snap-center flex-shrink-0 size-36 fill-white" />
|
||||
<Manserv class="snap-center flex-shrink-0 size-36 fill-white" />
|
||||
<Kordsa class="snap-center flex-shrink-0 size-36 fill-white" />
|
||||
<Semeq class="snap-center flex-shrink-0 size-36 fill-white" />
|
||||
</div>
|
||||
</Container>
|
||||
|
||||
<Container className="py-6 xl:py-24 text-center space-y-2.5 lg:space-y-6">
|
||||
<h2 class="text-pretty font-semibold text-4xl">
|
||||
Alguns clientes que acreditam em nós
|
||||
</h2>
|
||||
<div
|
||||
class="flex max-lg:overflow-x-scroll max-lg:snap-x snap-mandatory scroll-smooth scrollbar-hide space-x-4 lg:gap-12 lg:justify-center"
|
||||
>
|
||||
<div
|
||||
class="snap-center flex-shrink-0 max-lg:w-full flex justify-center itens-center"
|
||||
>
|
||||
<Natura class="size-52 lg:size-36 fill-white" />
|
||||
</div>
|
||||
<div
|
||||
class="snap-center flex-shrink-0 max-lg:w-full flex justify-center itens-center"
|
||||
>
|
||||
<Nissan class="size-52 lg:size-36 fill-white" />
|
||||
</div>
|
||||
<div
|
||||
class="snap-center flex-shrink-0 max-lg:w-full flex justify-center itens-center"
|
||||
>
|
||||
<Manserv class="size-52 lg:size-36 fill-white" />
|
||||
</div>
|
||||
<div
|
||||
class="snap-center flex-shrink-0 max-lg:w-full flex justify-center itens-center"
|
||||
>
|
||||
<Kordsa class="size-52 lg:size-36 fill-white" />
|
||||
</div>
|
||||
<div
|
||||
class="snap-center flex-shrink-0 max-lg:w-full flex justify-center itens-center"
|
||||
>
|
||||
<Semeq class="size-52 lg:size-36 fill-white" />
|
||||
</div>
|
||||
</div>
|
||||
</Container>
|
||||
|
||||
<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"
|
||||
class="bg-linear-to-tr from-lime-400/50 to-lime-300 rounded-2xl p-6 relative h-136 max-lg:hidden -m-px max-xl:overflow-hidden"
|
||||
>
|
||||
<Picture
|
||||
alt="Homem de negócios"
|
||||
@@ -109,8 +153,9 @@ import francis from '../assets/francis.jpeg'
|
||||
class="w-96 absolute bottom-0 -right-24"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="col-span-2 flex items-center">
|
||||
<div class="lg:w-7/12 lg:mx-auto space-y-5 p-6">
|
||||
<div class="xl:w-8/12 xl:mx-auto space-y-5 p-6">
|
||||
<h2 class="text-pretty text-4xl font-semibold">
|
||||
Por que capacitar sua equipe com a EDUSEG®
|
||||
</h2>
|
||||
@@ -161,42 +206,14 @@ import francis from '../assets/francis.jpeg'
|
||||
</div>
|
||||
</Container>
|
||||
|
||||
<!-- <Container className="py-6 hidden">
|
||||
<ul class="flex gap-2.5 text-base/6">
|
||||
<li class="flex items-center gap-2.5">
|
||||
<span class="bg-white/10 p-2 rounded">
|
||||
<BanknotesIcon className="w-6" />
|
||||
</span>
|
||||
<span>Economize até 70% com o curso online</span>
|
||||
</li>
|
||||
<li class="flex items-center gap-2.5">
|
||||
<span class="bg-white/10 p-2 rounded">
|
||||
<AcademicCapIcon className="w-6" />
|
||||
</span>
|
||||
<span>Certificado digital reconhecido em até 24 horas </span>
|
||||
</li>
|
||||
<li class="flex items-center gap-2.5">
|
||||
<span class="bg-white/10 p-2 rounded">
|
||||
<GlobeAmericasIcon className="w-6" />
|
||||
</span>
|
||||
<span>Aprenda no seu tempo e de qualquer lugar</span>
|
||||
</li>
|
||||
<li class="flex items-center gap-2.5">
|
||||
<span class="bg-white/10 p-2 rounded">
|
||||
<PhoneIcon className="w-6" />
|
||||
</span>
|
||||
<span>Suporte de especialistas sempre que precisar</span>
|
||||
</li>
|
||||
</ul>
|
||||
</Container> -->
|
||||
|
||||
<Container>
|
||||
<div class="bg-white/10 rounded-2xl p-2.5 xl:py-24">
|
||||
<div class="bg-white/10 rounded-2xl p-2.5 lg:py-6 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"
|
||||
formats={['webp']}
|
||||
class="rounded-xl size-32 outline-2 outline-offset-2 outline-lime-400"
|
||||
/>
|
||||
</div>
|
||||
@@ -230,55 +247,4 @@ import francis from '../assets/francis.jpeg'
|
||||
</div>
|
||||
</div>
|
||||
</Container>
|
||||
<!--
|
||||
<Container className="lg:space-y-5 lg:p-3">
|
||||
<Card className="space-y-2.5">
|
||||
<h1 class="text-2xl font-medium">
|
||||
Garanta a capacitação para sua empresa
|
||||
</h1>
|
||||
|
||||
<ul>
|
||||
<li>Pagamento flexível</li>
|
||||
<li>Acesso imediato</li>
|
||||
<li>Carga horária</li>
|
||||
</ul>
|
||||
|
||||
<ul>
|
||||
<li>Economize até 70% com o curso online</li>
|
||||
<li>Certificado Digital reconhecido em até 24 Horas</li>
|
||||
<li>Aprenda no seu tempo e de qualquer lugar</li>
|
||||
<li>Suporte de especialistas sempre que precisar</li>
|
||||
</ul>
|
||||
</Card>
|
||||
|
||||
<section class="lg:grid grid-cols-4">
|
||||
<div>
|
||||
<h1 class="text-2xl font-medium">Módulos deste treinamento</h1>
|
||||
<div>
|
||||
O curso é dividido em módulos para facilitar seu aprendizado
|
||||
e garantir que você domine todos os aspectos teóricos e
|
||||
práticos.
|
||||
</div>
|
||||
</div>
|
||||
<div><Example client:load /></div>
|
||||
</section>
|
||||
</Container>
|
||||
|
||||
<section class="grid lg:grid-cols-2 gap-6 p-3">
|
||||
<div class="flex items-center justify-center">
|
||||
<div class="space-y-3">
|
||||
<h4 class="font-medium text-4xl">Solicite um orçamento</h4>
|
||||
<p>
|
||||
Quer saber como podemos capacitar sua equipe?
|
||||
<br class="max-lg:hidden" />
|
||||
Fale com nossa equipe e receba uma proposta personalizada.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Card color="zinc" className="rounded-xl p-4">
|
||||
<Form client:load />
|
||||
</Card>
|
||||
</section>
|
||||
-->
|
||||
</Layout>
|
||||
|
||||
Reference in New Issue
Block a user