Feature added: Contact form with subject and message fields
This merge request migrates the contact form component of the Neologie website. The key features include:
-
Subject Field:
- Includes a pencil icon on the left side of the input field
- The field is required and has a placeholder of "Betreff"
- The field spans the full width of the form
-
Message Field:
- The message field is a textarea with a minimum height of 200px
- The field is required and has a placeholder of "Ihre Nachricht"
- The field also spans the full width of the form
-
Submit Button:
- The submit button has a paper airplane icon in the middle of it.
- The button spans the full width of the form
-
Styling:
- The form is centered on the page with a maximum width of 2xl (1200px)
- The form is padded on the left and right by 8 and 16 respectively
- The form is placed inside a white (or dark mode black) card with rounded corners and a drop shadow
-
Accessibility:
- The form and input fields have proper ARIA labels for screen readers
- The heading for the form has an
id
that is referenced by thearia-labelledby
attribute on the form.
-
Error Handling:
- Form validation is yet to be implemented.
Task: #52231 - Migrate Contact form and BDNPrint