Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to be A2P compliant, featuring an SMS compliant form. The main purpose is to allow users to easily submit their information while ensuring compliance with A2P regulations. The design will prioritize a clean, minimalist aesthetic, focusing on user experience and simplicity.

## CORE FEATURES
1. **Hero Section**: A prominent introduction area with a compelling headline, subheadline, and a clear call-to-action (CTA) button that guides users to the SMS form.
2. **SMS Compliant Form**: A user-friendly form that collects necessary information while ensuring compliance with SMS regulations, including fields for user details and consent checkboxes.
3. **Information Section**: Brief descriptions or bullet points outlining the importance of A2P compliance and how users benefit from it.
4. **Testimonials**: A section that showcases user testimonials or success stories to build trust and credibility.
5. **Contact Information**: A footer section with contact information, including email, phone number, and links to social media.
6. **Responsive Design**: Ensures that the landing page is fully functional on various devices, adapting the layout for mobile, tablet, and desktop views.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Primary Color**: #1978E5 (accent for buttons, links, highlights).
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements.
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs.
- **Layout**: The layout will follow a vertical flow, starting with the hero section, followed by the form, informational content, testimonials, and ending with the contact information in the footer.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Can use React's built-in state management or context for form handling.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout Components**: Develop reusable components for the hero section, form, information section, testimonials, and footer.
3. **Implement the Hero Section**: Design the hero area with a strong headline and CTA button styled with the primary color.
4. **Build the SMS Compliant Form**: Include necessary fields and implement validation for compliance. Style the form elements with the specified border radius.
5. **Add Information Section**: Create an informative section that briefly explains A2P compliance and its benefits.
6. **Integrate Testimonials**: Include a dynamic way to display user testimonials, ensuring they fit within the minimalist design.
7. **Implement Responsive Design**: Use Tailwind’s responsive utilities to ensure the landing page looks good on all devices.
8. **Test Functionality**: Perform thorough testing to ensure the form submits correctly and that all components are functioning as intended.

## USER EXPERIENCE
Users will be greeted with a visually appealing hero section that captures their attention. They will easily navigate to the SMS compliant form to submit their information, with clear instructions on why their data is needed. The testimonials will provide reassurance of the service's credibility. The overall flow will be intuitive, minimizing distractions and guiding users toward completing the form submission. The responsive design will ensure a seamless experience across all devices.