Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
LovablePrompts.app is a minimalist landing page designed to promote the Lovable Prompts service. The main purpose of this landing page is to provide users with a clean, engaging experience that showcases the benefits of using Lovable Prompts, encourages user interaction, and drives conversions through clear calls to action.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction with a strong headline, subheading, and a prominent call-to-action button inviting users to explore Lovable Prompts.
2. **Features Overview**: A section that highlights the core benefits of Lovable Prompts, including ease of use, efficiency in creating prompts, and customization options.
3. **Testimonials**: A dedicated area for user reviews and testimonials to build trust and showcase positive experiences with Lovable Prompts.
4. **Call to Action (CTA)**: A clear and compelling section encouraging users to sign up or start using Lovable Prompts, featuring actionable buttons.
5. **Contact Information**: A simple contact form allowing users to reach out for inquiries or support, ensuring easy communication.

## 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 should consist of a full-width hero section at the top, followed by a grid of feature cards, a testimonial slider, and a final CTA section before the footer.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page, as it is primarily informational and conversion-focused.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize the React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Develop reusable components for the hero section, features overview, testimonials, and CTA.
3. **Design Layout**: Use Tailwind CSS to implement a responsive layout based on the design specifications, ensuring all elements are well-spaced and visually appealing.
4. **Implement Typography**: Import Inter font from Google Fonts and apply it to headings and body text throughout the page.
5. **Style Components**: Apply the primary color (#1978E5) to buttons and links, and set the border radius to 8px for all applicable components.
6. **Add Content**: Populate the components with relevant text and images, focusing on clarity and engagement.
7. **Test Responsiveness**: Ensure the landing page looks good on various devices and screen sizes, adjusting styles as necessary.

## USER EXPERIENCE
Users will encounter a sleek and engaging landing page that effectively communicates the value proposition of Lovable Prompts. The intuitive layout guides users from the hero area to features and testimonials, concluding with a strong call to action. The minimalist design and straightforward navigation will create a seamless and enjoyable experience, promoting user engagement and conversions.