A bold five-page landing site for a money app: a working app inside a phone frame, live feature demos (freeze a card, round-up calculator, bill splitting, currency conversion), pricing with a yearly switch, security and download.
@ballmac
Pages are at /pocket, /pocket/features, /pocket/pricing, /pocket/security and /pocket/download. Plans, comparison rows, FAQ and transactions live in pocket-data.ts. PocketApp (in pocket-theme.tsx) is the working app inside the phone; replace its content with your own screens. The palette is pocketCss.
// Ballmac UI: Pocket template fonts. https://ui.ballmac.com/templates/template-pocket
import { Gabarito } from "next/font/google"
export const pocketSans = Gabarito({ variable: "--pocket-sans", subsets: ["latin"], display: "swap", preload: false })