Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote and sell an app focused on inner healing. The primary goal is to create an engaging and visually appealing site that effectively communicates the app's benefits, features, and encourages visitors to take action, such as downloading the app or signing up for a newsletter.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction with a captivating tagline and a clear call-to-action (CTA) button to download the app.
2. **Features Overview**: A section detailing the key features of the app, presented in a clean layout with icons and concise descriptions.
3. **Testimonials**: A section showcasing user testimonials to build trust and credibility, featuring quotes and ratings from satisfied users.
4. **Call to Action**: Prominent CTA sections throughout the page encouraging visitors to download the app or subscribe for updates.
5. **Contact Information**: A simple contact form for inquiries, allowing users to reach out for more 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 flow layout featuring the hero section at the top, followed by the features overview, testimonials, and a final call-to-action section, ensuring a logical progression that guides the user through the page.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for a landing page, but consider using context for managing modal states if needed.

## IMPLEMENTATION STEPS
1. **Set Up the Project**:
   - Create a new React project using Create React App with TypeScript.
   - Install Tailwind CSS and configure it according to the documentation.
   - Integrate shadcn/ui for UI components.

2. **Create the Hero Section**:
   - Design a full-width hero section with a captivating background and a clear CTA button.
   - Use the Inter font for the heading and body text, applying the primary color for the button.

3. **Develop the Features Overview**:
   - Create a grid layout to showcase app features.
   - Use icons and short descriptions, maintaining the minimalist aesthetic.

4. **Add Testimonials Section**:
   - Implement a carousel or grid layout for user testimonials.
   - Ensure each testimonial is visually distinct and uses the primary color for highlights.

5. **Implement Contact Form**:
   - Design a simple contact form with fields for user inquiries.
   - Style the form inputs with the specified border radius and use the primary color for the submit button.

6. **Final Touches**:
   - Ensure responsive design principles are applied, testing across devices.
   - Optimize for performance and accessibility.

## USER EXPERIENCE
Users will first encounter a visually impactful hero section that captures their attention. As they scroll down, they will naturally progress through the features and testimonials, creating a narrative that builds interest and trust. The consistent use of the primary color and clean typography will ensure a cohesive experience, while clear CTAs will guide users towards taking action, whether that’s downloading the app or reaching out for more information. The overall design will prioritize simplicity and ease of navigation, ensuring users can quickly find the information they need.