Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is focused on redesigning a landing page for a premium digital product, emphasizing a sophisticated and calming user experience. The objective is to create a visually appealing interface that conveys quality and comfort, inspired by the aesthetics of Apple and Stripe.

## CORE FEATURES
1. **Hero Section**: A large, elegant hero with a prominent mockup of the ebook, featuring a strong headline and a subtle background glow.
2. **Call to Action (CTA)**: Well-designed CTAs that are proportionate and visually engaging, guiding users to take action without overwhelming them.
3. **Product Benefits**: A grid layout showcasing benefits with minimalistic icons and easy-to-scan text, maintaining a clean aesthetic.
4. **Pricing Section**: Two premium pricing cards that highlight the ebook options, with clear differentiation on the best choice.
5. **FAQ Section**: An accordion-style FAQ section that is streamlined for easy navigation and readability.
6. **Final CTA**: A cinematic final call-to-action encouraging users to start their journey with the product.

## 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

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create Layout**: Develop the main layout structure, ensuring a minimalist approach with clear sections for the hero, benefits, pricing, FAQ, and final CTA.
3. **Design Hero Section**: Implement the hero section with a strong headline, ebook mockup, and smooth background glow effect.
4. **Build CTA Buttons**: Design CTAs with specified proportions and styles, ensuring they fit within the overall aesthetic.
5. **Develop Product Benefits**: Create a grid layout for the benefits section using cards with minimalistic icons.
6. **Implement Pricing Cards**: Design and code the pricing section, ensuring clear visual hierarchy and emphasis on the best option.
7. **Create FAQ Section**: Develop an accordion for FAQs that maintains a clean and organized appearance.
8. **Finalize CTA Section**: Design the final CTA with a cinematic feel, ensuring it aligns with the overall branding.
9. **Responsive Design**: Ensure the landing page is fully responsive, particularly for mobile devices, maintaining usability and aesthetics.

## USER EXPERIENCE
The landing page should provide a seamless experience, with intuitive navigation and clear calls to action. Key interactions include engaging with CTAs, scanning benefits, and accessing the FAQ section effortlessly. The design should evoke a sense of calm and sophistication, reflecting a premium digital product.