Demo Booking Form
Component Detail
Description
A static HTML/React form on the Sales Website that collects contact and organizational details from prospective buyers requesting a product demonstration. Renders fields for name, organization, email, phone, and message, with client-side validation for required fields and email format. Includes a honeypot field for spam prevention and shows inline error messages on failure without full page reload.
demo-booking-form
Sources & reasoning
The UI form is the primary user-facing surface of the Booking Form feature. It must capture lead qualification data from decision-makers visiting the static Sales Website and submit it to the webhook handler - no auth, no database, intentionally minimal per the feature description.
No source references — this artifact was included based on reasoning alone (see above).
Responsibilities
- Render booking request form with required contact and organizational fields
- Validate required fields and email format on the client side
- Include honeypot input to reduce spam submissions
- Display user-visible error message on submission failure
- Redirect to booking confirmation page on successful submission
Interfaces
submit(formData: BookingFormData): Promise<void>
validate(formData: BookingFormData): ValidationResult