Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist web application designed to provide a clean and simple user experience. It will focus on displaying essential information and functionalities clearly, allowing users to navigate effortlessly through its features. The application will utilize a light theme with ample whitespace, making it visually appealing and easy to read.

## CORE FEATURES
1. **Hero Section**: A prominent landing area that introduces the application with a compelling headline and a brief description, encouraging users to engage with the content.
2. **Feature Highlights**: A section that outlines key features of the application, each accompanied by brief descriptions and icons for visual appeal.
3. **Call to Action (CTA)**: A clear and persuasive CTA button that guides users towards the next step, whether it’s signing up, learning more, or starting a free trial.
4. **Contact Form**: A simple form for users to reach out for inquiries or support, ensuring easy communication.
5. **Responsive Design**: Ensures that the application is fully functional and visually appealing on all devices, including desktops, tablets, and mobile phones.

## 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 hero section at the top, followed by feature highlights in a grid format, a prominent CTA section, and a contact form at the bottom for inquiries.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified, but could be added if interactivity requires it.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript using Create React App or a similar setup.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**: Build the following components:
   - HeroSection
   - FeatureHighlight
   - CallToAction
   - ContactForm
4. **Implement Routing**: If applicable, set up routing to direct users to different sections of the application or functional pages.
5. **Style Components**: Use Tailwind CSS classes to style each component according to the design specifications, ensuring responsiveness across devices.
6. **Testing**: Conduct thorough testing to ensure all components function correctly and the user experience is seamless.

## USER EXPERIENCE
Users will be welcomed by a visually engaging hero section that succinctly communicates the application's purpose. They can navigate through the features easily, with clear calls to action guiding them to engage further, whether by signing up or contacting support. The responsive design ensures that users on any device will have an optimal experience, with the layout adapting fluidly to different screen sizes. The minimalist aesthetic promotes focus and clarity, enhancing usability and satisfaction.

This prompt provides a complete plan to create a functional and visually appealing minimalist web application tailored to the specified requirements.