Mercury

Overview

Mercury is a multi-section online business banking landing by SonoJS (demo brand: Mercury). Built with Vite 7, Tailwind CSS 4, vanilla JavaScript, Arcadia + Tiempos Headline + IBM Plex Mono. Announcement bar for Agent Controls, sticky header with Products–Pricing and Open account, full-bleed responsive hero video scrub (lg/md/sm) with Radically different banking, email capture, Launch demo, and FDIC disclaimer. Product cards (banking, cards, payments, accounting), logo cloud, Linear / Gainful testimonials, accordion feature split, get-started media cards, stats, security, press grid, business/personal CTAs, and footer. Demo fintech chrome only - no account backend. Vite build ready for Cloudflare Workers.

Highlights

1. 01

   Responsive scrub hero

   hero-scrub lg/md/sm MP4s with email capture, Launch demo, and disclaimer pill.

2. 02

   Product + feature story

   Four product cards, logo cloud, accordion feature split with swapping UI stills.

3. 03

   Social proof + CTAs

   Testimonials, stats, security, press, and Mercury for business / personal CTAs.

4. 04

   Vite and fork-ready

   Vite 7 + Tailwind 4 + vanilla JS - npm run build to dist/ for Workers.

You get

• Full Vite landing source (Mercury)
• index.html multi-section page + src/main.js + src/style.css
• Responsive hero scrub videos (lg/md/sm) + posters
• Feature / testimonial / press image set
• Arcadia, Tiempos Headline, IBM Plex Mono fonts