Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a minimalist landing page designed to provide essential information and drive user engagement through a clean and simple interface. It focuses on showcasing key features, encouraging user interaction with a clear call-to-action, and providing a straightforward contact section.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction that captures user attention with a compelling headline and a call-to-action button.
2. **Features Display**: A section highlighting the main features of the service, presented in an easy-to-read format with concise descriptions.
3. **Testimonials**: User testimonials to build trust and credibility, displayed in a visually engaging manner.
4. **Call-To-Action (CTA)**: A prominent section encouraging users to sign up or learn more, with an eye-catching button.
5. **Contact Form**: A simple contact form allowing users to reach out for more information or support.
6. **Responsive Design**: The layout will adapt seamlessly to various screen sizes, ensuring a great experience on both desktop and mobile devices.

## 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 main layout will consist of a single-column structure with a top hero section, followed by features, testimonials, a CTA, and a contact form. Each section will have ample spacing to maintain clarity and focus.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page.

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create the layout**: Build a responsive layout using Tailwind CSS classes, ensuring each section is clearly defined.
3. **Hero Section**: Implement the hero section with a headline, subtext, and a CTA button styled with the primary color.
4. **Features Section**: Create a grid or list to display the features, using cards with rounded corners and adequate padding.
5. **Testimonials**: Design a simple carousel or grid layout for testimonials, incorporating user photos if available.
6. **Call-to-Action**: Add a standout CTA section with a prominent button that utilizes the primary color.
7. **Contact Form**: Implement a contact form with necessary input fields, styled consistently with the overall design.
8. **Test Responsiveness**: Ensure the design adapts well to different screen sizes and adjust styles as needed.

## USER EXPERIENCE
Users will be greeted by a visually engaging hero section that immediately communicates the purpose of the service. As they scroll down, they will encounter a clear presentation of features, supported by testimonials that enhance trust. The CTA will encourage them to take action, while the contact form provides an easy way to get in touch for further inquiries. The minimalist design will ensure a pleasant and distraction-free user experience, focusing solely on the content and interactions.