add text
This commit is contained in:
@@ -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,
|
||||
)}
|
||||
|
||||
@@ -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")} />
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -56,8 +56,18 @@ import Layout from "@layouts/Layout.astro";
|
||||
</p>
|
||||
</Card>
|
||||
|
||||
<Card color="yellow">
|
||||
<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>
|
||||
|
||||
Reference in New Issue
Block a user