thedatafoundation/protocol-explorer-app ? reverse-engineered prompt

Build me a clean web app where people can explore and compare protocols in one place. I want a simple home page that makes it easy to browse a list of protocols, open one to see details, and quickly understand what it does, who it is for, and any key stats or metadata that are available.

Keep the design modern and easy to scan on desktop and mobile, with a search box, filters, and cards or tables that make the content feel organized. If there is not real backend data yet, use mocked data so the app still feels complete and polished. Reuse the existing app structure and make the main page the primary place to start.

Please make it look good, handle empty states and loading states nicely, and keep the code clean so it is easy to extend later. If you need to check current docs or best practices, look them up online first.