Landing Page
Page Overview
- Hero: Markets & News at-a-glance, instant “Connect Wallet” CTA.
- Primary Content: Market News feed + Featured/Trending Markets.
- Navigation (Top): Market Categories.
- Hamburger (Mobile/Secondary): Terms & Conditions, Documentation, Rewards, About Us, Market Categories (mirror for mobile).
- Footer: About Us, Terms & Conditions, Privacy Policy, Documentation, Rewards, Contact/Support, Social links.
Hero Strip
- Quick Filters:
Trending | Ending Soon | New | High Volume - Search: by market title, symbol, tag, or news keywords (debounced 300ms)
- KPI Chips (optional): Markets Live, 24h Volume, Active Traders (read-only)
Market News Module
- Card Fields: headline, source, time since publish, sentiment badge (optional), linked markets.
- Interactions:
- Click → News Detail Page (public)
- “Linked Markets” pills → jump to Market Detail (public)
- Empty State: “No news found. Try another category.”
- Pagination: infinite scroll (page size 10–20)
- Links: Terms & Conditions, Documentation, Rewards, About Us, Market Categories (nested list)
- Behavior: body scroll lock, close on route change or outside click
- Columns:
- Company: About Us, Contact
- Legal: Terms & Conditions, Privacy Policy
- Dev: Documentation, Changelog/Version
- Product: Rewards, Categories
- Secondary: Social icons, © Soundbetonline 2021, build hash/version
