Lovable Prompt Creator - AI Prompt Generator

```markdown
## APPLICATION OVERVIEW
This web application is designed to enhance user interaction with a virtual assistant, allowing users to communicate through both voice and text. The application aims to provide a seamless experience while addressing specific user feedback to improve usability and visual appeal.

## CORE FEATURES
1. **Dual Communication Options**: Users can choose to interact with the assistant using voice or text, providing flexibility based on their preference.
2. **Accessible Navigation**: The application design ensures that users can easily navigate to the "Person" page without conditional access based on the first interaction.
3. **Improved Animation**: The animation for the "hug" feature will be refined to depict a self-embrace, enhancing the emotional connection of the interaction.
4. **Dynamic User Circles**: The visual representation of users will be adjusted, making most user circles larger while keeping Ana's circle smaller to indicate that she requires attention.
5. **Feedback Mechanism**: Users can provide feedback on interactions to continually improve the assistant's responses and features.

## 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 consist of a central hero section for immediate user interaction, followed by sections for features, user feedback, and contact information, all designed for a smooth scrolling experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API (if needed for state sharing)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React application with TypeScript and install Tailwind CSS.
2. **Create Layout Structure**: Design the main layout with sections for hero, features, and user feedback using Tailwind CSS classes.
3. **Develop Dual Communication Options**: Implement components for voice and text interaction, ensuring clear accessibility.
4. **Refine Animations**: Update the hug animation to properly reflect a self-embrace using CSS animations or a library like Framer Motion.
5. **Adjust User Circles**: Create a component that dynamically adjusts the size of user circles based on their status, ensuring Ana’s circle is visually distinct.
6. **Integrate Feedback System**: Develop a simple feedback form that allows users to submit their thoughts on the assistant's performance.

## USER EXPERIENCE
Users will be greeted with a clean interface where they can immediately choose to communicate via voice or text. The navigation will be straightforward, allowing users to access different sections without frustration. The dynamic representation of users will draw attention where needed, and the refined animations will create a more engaging interaction with the assistant.
```