This commit is contained in:
2025-03-18 11:48:33 -03:00
parent 12748e7e9c
commit 2b3811d94f
4 changed files with 36 additions and 9 deletions

View File

@@ -17,6 +17,7 @@ export function Card({ children, color = "gradient", className }: CardProps) {
<div
className={clsx(
"lg:rounded-2xl p-5 xl:p-10",
"lg:drop-shadow-sm",
colorVariants[color],
className,
)}

View File

@@ -27,8 +27,14 @@ export function Form() {
};
return (
<form onSubmit={handleSubmit(onSubmit)} className="flex flex-col gap-2.5">
{formState.isSubmitting && <>Okey!</>}
<form
onSubmit={handleSubmit(onSubmit)}
className="flex flex-col gap-2.5 dark:text-green-primary space-y-5"
>
{formState.isSubmitSuccessful && (
<p className="bg-green-700 text-white p-2.5 rounded-lg">OK!</p>
)}
<label>
Nome
<Input {...register("name")} />

View File

@@ -15,7 +15,7 @@ import { Container } from "@components/Container";
</head>
<body>
<nav class="bg-green-primary sticky top-0">
<nav class="bg-green-primary sticky z-10 top-0">
<Container className="flex items-center py-5 max-lg:px-5">
<Logo className="h-8" />
</Container>
@@ -23,14 +23,24 @@ import { Container } from "@components/Container";
<slot />
<footer class="bg-green-primary p-5 lg:py-10">
<Container>
<footer class="bg-green-primary text-white p-5 lg:py-10">
<Container className="space-y-5">
<div class="space-y-1">
<Logo className="h-8" />
<Logo className="h-10" />
<p class="text-sm text-green-tertiary leading-4">
Educação que garante<br />sua segurança.
</p>
</div>
<div class="space-y-1">
<h6 class="text-xl">Cursos</h6>
<ul>
<li>Lei Lucas</li>
<li>NR-18 PEMT Plataforma Móvel de Trabalho Aéreo</li>
<li>NR-35 Trabalho em Altura</li>
<li>NR-10 Básico</li>
</ul>
</div>
</Container>
</footer>
</body>

View File

@@ -56,8 +56,18 @@ import Layout from "@layouts/Layout.astro";
</p>
</Card>
<Card color="yellow">
<Form client:load />
</Card>
<section class="grid lg:grid-cols-2 gap-6 p-5">
<div class="space-y-1">
<h4 class="text-2xl">Solicite um orçamento</h4>
<p>
Quer saber como podemos capacitar sua equipe? Fale com nossa
equipe e receba uma proposta personalizada.
</p>
</div>
<Card color="yellow" className="rounded-xl">
<Form client:load />
</Card>
</section>
</Container>
</Layout>