Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote and sell an e-book titled "Kit Corretor Blindado," aimed at real estate agents seeking to protect their business against contractual risks. The landing page will focus on converting visitors into customers by highlighting the author's expertise, the benefits of the e-book, and a clear call-to-action for purchase.

## CORE FEATURES
1. **Hero Section**: A striking introduction with a bold headline, a brief description of Kelly Uchôa Hagenbeck, and a strong call-to-action button leading to the checkout link.
2. **About the Author**: A detailed section about Kelly's experience, qualifications, and her mission to support real estate agents, showcasing her credibility and authority in the industry.
3. **E-book Highlights**: Key features of the "Kit Corretor Blindado," including the protective legal tools and practical exercises included in the e-book, to entice potential buyers.
4. **Testimonials/Success Stories**: A section featuring quotes or feedback from real estate agents who have benefited from Kelly's mentorship and the e-book, building trust and social proof.
5. **Call to Action**: A prominent section encouraging users to purchase the e-book for R$ 97, with a direct link to the checkout page.
6. **Contact Information**: A simple contact form or email link for inquiries, ensuring easy communication for potential customers.

## 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 consist of a full-width hero section, followed by content sections stacked vertically for easy scrolling, ensuring a responsive design that adapts well to different screen sizes.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page as it will be mostly static content.

## IMPLEMENTATION STEPS
1. **Set up the React project** using Create React App with TypeScript template.
2. **Install Tailwind CSS** by following the setup instructions in the Tailwind documentation.
3. **Create the main components**:
   - Hero component with a headline, description, and CTA button.
   - About section to display Kelly's biography and qualifications.
   - E-book highlights section with bullet points of the key features.
   - Testimonials section to showcase user feedback.
   - Call to action section with purchase details.
   - Contact section with a simple form or email link.
4. **Apply Tailwind CSS styles** to each component, ensuring adherence to the design specifications.
5. **Test responsiveness** on various devices to ensure a seamless user experience.
6. **Deploy the landing page** to a hosting service like Vercel or Netlify.

## USER EXPERIENCE
Users will land on the page and be immediately drawn to the hero section, where they can learn about Kelly and the e-book. Scrolling down will reveal more information about the author, the e-book's features, and testimonials from past mentees, enhancing credibility. The page will guide users towards the purchase CTA, making the e-book easily accessible. A smooth, minimalist design will ensure that users remain focused on the content without distractions, ultimately driving conversions.