Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
NeuroCare is a mental health web application designed to provide users with a supportive environment for mental wellness. The platform allows users to engage in chat sessions powered by the Gemini API and offers both free and premium audio resources aimed at enhancing mental health, including deep sleep music and meditation packs.

## CORE FEATURES
1. **Chat Support**: Users can interact in real-time via chat, utilizing the Gemini API for seamless communication.
2. **Free Deep Sleep Audio Music**: A selection of calming audio tracks designed to help users achieve deep sleep.
3. **Focus Booster Sound**: Audio tracks aimed at improving concentration and productivity for users who need assistance in focusing.
4. **Premium Anxiety Relief Pack**: A collection of resources and audio designed specifically to alleviate anxiety.
5. **Premium Meditation Resources**: Access to exclusive meditation audio designed to enhance mindfulness and relaxation.

## 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 will consist of a header with navigation, a hero section introducing NeuroCare, a feature section detailing services, a testimonials section, and a clear call-to-action at the bottom for users to sign up for premium services.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Use React Context or Redux as needed to manage user state and chat interactions.

## IMPLEMENTATION STEPS
1. **Set up the React project** using Create React App with TypeScript template.
2. **Install necessary packages**, including Tailwind CSS, shadcn/ui, and any other dependencies required for the Gemini API integration.
3. **Create a responsive layout** with a header, hero section, features overview, and call-to-action using Tailwind CSS for styling.
4. **Implement the chat feature** using the Gemini API, ensuring user authentication and session management.
5. **Develop the audio feature sections**, incorporating audio players for deep sleep music and focus booster sounds.
6. **Set up premium content access**, ensuring that users can subscribe and access premium resources securely.
7. **Test the application** for responsiveness and usability across different devices and screen sizes.

## USER EXPERIENCE
Users will start on the landing page, where they can easily navigate to various sections to learn about the services offered by NeuroCare. The chat interface will be accessible at all times for support, and users can explore the audio features without needing to sign up. For premium content, a clear and compelling call-to-action will encourage users to subscribe, enhancing the overall user journey and engagement on the platform.