/* CardPulse — Site sections */ const { useTweaks } = window; const APP_STORE_URL = "https://apps.apple.com/app/apple-store/id6754640005?pt=128186520&ct=from_product_hunt&mt=8"; const Logo = ({ size = 28 }) => (
CardPulse CardPulse
); const AppStoreBadge = ({ size = "lg" }) => (
Download on the App Store
); const Hero = () => (

Always hit your minimum spending.

Juggling four cards with four deadlines? CardPulse keeps every min-spend on track. It automatically track your tap-to-pay transactions, converts foreign currency, and surfaces insights — all without bank logins. Finally, a rewards tracker built for the way you actually spend.

See how it works ↓
); const FEATURES = [ { label: "AUTO-TRACK", title: "Tap to pay. We do the rest.", body: "Pay through Apple Wallet and the transaction is automatically tracked. Nothing to type. (*requires one-time setup)", visual: "tap", }, { label: "ONE SCREEN", title: "Every card. Every deadline. One look.", body: "Total min-spend, cards hit, cards behind, days left. The whole month at a glance.", visual: "ring", }, { label: "ANALYSIS", title: "See where every dollar goes.", body: "Auto-categorized transactions across day, week, month, and year views.", visual: "donut", }, { label: "GLOBAL", title: "Spending abroad? Already converted.", body: "Foreign currency gets pulled into your home currency so progress stays accurate.", visual: "fx", }, { label: "PRIVATE", title: "No bank logins. Ever.", body: "We only read data from Apple Pay transactions. That's it.", visual: "lock", }, ]; const TapScene = () => { const [phase, setPhase] = React.useState(0); // 0: terminal waiting, phone hidden // 1: phone slides up // 2: terminal green check // 3: phone shows notification React.useEffect(() => { const CYCLE = 5600; let timers = []; const run = () => { setPhase(0); timers.push(setTimeout(() => setPhase(1), 700)); timers.push(setTimeout(() => setPhase(2), 2100)); timers.push(setTimeout(() => setPhase(3), 2900)); }; run(); const id = setInterval(() => { timers.splice(0).forEach(clearTimeout); run(); }, CYCLE); return () => { timers.splice(0).forEach(clearTimeout); clearInterval(id); }; }, []); return (
{/* Terminal reader — large, centered */}
= 2 ? "fv-term-ok" : ""}`}>
S$15.60
Tap to pay
Approved
CARD
{Array.from({ length: 12 }).map((_, i) => (
))}
{/* Phone — slides up from below */}
= 1 ? "fv-miniphone-up" : ""}`}>
9:41
= 3 ? "fv-miniphone-toast-show" : ""}`}>
Transaction added
KFC · S$15.60 → HSBC Live+
Apple Pay
HSBC Live+
•••• •••• •••• 4242
Hold near reader
); }; const RingVisual = () => { const [progress, setProgress] = React.useState(0); const R = 38; const C = 2 * Math.PI * R; React.useEffect(() => { let raf; const start = performance.now(); const animate = (now) => { const elapsed = (now - start) / 1000; const target = 0.44; const eased = Math.min(1, elapsed / 1.6); const e = 1 - Math.pow(1 - eased, 3); const breath = 0.005 * Math.sin(elapsed * 1.4); setProgress(target * e + (eased >= 1 ? breath : 0)); raf = requestAnimationFrame(animate); }; raf = requestAnimationFrame(animate); return () => cancelAnimationFrame(raf); }, []); const dash = C * progress; return (
MIN-SPEND TARGET · APRIL
S$1,900
CARDS HIT
2/3
NEXT DEADLINE
4d
S$1,064 left to hit target
S$1,064
); }; const FeatureVisual = ({ kind }) => { if (kind === "ring") { return ; } if (kind === "tap") return ; if (kind === "fx") { return (
$98.00USD
↓
S$132.40SGD
); } if (kind === "donut") { const total = 1961; const segments = [ { value: 962, color: "#FF8A3D", name: "Food & Drinks", amount: "S$962" }, { value: 456, color: "#FF4D6D", name: "Health", amount: "S$456" }, { value: 170, color: "#D64ACD", name: "Shopping", amount: "S$170" }, { value: 147, color: "#22C7D8", name: "Other", amount: "S$147" }, { value: 126, color: "#E944B5", name: "Groceries", amount: "S$126" }, { value: 100, color: "#3E76FF", name: "Sports", amount: "S$100" }, ]; let cumulative = 0; const R = 40; const C = 2 * Math.PI * R; return (
TOTAL SPEND
S$2,035.36
↓ 61% vs March
{segments.map((s) => (
{s.name} {s.amount}
))}
); } if (kind === "lock") { return (
mybank.com
MY BANK
Username
Password
● ● ● ●
Log In
); } if (kind === "csv") { return (
DateCardAmount
04-12UOB Lady's−105.00
04-13Citi Cash−59.85
04-14HSBC Live+−15.60
); } return null; }; const Features = () => (
FEATURES

Built by someone who uses lots of cards.

{FEATURES.map((f, i) => (
{f.label}
{f.title}
{f.body}
))}
); const FinalCTA = () => (

Stop missing rewards
you should earn.

Free to download. iOS only. Apple Wallet required.

); const Footer = () => (
© 2026 Zhang Qichuan. Built in Singapore.
); const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "theme": "dark" }/*EDITMODE-END*/; const App = () => { const [tweaks, setTweak] = useTweaks(TWEAK_DEFAULTS); React.useEffect(() => { document.documentElement.setAttribute("data-theme", tweaks.theme); }, [tweaks.theme]); return (
setTweak("theme", v)} options={[ { value: "lavender", label: "Lavender" }, { value: "dark", label: "Dark" }, { value: "editorial", label: "Editorial" }, ]} />
); }; const root = ReactDOM.createRoot(document.getElementById("root")); root.render();