sergio/saladeaula.digital
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add text

Browse Source
This commit is contained in:
Sérgio Rafael Siqueira
2025-03-18 11:48:33 -03:00
parent 12748e7e9c
commit 2b3811d94f
4 changed files with 36 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
eduseg/src/components/Card.tsx
View File

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

10
eduseg/src/components/Form.tsx
View File

@@ -27,8 +27,14 @@ export function Form() {
}; };
return ( return (
<form onSubmit={handleSubmit(onSubmit)} className="flex flex-col gap-2.5"> <form
{formState.isSubmitting && <>Okey!</>} 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> <label>
Nome Nome
<Input {...register("name")} /> <Input {...register("name")} />

18
eduseg/src/layouts/Layout.astro
View File

@@ -15,7 +15,7 @@ import { Container } from "@components/Container";
</head> </head>
<body> <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"> <Container className="flex items-center py-5 max-lg:px-5">
<Logo className="h-8" /> <Logo className="h-8" />
</Container> </Container>
@@ -23,14 +23,24 @@ import { Container } from "@components/Container";
<slot /> <slot />
<footer class="bg-green-primary p-5 lg:py-10"> <footer class="bg-green-primary text-white p-5 lg:py-10">
<Container> <Container className="space-y-5">
<div class="space-y-1"> <div class="space-y-1">
<Logo className="h-8" /> <Logo className="h-10" />
<p class="text-sm text-green-tertiary leading-4"> <p class="text-sm text-green-tertiary leading-4">
Educação que garante<br />sua segurança. Educação que garante<br />sua segurança.
</p> </p>
</div> </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> </Container>
</footer> </footer>
</body> </body>

12
eduseg/src/pages/index.astro
View File

@@ -56,8 +56,18 @@ import Layout from "@layouts/Layout.astro";
</p> </p>
</Card> </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 /> <Form client:load />
</Card> </Card>
</section>
</Container> </Container>
</Layout> </Layout>