Add a market overview section on the homepage showing total protocol volume, active keys, and total holders

[Chucks1093]

Summary

The homepage has no macro-level stats showing the scale of the protocol. A market overview section displaying total trading volume, number of active creator keys, and total unique holders would give new users an immediate sense of activity.

Scope

• Fetch protocol stats from GET /protocol/stats on homepage load
• Display totalVolume (XLM), activeKeys, totalHolders, and trades24h as stat cards
• Show a 24h change indicator (green up arrow / red down arrow) on totalVolume and trades24h
• Cache the data in React Query with a 5-minute stale time
• Show loading skeletons for each stat card while fetching

Acceptance Criteria

• All four stat cards rendered with correct values
• 24h change indicators shown with correct direction and colour
• Loading skeletons shown during fetch
• Data refreshes automatically after 5 minutes
• Stats section visible without authentication

ETA: 12 hours

---

Coordinate on Telegram

[temisan0x]

Good day team, please i’d like to take on this issue

[muhsar27]

@muhsar27 has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

Please assign

ℹ️ Repo Maintainers: To accept this application, review their application or assign @muhsar27 to this issue.

[extolkom]

@extolkom has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

Please assign

ℹ️ Repo Maintainers: To accept this application, review their application or assign @extolkom to this issue.

[Sureplus30]

@Sureplus30 has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

I would like to work on this kindly assign me

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Sureplus30 to this issue.

[adelekevictor12]

@adelekevictor12 has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

Hello maintainer, i can fix this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @adelekevictor12 to this issue.

[Daveeee-tech]

@Daveeee-tech has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

Hello,

I’m interested in working on the market overview section for the homepage, displaying key metrics such as total protocol volume, active keys, and total holders. I can create a clean, modern, and easy-to-understand section that fits seamlessly with the existing design.

I’d be happy to take on the task and deliver a polished result.

Thank you for considering my application.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Daveeee-tech to this issue.

[Richardkingz2019]

@Richardkingz2019 has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

I would love to work on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Richardkingz2019 to this issue.

[AGWAM001]

@AGWAM001 has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

ILL LOVE TO WORK ON THIS

ℹ️ Repo Maintainers: To accept this application, review their application or assign @AGWAM001 to this issue.

[drips-wave]

Congratulations, @extolkom! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on August 31, 2026.

🧑‍💻 @extolkom: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊

[grantfox-oss]

🎉 This issue has been marked as completed on GrantFox!

@extolkom's PR #904 was approved and merged by @Chucks1093.

🏆 @extolkom: You earned 40 FoxPoints for this contribution! Your current tier: Builder (1,708 total points). Track your full progress on GrantFox.

👏 Great work, @extolkom! Keep contributing to accesslayerorg.