Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
LovablePrompts.app is a minimalist landing page designed to showcase Lovable Prompts, a service aimed at providing users with engaging and straightforward access to a variety of prompts. The main purpose of this landing page is to create a visually appealing experience that highlights the service's offerings and encourages user interaction through clear calls to action.

## CORE FEATURES
1. **Hero Section**: A captivating introduction that features a strong headline and a prominent call-to-action button, inviting users to explore Lovable Prompts.
2. **Features Overview**: A section detailing the benefits of using Lovable Prompts, including user-friendly navigation, diverse prompt options, and seamless integration.
3. **Testimonials**: A showcase of user feedback and testimonials to build trust and demonstrate the positive impact of Lovable Prompts.
4. **Call to Action (CTA)**: A clear and compelling section urging users to sign up or start using the service, with buttons leading to further actions.
5. **Contact Information**: A simple contact form for users to reach out with inquiries or support requests.

## 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 feature 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 for styling.
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 application.
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 to enhance user experience.
7. **Test Responsiveness**: Ensure the landing page looks visually appealing across various devices and screen sizes, making adjustments to styles as necessary.

## USER EXPERIENCE
Users will encounter a clean and engaging landing page that effectively communicates the value of Lovable Prompts. The intuitive layout allows for easy navigation, guiding users from the hero area to features and testimonials, culminating in a strong call to action. Users will appreciate the minimal design aesthetic and straightforward interactions, resulting in a seamless and enjoyable experience.