Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Cadance is a minimalist web application designed to streamline music career management for artists, songwriters, producers, bands, and managers. The platform integrates multiple functionalities into one cohesive experience, allowing users to manage their careers without the hassle of switching between fragmented tools.

## CORE FEATURES
1. **Catalogue**: Manage music, splits, and metadata in one place.
2. **Fans**: A comprehensive CRM system that includes email management and smart links for audience engagement.
3. **Cloud Storage**: Secure file storage and collaboration features for easy sharing of music and resources.
4. **Calendar**: Built-in scheduling that coordinates team efforts and auto-generates strategic release timelines.
5. **Analytics Dashboard**: Real-time insights and performance tracking across platforms.
6. **Voice Notes & Lyrics**: Capture and organize geo-tagged vocal ideas and lyrics seamlessly.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist with a focus on clean lines, ample white space, and a simple layout to enhance usability without distractions.
- **Color Mode**: Light theme featuring dark text on light backgrounds to improve readability and focus.
- **Layout**: A grid-based arrangement for module cards, with a clear visual hierarchy. The homepage will feature a prominent hero section followed by feature highlights, testimonials, and a strong call-to-action (CTA) button.
- **Typography**: Use modern sans-serif fonts for body text, with larger, bolder fonts for headings to establish a clear hierarchy (e.g., Primary: Inter, Secondary: Roboto).

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust and scalable application development.
- **Styling**: Tailwind CSS for utility-first styling and rapid UI development.
- **UI Components**: Utilize shadcn/ui for consistent and accessible design components.
- **State Management**: Consider using Zustand or Redux for state management of user data and application state.

## IMPLEMENTATION STEPS
1. **Set Up the React App**: Initialize a new React project with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Core Components**:
   - Develop the hero section with the logo, tagline, and CTA.
   - Implement individual modules (Catalogue, Fans, etc.) using card components in a grid layout.
4. **Integrate State Management**: Set up Zustand or Redux to manage user data and module states.
5. **Build the Analytics Dashboard**: Create a real-time analytics component to display user data visually.
6. **Implement Routing**: Set up React Router for navigating between different sections as needed.
7. **Responsive Design**: Ensure that the application is fully responsive across various devices and screen sizes.
8. **Testing**: Conduct thorough testing to ensure all features work as intended and fix any bugs.
9. **Deployment**: Prepare the application for deployment on a suitable platform like Vercel or Netlify.

## USER EXPERIENCE
Users will have a seamless experience navigating through the Cadance platform. They will start at the homepage, where they are greeted by the hero section and a succinct overview of the platform's benefits. As they scroll, they can explore individual features through interactive cards that provide more information. The analytics dashboard will allow users to visualize their career data in real-time, and they will be able to access their catalog and fan management tools with minimal clicks. The clear call-to-action buttons will guide users towards signing up or learning more about the service, ensuring an engaging and intuitive experience throughout their journey on the platform.