Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page designed to showcase a web-based application similar to Leonardo.ai. Its main purpose is to attract users through a clean and minimalist design, emphasizing features and easy navigation, while guiding them toward a call to action (CTA).

## CORE FEATURES
1. **Hero Section**: A prominent introduction area with a catchy tagline, a brief description of the application, and a primary CTA button.
2. **Feature Highlights**: A section that outlines the main features of the application, utilizing icons and succinct descriptions to engage users.
3. **Testimonials**: A segment showcasing user reviews or success stories to build trust and credibility.
4. **Call to Action**: A strategically placed CTA prompting users to sign up, learn more, or start using the application.
5. **Contact Information**: A section offering users a way to get in touch for inquiries or support.

## 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 follow a single-column structure for mobile responsiveness, with sections stacked vertically. Each section will be clearly defined with sufficient padding and margin to maintain the minimalist aesthetic.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page, but could use React's built-in state management if needed for interactive elements.

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project with TypeScript and install Tailwind CSS following the official documentation.
2. **Create the layout**: Design the main layout structure using Tailwind CSS classes, ensuring responsiveness for various devices.
3. **Build the Hero Section**: Implement the hero section with a catchy tagline, description, and CTA button styled with the primary color and typography specifications.
4. **Feature Highlights Section**: Create a visually appealing grid or list to present the core features using icons and brief descriptions.
5. **Testimonials Section**: Design a simple carousel or static layout to display user testimonials, focusing on readability and visual appeal.
6. **Call to Action**: Integrate a strong CTA section at the bottom, encouraging users to engage further with the application.
7. **Contact Section**: Develop a contact area with basic information and links, ensuring it is easy to navigate.
8. **Test for Responsiveness**: Ensure all sections are responsive and maintain their design integrity across various screen sizes.

## USER EXPERIENCE
Users will land on a visually appealing and distraction-free page that clearly communicates the application's value. Navigation will be intuitive, with clear CTAs guiding them through the features and encouraging interaction. The minimalist design will enhance focus on the content, while responsive layouts will ensure a seamless experience on both desktop and mobile devices.