Skip to content

🧩 Add Icons to Home Section Cards #180

@ShahidJamal1

Description

@ShahidJamal1

What would you like to be added?

🧩 Add Icons to Home Section Cards

📌 Overview

The Home section currently displays multiple category cards (3-5 Years, 6-8 Years, 9-12 Years, Teens, Family). Each card includes a circular icon container at the top, which is currently empty/solid.

This issue focuses on adding appropriate icons inside these containers.


📷 Current UI

Cards are displayed with circular icon containers, but no actual icons are present.


✅ Tasks

  • Add icons inside the circular containers for each category card
  • Ensure icons are:
    • Properly centered within the circle
    • Consistent in size and style across all cards
  • Maintain responsiveness across devices
  • Ensure icons match the existing card design (color, spacing, and layout consistency)

🛠️ Technical Notes

  • Any suitable icon library can be used (e.g., Font Awesome, React Icons, etc.)
  • Do not break existing layout or styling
  • Keep the implementation clean and reusable

🎯 Expected Outcome

Each card should display a meaningful icon inside the circular container, improving visual clarity and UI quality.


🏷️ Labels

enhancement, UI, good first issue

Why is this needed?

Adding icons to the Home section cards will improve visual clarity and user experience.

Currently, the cards use plain circular containers without any visual meaning, which makes the UI less engaging. Introducing relevant icons will help users quickly understand each category, especially for a platform focused on kids and parents.

This enhancement will also make the interface more intuitive, visually appealing, and aligned with modern UI design practices.

Metadata

Metadata

Assignees

Labels

enhancementNew feature or request

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions