The Bookademo3 component is designed to facilitate the booking of a demo session through an engaging and user-friendly interface. It combines a sleek layout with distinct sections that guide users step by step. This component is divided into two main parts: an informative section that displays a heading, description, and a testimonial, and an interactive form where users can provide their details and preferences. The inclusion of a testimonial enhances credibility and personal connection, while the badge serves as a call-to-action, inviting users to engage with the demo offering.
Digging deeper into its structure, the Bookademo3 component utilizes a shadcn block to achieve a balanced design. The informative section effectively captures user attention with its bold heading and personalized testimonial, featuring a shadcn component for image and text presentation. The form component, strategically presented in a card-like shadcn ui, features input controls like text fields, dropdowns, and a textarea, enabling users to enter data efficiently. As users fill out the form, features such as country selection and CI/CD system preferences allow for a tailored experience. The submission button provides a final touch to guide the user through the process seamlessly.
| Package | Type |
|---|---|
| lucide-react | NPM |
| react | NPM |
button @shadcn | Registry |
card @shadcn | Registry |
input @shadcn | Registry |
label @shadcn | Registry |
select @shadcn | Registry |
textarea @shadcn | Registry |