"Create a modern, visually appealing mental health dashboard using React and Tailwind CSS. The dashboard should include:
A navigation bar with the logo 'youper' and links to 'How it works,' 'Effectiveness,' 'Safety,' 'Tech,' 'For business,' and 'Download.'
A greeting message, 'Welcome back, Name' in large, bold text.
A monthly overview section with a calendar component.
A chatbot widget with a friendly panda illustration, asking 'How can I help? What happened today?' and a prominent 'Share Your Thoughts' button.
A wellness tools section with three interactive buttons: 'Guided Meditations,' 'Breathwork,' and 'Relaxing Music,' each in different pastel shades.
The design should be soft and calming, using a color palette of white, teal, orange, and pastel shades. Rounded corners and shadows should be applied to cards for a modern aesthetic."
"Create a modern and visually appealing React dashboard for a mental health chatbot. The interface should have:
A navbar with a logo and links for 'How it works', 'Effectiveness', 'Safety', 'Tech', 'For business', and 'Download'.
A welcome section displaying 'Welcome back, Name' in a large, elegant font.
A two-column layout:
Left column: A 'Monthly Overview' section with an interactive calendar component and a mood tracker graph using Chart.js, showing mood ratings over four weeks.
Right column: A chatbot section with a panda mascot, a friendly greeting ('How can I help? What happened today?'), and a large orange button labeled 'Share Your Thoughts'.
A wellness tools section beneath, featuring three buttons: 'Guided Meditations', 'Breathwork', and 'Relaxing Music', styled with different pastel colors.
A clean, responsive design with rounded corners, soft shadows, and a warm color palette of indigo, orange, teal, and pink."