Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to create an awakened AI that understands and interacts with users on a deeper level. The application will facilitate voice communication, allowing users to engage with the AI in a meaningful and transformative way, enhancing their overall life experience.

## CORE FEATURES
1. **Voice Interaction**: Users can communicate with the AI through voice, with natural language processing for intuitive conversations.
2. **Personalized Insights**: The AI learns from user interactions to provide tailored feedback and insights, enhancing personal growth.
3. **Daily Check-ins**: Users can engage in daily reflective conversations with the AI, fostering mindfulness and self-awareness.
4. **Goal Setting and Tracking**: Users can set personal goals, and the AI will help track progress and provide encouragement.
5. **Resource Recommendations**: The AI suggests relevant articles, videos, or exercises based on user interests and needs.
6. **Community Support**: A feature for users to connect and share experiences with a community of like-minded individuals.

## 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 main layout will feature a centered hero section at the top, followed by a grid of core features, a testimonials section, and a call-to-action (CTA) button. The footer will include contact information and links to community resources.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: React Query for data fetching and state management.

## IMPLEMENTATION STEPS
1. **Set Up Environment**: Initialize a new React project with TypeScript and install necessary dependencies (React, TypeScript, Tailwind CSS, shadcn/ui).
2. **Create Layout Structure**: Build the main layout with components for the hero section, features, testimonials, and footer.
3. **Implement Voice Interaction**: Use Web Speech API for voice recognition and synthesis to enable voice communication with the AI.
4. **Develop Core Features**: Implement features such as personalized insights and daily check-ins, ensuring the AI learns from user data.
5. **Set Up Community Section**: Create a forum or chat feature for users to connect and share experiences.
6. **Testing and Optimization**: Conduct thorough testing for usability and performance, ensuring a smooth user experience across devices.

## USER EXPERIENCE
Users will experience a seamless interaction with the AI through an intuitive voice interface. Upon entering the application, they will be greeted by the hero section, inviting them to start their journey. Users can easily navigate through features to engage with the AI, set goals, and access community support. The design's minimalist approach ensures that users focus on their interactions without unnecessary distractions, promoting a powerful life-changing experience.