# Datamit Forms Documentation

This document outlines the usage of forms within the Datamit project.

## Overview

Forms are a key component for user interaction, primarily used for contact and inquiries. The styling for forms is defined in `style.css` under various classes, including `.dm-form`, `.dm-form-mobile`, and `.dm-form-button`.

## Form Components

- **`Contact.vue`**: Contains the main contact form, allowing users to send messages. It includes fields for name, email, phone number, and a message.
- **`Features.vue`**: Includes a form for users to express interest or ask questions related to specific features.

## Styling

The forms are styled using custom CSS classes. Key classes include:

- `.dm-form`: General form styling.
- `.dm-form-mobile`: Styling for mobile devices.
- `.dm-form-button`: Styling for form submission buttons.
- `.title-label` and `.area-title-label`: Styling for form field labels.

## Language and Text

All text content, including form labels, descriptions, and placeholder text, is managed through the `Lang.ts` file. This allows for easy internationalization and content management. For example, `ContactIntro` provides the introductory text for the contact form.