"use client"; import { useState } from "react"; import { Field, Honeypot, StatusBanner } from "@/components/forms/Field"; import { inputClass, isEmail, isRequired, submitDemo, type SubmitResult } from "@/lib/forms"; export function ContactForm() { const [values, setValues] = useState({ name: "", email: "", message: "", website: "" }); const [errors, setErrors] = useState>({}); const [status, setStatus] = useState(null); const [submitting, setSubmitting] = useState(false); const set = (k: string) => (e: React.ChangeEvent) => setValues((v) => ({ ...v, [k]: e.target.value })); function validate() { const er: Record = {}; if (!isRequired(values.name)) er.name = "Please enter your name."; if (!isEmail(values.email)) er.email = "Please enter a valid email address."; if (!isRequired(values.message)) er.message = "Please enter a message."; setErrors(er); return Object.keys(er).length === 0; } async function onSubmit(e: React.FormEvent) { e.preventDefault(); setStatus(null); if (!validate()) return; setSubmitting(true); const result = await submitDemo(values); setStatus(result); setSubmitting(false); if (result.ok) setValues({ name: "", email: "", message: "", website: "" }); } return (

Simple contact form