Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to guide early-stage startup founders through their funding journey. It aims to provide a professional, modern, and trustworthy interface that offers insights into funding paths, investor connections, and capital opportunities, all while maintaining a data-driven and calm tone.

## CORE FEATURES
1. **Typical Paths**: A visualization tool that shows common early-stage funding paths, allowing users to explore and identify actionable paths based on their startup needs.
2. **Path Simulator**: An interactive feature enabling users to construct their own funding path across four stages and visualize how previous founders navigated their funding decisions.
3. **Key Investors**: A ranked list of top investors per funding instrument, revealing key metrics and insights about their typical investment behavior.
4. **International Capital**: A simulation tool that assesses the probability of securing international capital based on selected instruments and time since founding.
5. **AI Coach Panel**: A persistent coaching tool on the right side of the interface providing contextual guidance and insights throughout the user's journey.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Emphasize a clean and simple design with plenty of white space, a limited color palette, and a strong focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds, utilizing a strong accent color for signals and a secondary accent for warnings.
- **Layout**: Responsive desktop-first layout with main content on the left and a persistent AI Coach panel on the right. Each feature tab will have a high-level overview with interactive components that animate into place.
- **Typography**: Use a strong sans-serif font family with a clear hierarchy to enhance readability and maintain a premium feel.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for responsive and utility-first design
- **UI Components**: Utilize shadcn/ui for building interactive components with a polished finish.
- **State Management**: Implement a context API or state management library like Redux if necessary for managing user interactions across tabs.

## IMPLEMENTATION STEPS
1. **Initial Setup**: Create a new React application using Create React App with TypeScript. Set up Tailwind CSS for styling.
2. **Develop Core Features**:
   - Build the **Typical Paths** tab with a stacked chart and interactive path cards.
   - Implement the **Path Simulator** with a horizontal rail for funding stages and an interactive distribution panel.
   - Create the **Key Investors** tab that includes a ranked list of investors with animated reveals.
   - Develop the **International Capital** section styled like a DJ console, with interactive toggles and a probability meter.
3. **AI Coach Panel**: Design and integrate the AI Coach panel to be present across all tabs, ensuring it maintains visual consistency.
4. **Animation and Interaction**: Add animations for tab transitions, component reveals, and interactive states to enhance the user experience.
5. **Testing and Feedback**: Conduct thorough testing of user interactions and animations, refining based on feedback to ensure a seamless experience.

## USER EXPERIENCE
Users will navigate through each tab to explore early-stage funding options, simulate pathways, and discover key investors. The interactions will include hover effects, click states, and dynamic updates to visual components, all designed to provide a fluid and engaging experience. The AI Coach panel will enhance user support by offering contextual advice and insights relevant to the user's current tab, ensuring they feel guided throughout their funding journey.