Mobile Wallet PWA UI Template

I need a React.js front-end that reproduces the smooth, compact flow of a mobile wallet such as Nagad or bKash while living entirely in the browser as an installable PWA. The build has to feel corporate and professional; I already have a colour palette, typography set and logo usage rules that I’ll pass along, plus a few reference apps that capture the motion and spacing I’m after.

Core screens to code
• Login / Registration (mobile number + OTP fields)
• Dashboard with balance card and quick actions (Send Money, Cash In, Cash Out, Bill Pay, Recharge)
• Send Money (receiver number, amount, confirmation)
• Cash In & Cash Out flows
• Bill Pay / Recharge grid menu
• Transaction History (list with amount, date, status)

Tech stack & constraints
– React.js with either Tailwind CSS or Bootstrap (your call, as long as the classes stay tidy and the design remains mobile-first)
– Fully responsive: handset up to desktop, with controls re-flowing naturally
– PWA ready: service worker, manifest, install prompt and offline shell baked in
– No back-end hookup for this phase, but keep components cleanly separated so data wiring later is straightforward.

Deliverables
1. Complete, well-commented source code in a Git-friendly structure
2. Short README covering setup, dev server and production build steps
3. A pixel-perfect UI that passes Lighthouse PWA audits out of the box.

Once the initial commit is running locally with npm install && npm run dev, I’ll review against the reference apps and my branding guide. If everything aligns visually, we’ll sign off and move to the next milestone (hooking in the APIs).