Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page designed to present a clean and simple overview of the "1900000" concept. The main purpose is to provide information, engage users, and drive conversions through a clear call-to-action (CTA). The focus will be on delivering a smooth user experience while maintaining a visually appealing design.

## CORE FEATURES
1. **Hero Section**: A prominent introductory section that captures attention with a concise headline and a strong CTA button.
2. **Features Overview**: A section highlighting key features or benefits of the concept, presented in a visually engaging format.
3. **Testimonials**: A section to showcase user testimonials or feedback to build credibility and trust.
4. **Call-to-Action**: A clear and compelling CTA to encourage users to take a specific action, such as signing up or learning more.
5. **Contact Information**: A simple method for users to reach out for inquiries or support, enhancing user engagement.

## 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 stacking format, with the hero section at the top, followed by features, testimonials, and the CTA, concluding with contact information. Each section will be distinctly separated with ample white space for clarity.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and components.
3. **Create Layout Structure**: Develop the main layout with a header, hero section, features section, testimonials, CTA, and footer for contact information.
4. **Design Components**: Use Tailwind CSS to style each section according to the design specifications, ensuring a minimalist aesthetic.
5. **Implement Responsive Design**: Ensure that the layout is responsive, adapting to different screen sizes while maintaining usability.
6. **Test and Optimize**: Conduct testing to ensure all elements function correctly and optimize for performance and load times.

## USER EXPERIENCE
Key user interactions include navigating through the landing page sections via smooth scrolling, clicking on the CTA buttons to engage further with the content, and accessing contact information easily. The overall flow should guide users naturally from introduction to engagement, encouraging them to learn more or take action without distractions.