Design a modern, user-friendly UI for a RAG-based AI recipe chatbot with the following key features: 1. Chat Interface: A conversational chat window where users can type queries and receive AI-generated recipe recommendations. Smart suggestions for follow-up questions (e.g., "Show me vegan options," "Suggest a 10-minute meal"). Typing indicators and a natural, engaging AI response style to make the chatbot feel interactive. Voice input support for hands-free recipe search. 2. Recipe Recommendation Section: A visually appealing recipe card layout showing: High-quality images of dishes Recipe name, cooking time, calorie count, and dietary labels A button to view full recipe details A carousel or grid format for browsing multiple suggestions at once. 3. Image-Based Recipe Search (CLIP Integration): An image upload feature where users can take or upload a picture of a dish. The AI should recognize the dish and recommend matching or similar recipes. Real-time processing animation to indicate AI analysis. 4. Advanced Filtering & Search Options: A search bar with autocomplete suggestions. Filters for dietary preferences (vegan, keto, gluten-free, etc.), cooking time, ingredients, and meal type (breakfast, dinner, snacks). Ingredient-based search: Users can enter ingredients they have, and the chatbot suggests recipes using them. 5. Personalized Experience & User Features: Saved Recipes Section: Users can bookmark favorite recipes. Cooking History: A list of previously searched or viewed recipes. Custom AI Suggestions: AI learns user preferences and suggests personalized recipes. A dark mode / light mode toggle for better accessibility.