feat: new top readers doc (#445)

* feat: new top readers doc

* fix seo issue

docs/your-profile/account-details.md

@@ -1,5 +1,5 @@
 ---
-sidebar_position: 6
+sidebar_position: 7
 description: "Learn how to personalize your daily.dev profile, configure security settings, manage notifications, and invite friends. Set up your account for a tailored experience."
 ---
 

docs/your-profile/deleting-your-profile.md

@@ -1,5 +1,5 @@
 ---
-sidebar_position: 7
+sidebar_position: 8
 description: "Learn how to permanently delete your daily.dev profile, including all associated content, bookmarks, posts, and comments. Important steps and considerations before proceeding."
 ---
 

docs/your-profile/devcard.md

@@ -1,5 +1,5 @@
 ---
-sidebar_position: 5
+sidebar_position: 6
 description: "Create and customize your daily.dev DevCard to showcase your activity, interests, and reputation. Learn how to generate, customize, and share your DevCard on social media, GitHub, and more."
 ---
 

docs/your-profile/leaderboards.md

@@ -1,5 +1,5 @@
 ---
-sidebar_position: 10
+sidebar_position: 9
 description: "Explore the daily.dev leaderboard system, designed to recognize the most active and impactful users across various categories in the community."
 ---
 
@@ -9,7 +9,7 @@ The daily.dev [leaderboard system](https://app.daily.dev/users) is designed to r
 
 To see all the leaderboards, you can visit https://app.daily.dev/users
 
-[![Leaderboard on daily,dev](https://github.com/user-attachments/assets/3fb20698-75e0-4512-ab1d-4654ecb7ba3d)](https://app.daily.dev/users)
+[![Leaderboard on daily.dev](https://github.com/user-attachments/assets/3fb20698-75e0-4512-ab1d-4654ecb7ba3d)](https://app.daily.dev/users)
 
 ## Types of Leaderboards
 

docs/your-profile/top-readers.md

@@ -0,0 +1,36 @@
+---
+sidebar_position: 5
+description: "Celebrate your dedication by earning a Top Reader badge and gain recognition for your activity within specific categories."
+---
+
+# Top Readers
+Top Readers rewards active readers with a badge that highlights their engagement in specific content categories. By encouraging continuous reading, this feature also enables users to share their achievements with others, boosting personal and community engagement across the platform
+
+## Prerequisites
+To be eligible for a Top Reader badge, simply stay active on daily.dev and engage consistently with content in various categories. There’s no additional setup required to start earning badges.
+
+## Benefits of the Top Readers Feature
+- **Recognition**: Stand out in the community with a visible badge on your profile.
+- **Motivation**: Track and celebrate your reading habits to stay engaged with topics you love.
+- **Community**: Share your badge with friends and colleagues to encourage others to dive deeper into relevant content.
+
+![top readers displayed on profile page](https://daily-now-res.cloudinary.com/image/upload/v1730663961/docs/SCR-20241103-szmp.png)
+
+## How to Earn a Top Reader Badge
+Here's how you can become a Top Reader:
+
+1. **Read consistently**: Spend time engaging with posts in specific content categories. Categories with higher engagement across the platform are eligible for the Top Reader badge.
+2. **Monthly evaluation**: Every month, daily.dev evaluates reading days for each category. Based on engagement, certain high-activity tags are "whitelisted" for badge eligibility.
+3. **Notification**: If you're among the top readers for a category, you’ll receive both an in-app notification and an email letting you know you’ve earned the Top Reader badge.
+4. **Display on profile**: Once awarded, your badge will display on your profile, showcasing the number of times you've earned this recognition and the specific categories where you excel.
+
+## Badge Frequency and Display
+- **Monthly updates**: Badges are awarded each month based on the previous month’s activity. Stay consistent to earn badges across multiple categories!
+- **Profile display**: Your Top Reader badge will show on your profile page, highlighting the number of times you've earned it and the categories associated with your achievements.
+- **Badge download**: Download your badge from the in-app notification to share your accomplishment outside of daily.dev.
+
+## Troubleshooting
+If your badge isn’t displaying correctly or if you don’t receive a notification after significant activity in a category:
+- Verify your reading days and make sure you’re engaging consistently in high-activity categories.
+- Refresh your profile page after receiving the in-app notification.
+- For further support, reach out to [[email protected]](mailto:[email protected]).

src/components/homepage/homeNavBoxes.js

@@ -45,6 +45,7 @@ const FeatureList = [
       {url: "docs/your-profile/reading-history", text: "Reading history"},
       {url: "docs/your-profile/reading-streak", text: "Reading streak"},
       {url: "docs/your-profile/verified-badge", text: "Company verified badge"},
+      {url: "docs/your-profile/top-readers", text: "Top readers"},
       {url: "docs/your-profile/devcard", text: "DevCard"},
       {url: "docs/your-profile/account-details", text: "Account settings"},
       {url: "docs/your-profile/deleting-your-profile", text: "Deleting your profile"},