Now I'll build the mobile homepage with a dark, trust-focused crypto aesthetic — deep navy/dark background with teal-green accent (USDT color), clean typography, and key sections for a USDT escrow platform.
Now let me update the font in globals.css and create all the components:
Now let me create all the components:
Now let's create the main page:
The U信 USDT escrow mobile homepage is complete! Here's what was built:
- Header — sticky top bar with the U信 logo (shield icon), notification bell with badge, and a slide-down hamburger nav
- Hero — trust badge, headline with USDT green accent, dual CTA buttons, and a 3-stat trust indicator row (cumulative escrow volume, successful orders, safety rate)
- Rate Ticker — live USDT/CNY rate card with auto-refresh every 12s and up/down trend indicator
- Quick Actions — 4-button grid (发起托管, 释放资金, 我的订单, 在线客服) with color-coded icon tiles
- Features — 2×2 card grid highlighting smart contract security, fast settlement, transparency, and dispute arbitration
- How It Works — vertical timeline showing the 4-step escrow flow
- Recent Orders — card list with live status (completed/in-progress), masked buyer names, and timestamps
- Trust Banner — SSL/2FA/24-7 security assurance panel with a subtle green radial glow
- Bottom Nav — floating tab bar with a raised primary "托管" button in the center