Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to serve as a resource hub for creating effective prompts in Lovable. The primary goal is to provide users with a clean, engaging interface that showcases various prompt examples and guides for building landing pages. The emphasis is on simplicity and clarity to encourage conversions and user engagement.

## CORE FEATURES
1. **Hero Section**: A prominent area at the top featuring a catchy headline, a brief description, and a strong call-to-action (CTA) button encouraging users to explore the ebook.
   
2. **Features Showcase**: A section highlighting key features of the ebook, such as “Step-by-Step Guides”, “Tips and Best Practices”, and “High-Converting Examples”, each accompanied by engaging visuals.

3. **Testimonials**: A section dedicated to user feedback and reviews to build trust and credibility around the ebook content.

4. **CTA Section**: A strategically placed call-to-action encouraging users to download or purchase the ebook, reinforced with compelling copy and an easy-to-find button.

5. **Contact Form**: An easy-to-use contact form for inquiries or feedback, ensuring users can reach out for further information 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**: A vertical stacked layout that flows seamlessly from the hero section to features, testimonials, and the contact form. Each section should be clearly defined with sufficient spacing to maintain a clean appearance.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specifically required for a landing page but can utilize simple state management for form handling.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create Main Components**:
   - Develop the Hero component with a headline, description, and CTA button.
   - Build the Features component to showcase the ebook's key features.
   - Create the Testimonials component to display user feedback.
   - Implement the CTA section with an attention-grabbing design.
   - Design the Contact Form component with necessary fields (name, email, message).
3. **Style Components**: Apply Tailwind CSS classes to implement the minimalist design specifications, including the primary color and border radius.
4. **Ensure Responsiveness**: Use responsive utility classes in Tailwind to ensure the design looks great on all device sizes.
5. **Testing**: Conduct user testing to gather feedback on the layout and functionality, making adjustments as needed.

## USER EXPERIENCE
Users will first encounter a visually appealing hero section that captivates their attention and invites them to explore further. The features showcase will provide clear, concise information about the ebook, while testimonials will help to establish credibility. The CTA will be strategically placed to maximize clicks, and the contact form will allow users to easily reach out for additional support or inquiries. Overall, the landing page will be designed to guide users smoothly toward downloading the ebook, ensuring a positive and engaging user experience.