Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a high-conversion landing page formatted as a quiz to sell an e-book titled "Reconquistar o Ex." The target audience is the Mozambican market, appealing to both men and women, with the e-book priced at 247MT. The page will focus on engaging users through an interactive quiz format to drive conversions effectively.

## CORE FEATURES
1. **Interactive Quiz**: Engaging quiz format that leads users through questions designed to identify their needs and interests related to rekindling relationships.
2. **E-book Highlight Section**: Clear and compelling description of the e-book benefits, including key takeaways and testimonials.
3. **Call-to-Action (CTA)**: Strategically placed buttons prompting users to purchase the e-book after completing the quiz, designed to convert leads into buyers.
4. **Responsive Design**: Fully responsive layout ensuring a seamless experience on both desktop and mobile devices.
5. **User Testimonials**: A section showcasing positive feedback from users who have benefited from the e-book, enhancing credibility and trust.
6. **Contact Information**: Easily accessible contact details for customer inquiries, fostering communication and 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 landing page will feature a hero section at the top, followed by the quiz, e-book highlight section, testimonials, and a final CTA. Each section will be clearly defined with ample white space for easy readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Use React's Context API or State Hooks as needed for quiz state management.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for UI components.
2. **Create Layout Structure**: Develop the main layout comprising the header, quiz, e-book highlights, testimonials, and footer sections.
3. **Develop Quiz Functionality**: Implement the interactive quiz using state management to capture user inputs and navigate through questions.
4. **E-book Section**: Create a visually appealing section that highlights the e-book's key benefits and features, including a compelling CTA button.
5. **Implement Testimonials**: Add a section for user testimonials, using a carousel or grid layout for display.
6. **Finalize Styling**: Use Tailwind CSS to style components according to the specified design guidelines, ensuring a clean and minimalist aesthetic.
7. **Testing and Optimization**: Conduct usability testing to refine the user flow and optimize for conversions. Ensure the page is responsive across all devices.

## USER EXPERIENCE
The user journey begins with an engaging quiz that captivates their interest and addresses their needs regarding rekindling relationships. After completing the quiz, users will be presented with personalized insights and recommendations, leading them seamlessly to the e-book section where they can easily make a purchase. The design will prioritize simplicity and clarity, ensuring users can navigate through the content effortlessly and feel motivated to complete the quiz and purchase the e-book. The inclusion of testimonials will bolster trust, enhancing the overall conversion rate.