rename
This commit is contained in:
@@ -4,13 +4,13 @@ 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 Solutions from "./Solutions.astro";
|
||||
import Faq from "./Faq.astro";
|
||||
|
||||
const { trainer } = Astro.props;
|
||||
---
|
||||
|
||||
<Plans id="plans" data-pagefind-ignore="all" />
|
||||
<Solutions id="solutions" data-pagefind-ignore="all" />
|
||||
|
||||
<Clients id="clients" data-pagefind-ignore="all" />
|
||||
|
||||
|
||||
@@ -36,152 +36,156 @@ const { Content } = await render(course);
|
||||
<HeaderNav {...data} />
|
||||
</Fragment>
|
||||
|
||||
<section class="space-y-6 lg:space-y-24 relative">
|
||||
<div
|
||||
aria-hidden="true"
|
||||
class="absolute inset-0 grid grid-cols-2 opacity-20 max-lg:hidden"
|
||||
>
|
||||
<section class="space-y-6 lg:space-y-24">
|
||||
<div class="relative">
|
||||
<div
|
||||
class="blur-[106px] h-76 bg-gradient-to-br to-lime-400 from-lime-700"
|
||||
aria-hidden="true"
|
||||
class="absolute inset-0 grid grid-cols-2 opacity-20 max-lg:hidden"
|
||||
>
|
||||
<div
|
||||
class="blur-[106px] h-76 bg-gradient-to-br to-lime-400 from-lime-700"
|
||||
>
|
||||
</div>
|
||||
<div
|
||||
class="blur-[106px] h-62 bg-gradient-to-r from-lime-400 to-lime-600"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="blur-[106px] h-62 bg-gradient-to-r from-lime-400 to-lime-600"
|
||||
|
||||
{/* Course */}
|
||||
<Container
|
||||
class="lg:flex items-center justify-start gap-6 relative z-1"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Course */}
|
||||
<Container class="lg:flex items-center justify-start gap-6">
|
||||
<Picture
|
||||
src={data?.image ? data.image : placeholder}
|
||||
alt={data.title}
|
||||
formats={["webp"]}
|
||||
class="max-lg:hidden max-w-116 grayscale-15"
|
||||
/>
|
||||
<section class="max-lg:pt-6 lg:py-24">
|
||||
<div class="space-y-5">
|
||||
<span class="font-medium">
|
||||
{
|
||||
data.course.reciclagem ? (
|
||||
<>Curso de reciclagem</>
|
||||
) : (
|
||||
<>Curso de formação</>
|
||||
)
|
||||
}
|
||||
</span>
|
||||
<h1
|
||||
class="text-pretty font-bold text-4xl lg:text-7xl"
|
||||
data-pagefind-meta="title"
|
||||
data-pagefind-filter=`curso:${data.course.reciclagem ? 'reciclagem' : 'formação'}`
|
||||
>
|
||||
{data.title}
|
||||
</h1>
|
||||
<p class="text-base/6">
|
||||
{data.excerpt}
|
||||
<a
|
||||
href="#modules"
|
||||
class="text-blue-400 *:hover:underline"
|
||||
>
|
||||
<sup>[1]</sup>
|
||||
</a>
|
||||
</p>
|
||||
<ul class="lg:flex gap-3" data-pagefind-ignore="all">
|
||||
<li class="flex gap-1">
|
||||
<Icon name="clock" class="size-5 mt-0.5" />
|
||||
<span>
|
||||
Carga horária de {data.course.hours} horas
|
||||
</span>
|
||||
</li>
|
||||
|
||||
<li class="flex gap-1">
|
||||
<Icon
|
||||
name="check-badge"
|
||||
class="size-5 text-blue-400 mt-0.5"
|
||||
/>
|
||||
<span>
|
||||
Certificado com assinatura digital
|
||||
<a
|
||||
href="#cert"
|
||||
class="text-blue-400 *:hover:underline"
|
||||
>
|
||||
<sup>[2]</sup>
|
||||
</a>
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div
|
||||
class="flex max-lg:flex-col justify-center items-start gap-2.5 lg:gap-8 lg:mt-16"
|
||||
>
|
||||
<div
|
||||
class="flex flex-col justify-center gap-2.5 max-lg:w-full"
|
||||
<Picture
|
||||
src={data?.image ? data.image : placeholder}
|
||||
alt={data.title}
|
||||
formats={["webp"]}
|
||||
class="max-lg:hidden max-w-116 grayscale-15"
|
||||
/>
|
||||
<section class="max-lg:pt-6 lg:py-24">
|
||||
<div class="space-y-5">
|
||||
<span class="font-medium">
|
||||
{
|
||||
data.course.reciclagem ? (
|
||||
<>Curso de reciclagem</>
|
||||
) : (
|
||||
<>Curso de formação</>
|
||||
)
|
||||
}
|
||||
</span>
|
||||
<h1
|
||||
class="text-pretty font-bold text-4xl lg:text-7xl"
|
||||
data-pagefind-meta="title"
|
||||
data-pagefind-filter=`curso:${data.course.reciclagem ? 'reciclagem' : 'formação'}`
|
||||
>
|
||||
{data.title}
|
||||
</h1>
|
||||
<p class="text-base/6">
|
||||
{data.excerpt}
|
||||
<a
|
||||
href="#"
|
||||
class="text-black font-semibold bg-lime-400 rounded p-2.5 max-lg:text-center hover:bg-white hover:text-black transition"
|
||||
href="#modules"
|
||||
class="text-blue-400 *:hover:underline"
|
||||
>
|
||||
Contratar {
|
||||
new Intl.NumberFormat("pt-BR", {
|
||||
style: "currency",
|
||||
currency: "BRL",
|
||||
}).format(data.course.unit_price)
|
||||
} p/ matrícula
|
||||
<sup>[1]</sup>
|
||||
</a>
|
||||
<a
|
||||
href="#plans"
|
||||
class="text-blue-400 underline hover:no-underline text-center"
|
||||
</p>
|
||||
<ul class="lg:flex gap-3" data-pagefind-ignore="all">
|
||||
<li class="flex gap-1">
|
||||
<Icon name="clock" class="size-5 mt-0.5" />
|
||||
<span>
|
||||
Carga horária de {data.course.hours} horas
|
||||
</span>
|
||||
</li>
|
||||
|
||||
<li class="flex gap-1">
|
||||
<Icon
|
||||
name="check-badge"
|
||||
class="size-5 text-blue-400 mt-0.5"
|
||||
/>
|
||||
<span>
|
||||
Certificado com assinatura digital
|
||||
<a
|
||||
href="#cert"
|
||||
class="text-blue-400 *:hover:underline"
|
||||
>
|
||||
<sup>[2]</sup>
|
||||
</a>
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div
|
||||
class="flex max-lg:flex-col justify-center items-start gap-2.5 lg:gap-8 lg:mt-16"
|
||||
>
|
||||
<div
|
||||
class="flex flex-col justify-center gap-2.5 max-lg:w-full"
|
||||
>
|
||||
Ver mais modelos de contratação
|
||||
<a
|
||||
href="#"
|
||||
class="text-black font-semibold bg-lime-400 rounded p-2.5 max-lg:text-center hover:bg-white hover:text-black transition"
|
||||
>
|
||||
Contratar {
|
||||
new Intl.NumberFormat("pt-BR", {
|
||||
style: "currency",
|
||||
currency: "BRL",
|
||||
}).format(data.course.unit_price)
|
||||
} p/ matrícula
|
||||
</a>
|
||||
<a
|
||||
href="#solutions"
|
||||
class="text-blue-400 underline hover:no-underline text-center"
|
||||
>
|
||||
Ver mais modelos de contratação
|
||||
</a>
|
||||
</div>
|
||||
<a
|
||||
href="http://bit.ly/3RlROu6"
|
||||
class="flex flex-col hover:outline rounded-xs outline-offset-2"
|
||||
target="_blank"
|
||||
>
|
||||
<div class="flex items-center gap-1">
|
||||
<span class="font-bold">4.7</span>
|
||||
<ul class="flex">
|
||||
<li>
|
||||
<Icon
|
||||
name="star"
|
||||
class="size-4 text-yellow-500"
|
||||
/>
|
||||
</li>
|
||||
<li>
|
||||
<Icon
|
||||
name="star"
|
||||
class="size-4 text-yellow-500"
|
||||
/>
|
||||
</li>
|
||||
<li>
|
||||
<Icon
|
||||
name="star"
|
||||
class="size-4 text-yellow-500"
|
||||
/>
|
||||
</li>
|
||||
<li>
|
||||
<Icon
|
||||
name="star"
|
||||
class="size-4 text-yellow-500"
|
||||
/>
|
||||
</li>
|
||||
<li>
|
||||
<Icon
|
||||
name="star"
|
||||
class="size-4 text-gray-500"
|
||||
/>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<span>66 avaliações no Google</span>
|
||||
</a>
|
||||
</div>
|
||||
<a
|
||||
href="http://bit.ly/3RlROu6"
|
||||
class="flex flex-col hover:outline rounded-xs outline-offset-2"
|
||||
target="_blank"
|
||||
>
|
||||
<div class="flex items-center gap-1">
|
||||
<span class="font-bold">4.7</span>
|
||||
<ul class="flex">
|
||||
<li>
|
||||
<Icon
|
||||
name="star"
|
||||
class="size-4 text-yellow-500"
|
||||
/>
|
||||
</li>
|
||||
<li>
|
||||
<Icon
|
||||
name="star"
|
||||
class="size-4 text-yellow-500"
|
||||
/>
|
||||
</li>
|
||||
<li>
|
||||
<Icon
|
||||
name="star"
|
||||
class="size-4 text-yellow-500"
|
||||
/>
|
||||
</li>
|
||||
<li>
|
||||
<Icon
|
||||
name="star"
|
||||
class="size-4 text-yellow-500"
|
||||
/>
|
||||
</li>
|
||||
<li>
|
||||
<Icon
|
||||
name="star"
|
||||
class="size-4 text-gray-500"
|
||||
/>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<span>66 avaliações no Google</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Container>
|
||||
{/* Course End */}
|
||||
</section>
|
||||
</Container>
|
||||
{/* Course End */}
|
||||
</div>
|
||||
|
||||
<Content />
|
||||
</section>
|
||||
|
||||
Reference in New Issue
Block a user