Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
FlowMind is a highly polished landing page designed for an AI product that optimizes flow state intelligence. The page aims to captivate users with its minimalistic yet intelligent aesthetic, promoting the sophisticated features of the AI system while ensuring a seamless user experience. It focuses on aesthetics, subtle animations, and SEO optimization, making it feel premium and research-driven.

## CORE FEATURES
- **Flow Detection**: Utilizes advanced algorithms to monitor and identify user states of flow.
- **Flow Prediction**: Predicts optimal working conditions and times for enhancing focus.
- **Behaviour Analysis**: Analyzes user behaviors to provide insights into cognitive patterns.
- **Intelligent Task Structuring**: Organizes tasks intelligently for improved workflow.
- **Real-time Feedback**: Offers immediate insights and recommendations based on user interactions.

## 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 consists of a hero section with a captivating headline, a trust positioning strip, a bento grid for features, a simple three-step explanation of how the product works, a tech section for SEO, a final call-to-action section, and a clean footer.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: [Specify if needed]

## IMPLEMENTATION STEPS
1. **Set up the Project**: Initialize a React project with TypeScript and install Tailwind CSS.
2. **Create the Hero Section**:
   - Implement the headline "Understand Your Flow State" and subheadline "An AI system that detects, predicts, and optimises how you think."
   - Add a Call to Action button "Get Early Access" styled using the primary color and border radius.
   - Use a background with a subtle gradient and blur effect.
   - Integrate the provided liquid glass card as a visual focal element.
3. **Build the Trust/Positioning Strip**: Add a short line of text emphasizing the unique positioning of the product.
4. **Design the Features Section**: Create a bento grid layout featuring key functionalities, using the liquid glass card component for only 2-3 highlights.
5. **Integrate the How It Works Section**: Outline the three steps with subtle icons that are clean and not generic.
6. **Develop the Tech Section**: Include mentions of machine learning, time-series models, and relevant technical terms, using small code-style UI blocks.
7. **Construct the Final CTA Section**: Encourage users to "Build your own flow system" with a prominent "Join Waitlist" button.
8. **Create a Minimal Footer**: Ensure the footer remains clean and unobtrusive.
9. **Implement Animations**: Add on-scroll fade-in effects and subtle parallax or movement to enhance user experience.
10. **Optimize for SEO**: Ensure proper semantic HTML structure with targeted title and description for search engine visibility.

## USER EXPERIENCE
The user experience is designed to be fluid and engaging. Users will be greeted by a compelling hero section that draws them in, followed by a clear presentation of the product's features and benefits. Each interaction will feel natural, with smooth scroll animations and well-structured information flow. The final call to action will prompt users to join the waitlist, ensuring that they remain engaged throughout their journey on the page.