Demo Booking Page
Component Detail
User Interface
low complexity
frontend
2
Dependencies
0
Dependents
0
Entities
0
Integrations
Description
Server-rendered Next.js page presenting the demo booking form to prospective organizations. Collects organization name, contact person, email, phone, organization type, and a brief message. Implements progressive enhancement so the form degrades to a plain HTML POST when JavaScript is disabled, maximizing reach across diverse IT environments.
demo-booking-page
Responsibilities
- Render accessible booking form fields with WCAG 2.2 AA compliant labels, touch targets, and focus indicators
- Perform client-side field validation via Zod schema before submission
- Display inline validation errors with clear remediation hints
- Submit form data to the Booking Service API endpoint and redirect on success
- Include hidden honeypot field to assist server-side spam detection
Interfaces
render(): HTML
handleSubmit(formData: BookingFormData): Promise<void>
validateFields(formData: BookingFormData): ValidationResult
Relationships
Dependencies (2)
Components this component depends on