Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Este proyecto es una aplicación web interactiva que mejora la interacción de los usuarios con un asistente virtual, permitiendo la comunicación a través de voz o escritura. Se enfoca en facilitar el acceso a la información y las funcionalidades del asistente de manera intuitiva, asegurando una experiencia de usuario fluida y eficiente.

## CORE FEATURES
1. **Comunicación Dual**: Permite a los usuarios interactuar con el asistente mediante voz o escritura, optimizando la accesibilidad según las preferencias del usuario.
2. **Acceso Directo a Personas**: Facilita el acceso a la página de personas sin necesidad de respuestas restrictivas en la primera página, asegurando que los usuarios puedan navegar fácilmente.
3. **Animación Mejorada**: Actualiza la animación del abrazo para que represente un abrazo auténtico, donde un personaje se abrace a sí mismo, mejorando la conexión emocional.
4. **Tamaño de Círculos Personalizados**: Ajusta el tamaño de los círculos representando a las personas en la interfaz, destacando la figura de Ana como alguien que necesita atención, mientras se mantiene un estilo visual coherente.

## 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**: La estructura principal incluirá un encabezado claro, una sección de características, un área de testimonios, y un llamado a la acción (CTA) al final de la página.

## TECHNICAL REQUIREMENTS
- **Framework**: React con TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (si es necesario para manejar el estado de la aplicación)

## IMPLEMENTATION STEPS
1. Configurar un nuevo proyecto de React con TypeScript y Tailwind CSS.
2. Crear la estructura de carpetas para componentes, páginas, y estilos.
3. Implementar la interfaz de usuario comenzando con el encabezado y el área de interacción del asistente.
4. Desarrollar el componente de comunicación dual que permita al usuario elegir entre voz y escritura.
5. Implementar la navegación hacia la página de personas con un acceso directo y sin restricciones.
6. Actualizar la animación del abrazo según las especificaciones y probar su funcionamiento.
7. Ajustar los tamaños de los círculos de las personas, asegurando que Ana se destaque adecuadamente.
8. Realizar pruebas de usuario para asegurar que la experiencia sea intuitiva y fluida.

## USER EXPERIENCE
Los usuarios podrán interactuar con el asistente virtual desde el primer momento, eligiendo su método de comunicación preferido. La navegación será intuitiva, permitiendo el acceso a diferentes secciones sin complicaciones. La animación del abrazo generará una conexión emocional, mientras que el ajuste visual en los círculos ayudará a priorizar la atención a las personas que más lo necesiten. La experiencia general se centrará en la simplicidad y la eficiencia, asegurando que los usuarios se sientan cómodos y apoyados en su interacción con la aplicación.