feat: Add Mood-Based Productivity Tips

[archa-s-ar]

🧩 The Goal

Add a Mood-Based Productivity Tips section to each mood page. The goal is to help users translate their current emotional state into meaningful actions by suggesting activities that naturally align with their mood.

Rather than treating emotions as simply positive or negative, this feature encourages users to work with their emotions. For example, a calm mood may be ideal for deep focus and planning, while an inspired mood may be better suited for creative tasks.

✨ Proposed Change

Introduce a new card below the existing mood insights section that displays 3–5 productivity or self-development suggestions tailored to the selected mood.

Examples:

Calm

• Deep work sessions
• Reading and research
• Long-term planning
• Mindful reflection

Inspired

• Creative projects
• Brainstorming ideas
• Writing or designing
• Learning something new

Anxious

• Break tasks into smaller steps

• Organize priorities

• Take short mindful breaks

• Focus on one task at a time

• Component to be created/modified:

  • Create a new ProductivityTips component.
  • Integrate it into the mood results page.
  • Add a mood-to-tips mapping for all supported moods.

• Styling (Tailwind/Glassmorphism):

  • Match the existing glassmorphism design language.
  • Use soft gradients and subtle borders consistent with InnerHue's aesthetic.
  • Include relevant icons for better visual scanning.

• Animation (Framer Motion):

  • Smooth fade-in and upward reveal animation when a mood is selected.
  • Optional staggered animation for individual tips.
  • Maintain a calm and premium feel without excessive motion.

🎨 Visual Reference

Suggested card layout:

⚡ Productivity Tips

Make the most of your current emotional state:

✓ Deep work and focused study
✓ Reading and research
✓ Long-term planning
✓ Mindful reflection

The card should visually align with existing mood insight cards and preserve the application's Apple-inspired minimalist aesthetic.

✅ Impact

• Improves UX
• Enhances 3D Visualization
• Adds New Emotional Data

💬 Additional Context

This feature complements existing elements such as quotes, journal prompts, keywords, and soundscapes by providing actionable guidance. It should avoid framing any emotion as "good" or "bad" and instead focus on activities that naturally fit the user's current emotional state.

Hi @Nitya-003, I'd be happy to work on this issue under SSoC26 if assigned.

[github-actions]

👋 Hello! Thank you for raising this issue.

Our team (Nitya-003) will review it shortly. In the meantime, please ensure you've provided all necessary details in the description.

🌟 Feel free to Star the repo if you like our work!

[Nitya-003]

@archa-s-ar Please create a single PR for a single issue. Feel free to star, fork and contribute to the repo!

[shri8977]

can you assign me this?