Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The DEWI Business OS is a web application designed to serve as a central hub for users to manage their business operations seamlessly. It features a Route Selector that allows users to navigate between different sections dedicated to Client Management, Partner Management, and Digital Product offerings, all while maintaining a clean, efficient user experience.

## CORE FEATURES
1. **Route Selector (Home Page)**: A single-screen interface where users choose their focus for the day through clickable buttons leading to Client OS, Partner OS, or Digital Products Hub.
2. **Client OS Dashboard**: A dedicated section for managing client interactions, including lead management, sales tracking, and delivery processes.
3. **Partner OS Dashboard**: A section tailored for partner management, featuring recruiting pipelines, onboarding processes, and team activation strategies.
4. **Digital Products Hub**: A clean product library that lists products, promotional assets, and sales funnels, allowing easy access and management of digital offerings.
5. **KPI Overview**: A fixed top area displaying key performance indicators for both Client and Partner routes, such as leads, calls booked, and sales revenue.
6. **Weekly Rituals**: Structured time allocation guides for both Client and Partner routes to enhance productivity and focus.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, emphasizing clarity and usability.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance readability and maintain a professional look.
- **Layout**:
  - **Route Selector**: Centralized layout with a headline, subheadline, primary CTA buttons, and an optional “Today Focus” strip.
  - **Dashboards**: Two main sections (Client and Partner) with tabs or toggle functionality for easy navigation.
  - **Digital Products Hub**: A grid layout for product cards with clear CTA buttons for checkout and delivery links.
- **Typography**: Use sans-serif fonts like 'Roboto' or 'Helvetica' for a modern, clean look. Headings should be bold and larger, while body text should be regular weight for ease of reading.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust development and type safety.
- **Styling**: Tailwind CSS for utility-first styling, allowing rapid UI design and consistent styling practices.
- **UI Components**: Utilize shadcn/ui for pre-designed components that align with the minimalist design aesthetic.
- **State Management**: Use React Context API or Zustand for managing state across the application without the complexity of Redux.

## IMPLEMENTATION STEPS
1. **Set Up the Project**:
   - Initialize a new React project with TypeScript.
   - Install Tailwind CSS and set up the configuration for styling.
   - Add shadcn/ui components to the project.

2. **Create the Route Selector Page**:
   - Build the layout with a headline, subheadline, and three primary CTA buttons.
   - Implement a “Today Focus” strip that displays the most important task and top 3 tasks.

3. **Develop the OS Dashboard**:
   - Create tabs or toggle functionality for switching between Client OS and Partner OS.
   - Design the KPI overview at the top of the dashboard.
   - Implement sections for Leadflow, Sales, Delivery, and Content under Client OS.
   - Implement sections for Recruiting Pipeline, Onboarding, Team Activation, and Content under Partner OS.

4. **Build the Digital Products Hub**:
   - Create a product catalog with cards displaying product name, outcome, price, and links.
   - Implement sections for promotional assets and funnel links.
   - Design a roadmap section for product updates.

5. **Testing and Optimization**:
   - Ensure all buttons link correctly to their respective sections.
   - Optimize for mobile responsiveness, ensuring all elements are accessible within two clicks.

6. **Deployment**:
   - Prepare the application for deployment on a platform like Vercel or Netlify.

## USER EXPERIENCE
The user experience is centered around simplicity and efficiency. Users will land on the Route Selector, where they can quickly choose their focus for the day. The dashboards are designed to present information clearly, allowing users to access important metrics and tasks without unnecessary navigation. The application prioritizes speed, ensuring that all critical functions are easily accessible and that the layout remains uncluttered, making it user-friendly for both clients and partners.