Booking Form
Feature Detail
Description
The Booking Form feature provides a streamlined, accessible interface for prospective organizations to request a product demonstration of the Meander platform. The form collects essential contact and organizational information, including name, role, organization name, email, phone, and preferred demo timing. It is designed to minimize friction in the lead generation process while gathering enough context for the sales team to prepare a relevant, tailored demo session. The form integrates with backend lead tracking and triggers automated follow-up workflows upon submission.
User Flow
Analysis
The Booking Form is the primary conversion point on the sales website, directly translating visitor interest into qualified sales leads. Without this feature, prospective organizations have no structured way to engage with the Meander sales team, resulting in lost revenue opportunities. A well-designed, low-friction form increases conversion rates and ensures the sales team receives structured, actionable data for each lead. From a strategic standpoint, this feature is foundational to the commercial viability of the Meander platform and its expansion to new organizations beyond the initial pilot partners.
The form is implemented as a Next.js page component with server-side form handling via a REST API endpoint that persists leads to PostgreSQL. Client-side validation uses React Hook Form with Zod schemas to provide immediate feedback before submission. The backend stores submissions in a leads table and triggers a confirmation email via an email service provider. WCAG 2.2 AA compliance is enforced through semantic HTML, proper label associations, visible focus indicators, and error messaging. A honeypot field and rate limiting protect against spam submissions. The form should support optional fields for preferred date/time range and free-text notes about the organization's needs.
Components (115)
Shared Components
These components are reused across multiple features
User Interface (12)
Service Layer (34)
Data Layer (22)
Infrastructure (38)
User Stories
No user stories have been generated for this feature yet.