Demo Booking Form

Next.js page component providing a structured demo booking form for prospective organizations. Collects contact name, role, organization name, email, phone, preferred demo timing, and optional free-text notes. Implements React Hook Form with Zod validation for immediate client-side feedback, semantic HTML with proper label associations, visible focus indicators, and WCAG 2.2 AA compliant error messaging.

Feature: Booking Form

demo-booking-form

• Render form fields with proper labels, placeholders, and validation feedback
• Enforce client-side validation via Zod schemas before submission
• Display success/error states after form submission
• Ensure WCAG 2.2 AA compliance including focus indicators, contrast, and screen reader support
• Include honeypot field for spam prevention