Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a high-converting landing page funnel designed specifically for promoting an ebook. The primary goal is to effectively capture leads and drive sales through a streamlined user experience and visually appealing design. 

## CORE FEATURES
1. **Hero Section**: A captivating hero area at the top of the page featuring an engaging headline, a brief description of the ebook, and a prominent call-to-action (CTA) button encouraging users to purchase or download the ebook.
2. **Features Section**: A section highlighting the key benefits and features of the ebook, using concise bullet points and visuals to enhance understanding and appeal.
3. **Testimonials**: A dedicated area showcasing testimonials from readers or influencers to build credibility and trust around the ebook.
4. **Call-to-Action (CTA)**: Multiple strategically placed CTA buttons throughout the page to encourage conversions, leading users to purchase or sign up for more information.
5. **Contact Information**: A simple contact form or information section for users to reach out with questions, ensuring they can easily connect with the creator.
6. **Footer**: A minimal footer displaying links to privacy policy, terms of service, and social media profiles to enhance brand presence.

## 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.
- **Layout**: The layout should follow a single-column structure, ensuring that content flows smoothly from one section to the next, maintaining a clear visual hierarchy.
- **Typography**: Use a modern sans-serif font for headings (e.g., Montserrat) and a clean serif or sans-serif font for body text (e.g., Roboto). Establish a clear hierarchy with larger font sizes for headings and consistent spacing between elements.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for utility-first styling and responsive design
- **UI Components**: Utilize shadcn/ui for pre-built components to streamline development.
- **State Management**: Not required for this landing page; focus on static content and form handling.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui components.
3. **Create Components**: Build functional components for each section: Hero, Features, Testimonials, CTA, Contact, and Footer.
4. **Implement Styling**: Use Tailwind CSS classes to style each component, adhering to the defined color scheme and visual style.
5. **Responsive Design**: Ensure all components are responsive and adapt to different screen sizes using Tailwind's responsive utilities.
6. **Integrate Form Handling**: Set up a simple form for the contact section, capturing user inquiries and storing them as needed (e.g., using a service like Formspree or similar).
7. **Test Functionality**: Review the landing page for cross-browser compatibility and mobile responsiveness.

## USER EXPERIENCE
The user will first land on the hero section, immediately seeing a compelling message and CTA. As they scroll down, they will encounter the features of the ebook, reinforced by testimonials that build trust. The presence of multiple CTAs encourages users to take action, while the contact section offers reassurance through direct communication options. The overall flow is designed to guide users smoothly towards making a purchase, ensuring a seamless and engaging experience.