diff --git a/superpage/src/components/Course/Contact.astro b/superpage/src/components/Course/Contact.astro
deleted file mode 100644
index 5224030..0000000
--- a/superpage/src/components/Course/Contact.astro
+++ /dev/null
@@ -1,18 +0,0 @@
----
-import Container from "~/components/Container.astro";
-import Form from "./Contact.jsx";
----
-
-
-
-
-
Fale conosco
-
- Tem uma necessidade mais específica ou gostaria de agendar uma
- demonstração da nossa plataforma? Entre em contato conosco.
-
-
-
-
-
-
diff --git a/superpage/src/components/Course/Contact.jsx b/superpage/src/components/Course/Contact.jsx
index beb479f..9e7c465 100644
--- a/superpage/src/components/Course/Contact.jsx
+++ b/superpage/src/components/Course/Contact.jsx
@@ -10,6 +10,8 @@ const schema = z.object({
.string()
.nonempty({ message: "Deve preencher o email" })
.email({ message: "Deve ser um email válido" }),
+ telephone: z.string().nonempty({ message: "Deve preencher o telefone" }),
+ orgname: z.string().nonempty({ message: "Deve preencher a empresa" }),
message: z.string().nonempty({ message: "Deve preencher a mensagem" }),
});
@@ -23,7 +25,7 @@ export default function Contact() {
action="https://n8n.eduseg.com.br/webhook/a377b3e0-b159-4536-98ab-e13822b60562"
onSuccess={() => reset()}
control={control}
- className="flex flex-col gap-2.5"
+ className="flex flex-col gap-3"
>
{formState.isSubmitSuccessful && (
@@ -31,44 +33,56 @@ export default function Contact() {
)}
-
-
+
+
{formState.errors.name?.message}
-
+
-
-
+
+
{formState.errors.email?.message}
-
+
-
-
- {formState.errors.message?.message}
-
+
+
+ {formState.errors.telephone?.message}
+
+
+
+
+ {formState.errors.orgname?.message}
+
+
+
+
+ {formState.errors.message?.message}
+
@@ -79,33 +93,23 @@ export default function Contact() {
export function Input({ as = "input", className, ...props }) {
return createElement(as, {
className: clsx(
- "bg-white/10 focus:bg-white focus:text-black rounded-xl p-4 w-full focus:outline-0 transition duration-150",
- "aria-invalid:outline-2 aria-invalid:outline-red-600",
+ "bg-white/5 focus:bg-white/15 rounded-lg p-3 w-full border border-white/10 focus:border-lime-400 focus:outline-0 transition",
+ "placeholder-white/70",
+ "aria-invalid:border-red-600",
className,
),
...props,
});
}
-function Label({ children, className }) {
- return (
-
- );
+function Control({ children, className }) {
+ return
;
}
function Error({ children, className }) {
if (children) {
return (
-
- {children}
-
+
{children}
);
}
diff --git a/superpage/src/components/Course/Features.astro b/superpage/src/components/Course/Features.astro
index 1d40cfa..7df3420 100644
--- a/superpage/src/components/Course/Features.astro
+++ b/superpage/src/components/Course/Features.astro
@@ -5,7 +5,7 @@ import mulherdenegocios from "~/assets/mulher-de-negocios.png";
import homemdenegocios from "~/assets/homem-de-negocios.png";
---
-
+