Parenting Insights Chat - Copy this React, Tailwind Component to your project

The interface should be designed with a clean, modern aesthetic to ensure a seamless user experience. The layout should be intuitive, focusing on easy navigation and quick access to features. The main screen should include a responsive text chat input field, allowing parents to type questions or use Speech to Text for voice input. The Text to Speech functionality should be integrated, allowing answers to be read aloud for a more accessible experience. Additionally, there should be a feature for users to record and send voice notes, which will be converted to text for response. A listening option should also be available, enabling users to listen to their recorded voice notes before sending. Key Features: Conversation History and Saved Favorites: Include a sidebar for viewing past interactions, allowing users to easily access saved questions and answers. Dashboard Overview: The main dashboard should offer a summary of saved conversations, settings for notification preferences, and quick access to language selection (e.g., Dutch and English). Users should also have access to personal settings and a direct link to view and manage saved favorites. Visual Design Elements: Images: Incorporate images of parents and children to personalize the interface and make it more relatable. Images should be of high quality, reflecting diverse families and different parenting scenarios. Icons and Illustrations: Use clear, simple icons and illustrations to represent features like Speech to Text, Text to Speech, voice recording, listening, settings, and notifications. These should be visually distinctive and not overwhelm the screen. Modular Layout: Design the layout with modular sections that can be easily rearranged or expanded. This allows for future updates, including the addition of new features like daily tips, reminders, and links to external resources. Security and Privacy: The app should feature secure, encrypted communication and storage practices, complying with GDPR standards. Ensure that user data is stored anonymously, with no requirement for personal information to use the app. The API key management system should be flexible, allowing users to easily update keys without technical assistance. Website Name: ParentingInsights.com. Functionality: The chat component should display both user and bot messages in real time. Integrate a voice note recording feature so users can record and send voice messages that are converted to text for the bot to respond. Include a listening option for each voice message so users can hear their recorded message before sending it, ensuring accuracy and context. The interface should be designed to handle all functionalities seamlessly, creating a responsive and engaging environment for users to interact with the bot.