Create Salt Mango Tree Page

[alvin-dennis]

🌴 Objective

Design and develop a dedicated landing page for µLearn Salt Mango Tree, a Malayalam-driven cultural conversation & storytelling space — celebrating regional identity, ideas, and voices — following µLearn’s brand and contribution standards.

⚠️ Note: Before starting, please review the repository’s
CONTRIBUTING.md file carefully.
Follow all coding conventions, folder structure, commit message format, and design rules described there.

---

📄 Page Content & Structure

1. Hero / Introduction Section

• Add a clear, warm description of what Salt Mango Tree is — µLearn’s Malayalam community series exploring culture, experiences, innovation, and local perspectives.
• Focus on regional pride, community connection, and storytelling.
• Tone should feel nostalgic, friendly, culturally rich, and relatable.

2. Episode Showcase Section (Cards / Conversations)

• Display upcoming & previous Salt Mango Tree episodes.
• Each card should highlight: episode title, guest/speaker, a micro-summary, and a Listen / Set Reminder CTA.
• Optionally include tags like “Culture”, “Career Talks”, “Tech from Kerala”, “Life Stories”, etc.

---

⚙️ Technical Implementation Details

• Import episode data from:
  src/data/data.ts
• Follow the existing component layout and routing flow.
• Use µLearn’s brand colors + Malayalam-friendly typography style.
• Maintain mobile-first responsiveness, smooth card animations, audio-first UX.
• Reuse CDN assets wherever possible.
  If adding new ones, place under:
  public/assets/saltmangotree/

---

💡 Design & Branding Guidelines

• Follow µLearn official brand guide:
  https://mulearn.org/r/brandguide
• Visual tone should lean towards cultural storytelling + emotional depth, not overly corporate.
• Maintain consistency with µLearn’s Learning + Community Platforms.
• Ensure accessibility (clear Malayalam-friendly font, language tags, alt text, contrast).

---

✅ Deliverables

• Functional and responsive Salt Mango Tree Landing Page
• Route added per standards (e.g. /events/salt-mango-tree)
• Cards dynamically generated from data.ts
• Interactive hover + CTA (Listen Now, Coming Soon)
• Assets added under public/assets/saltmangotree/ (if new)
• Code follows CONTRIBUTING.md conventions
• PR includes screenshots + summary

---

🎨 Reference Design

https://dev.mulearn.org/events/saltmangotree