Landing pages · React
Budgeting app launch
Launch page for a household budgeting app with a live budget mock, pricing, beta reviews and an early-access form.
What you get
A launch page for a mobile budgeting app: a hero with an in-app budget preview, beta numbers, features, a shared-budget story, tester quotes, two plans, an FAQ and an early-access sign-up. All content lives in src/site.ts.
Files
Exactly what is copied into a new project: 13 files, nothing generated.
Explorer 13
src/site.ts
import type { Site } from "./types"; /** Everything this site shows. Edit freely. */export const site: Site = { "brand": "Halfpenny", "nav": [ { "label": "Features", "href": "#features" }, { "label": "Pricing", "href": "#pricing" }, { "label": "FAQ", "href": "#faq" } ], "navCta": { "label": "Get early access", "href": "#contact" }, "sections": [ { "kind": "hero", "variant": "split", "eyebrow": "iOS and Android · Launching 12 November 2026", "title": "See where this month's money is going, before it's gone.", "text": "Halfpenny connects your bank accounts, sorts every payment into the budget you set, and tells you on Tuesday that you'll be short on Friday. Not after.", "primary": { "label": "Get early access", "href": "#contact" }, "secondary": { "label": "See the plans", "href": "#pricing" }, "visual": { "type": "mock", "title": "November budget", "rows": [ { "label": "Rent", "value": "$1,450 paid", "tone": "#047857" }, { "label": "Groceries", "value": "$412 of $600", "tone": "#047857" }, { "label": "Eating out", "value": "$186 of $200", "tone": "#b45309" }, { "label": "Transport", "value": "$94 of $150", "tone": "#047857" }, { "label": "Left to spend", "value": "$1,038" } ], "footer": "Synced 2 minutes ago from 3 accounts" }, "note": "Free during the first month. No card needed to join the list." }, { "kind": "stats", "items": [ { "value": "2,300", "label": "Beta testers since June" }, { "value": "4.7 / 5", "label": "Average beta rating" }, { "value": "$214", "label": "Median savings found in month one" }, { "value": "0", "label": "Ads, now or later" } ] }, { "kind": "features", "id": "features", "eyebrow": "What it does", "title": "A budget that keeps itself up to date", "text": "Set it up once in about ten minutes. After that, Halfpenny does the sorting and you make the decisions.", "columns": 3, "items": [ { "title": "Automatic categories", "text": "Payments are sorted as they arrive. Fix one and it remembers the rule for next time.", "icon": "bolt" }, { "title": "Short-week warnings", "text": "A heads-up when upcoming bills will take you below the balance you want to keep.", "icon": "clock" }, { "title": "Bill calendar", "text": "Every direct debit and subscription on one calendar, with the date it actually leaves.", "icon": "calendar" }, { "title": "Savings pots", "text": "Name a goal, pick a date, and see what to put aside each payday to hit it.", "icon": "box" }, { "title": "Monthly review", "text": "A two-minute summary on the 1st: what went over, what came in under, what to change.", "icon": "chart" }, { "title": "Read-only access", "text": "Halfpenny can see transactions but can never move money. Bank-grade encryption throughout.", "icon": "lock" } ] }, { "kind": "split", "eyebrow": "Shared budgets", "title": "Built for two people and one rent", "text": "Invite a partner or housemate and choose what you share. Joint bills sit in one budget, personal spending stays personal, and the app keeps a running tally of who owes whom.", "bullets": [ "Share some categories, keep others private", "Split bills 50/50 or by income", "Settle up with one tap at month end" ], "visual": { "type": "card", "tone": "#065f46", "title": "Flat 3B · October", "lines": [ "Rent and bills: $2,180 shared", "Groceries: split 50/50", "Dan owes Leah $42.60" ] } }, { "kind": "quotes", "eyebrow": "From the beta", "title": "What testers told us", "items": [ { "quote": "I found three subscriptions I'd forgotten about in the first week. That paid for the app for two years.", "name": "Rosa M.", "role": "Nurse, beta tester since June" }, { "quote": "The Tuesday warning is the whole thing for me. I moved a bill date and stopped going overdrawn.", "name": "Kwame A.", "role": "Freelance sound engineer" }, { "quote": "We used to argue about the grocery spreadsheet. Now we just look at the same screen.", "name": "Hannah & Joel", "role": "Shared budget testers" } ] }, { "kind": "pricing", "id": "pricing", "eyebrow": "Pricing", "title": "Free to budget. Plus when you share.", "text": "Every plan starts with a free month of Plus.", "plans": [ { "name": "Free", "price": "$0", "text": "Everything one person needs to run a monthly budget.", "features": [ "Up to 2 bank accounts", "Automatic categories", "Bill calendar", "Monthly review" ], "cta": { "label": "Join the list", "href": "#contact" } }, { "name": "Plus", "price": "$4.99", "period": "/month", "text": "For households, or anyone with more than two accounts.", "features": [ "Unlimited accounts", "Shared budgets for up to 4 people", "Short-week warnings", "Savings pots and goals", "CSV export" ], "featured": true, "cta": { "label": "Get early access", "href": "#contact" } } ] }, { "kind": "faq", "id": "faq", "eyebrow": "FAQ", "title": "Questions before launch", "items": [ { "q": "Which banks does it work with?", "a": "Halfpenny connects to most US banks and credit unions through an open-banking provider. You can check your bank inside the app before you connect anything." }, { "q": "Can Halfpenny move my money?", "a": "No. Access is read-only. The app can see balances and transactions but cannot make payments or transfers." }, { "q": "What happens to my data if I leave?", "a": "Export everything as CSV, then delete your account from settings. Your data is removed within 30 days." }, { "q": "When does early access open?", "a": "People on the list get an invite in waves from 12 November, oldest sign-ups first." } ] }, { "kind": "contact", "id": "contact", "eyebrow": "Early access", "title": "Get Halfpenny on launch day", "text": "Leave your email and we'll send an invite as soon as your place comes up, with your free month of Plus already applied.", "fields": [ "name", "email" ], "button": "Join the launch list" } ], "footer": { "text": "A calm monthly budget for one person or a whole household.", "columns": [ { "title": "App", "links": [ "Features", "Pricing", "Security" ] }, { "title": "Company", "links": [ "About", "Careers", "Press kit" ] }, { "title": "Help", "links": [ "Support", "Privacy", "Terms" ] } ], "legal": "© Halfpenny. Sample content: replace it in src/site.ts." }};Remix
Remix this template
Describe what to change and the agent starts from Budgeting app launch's files. The box is already started for you: finish “Start from Budgeting app launch and …”
Dependencies
Documented from the template's package.json. The runtime has a prebuilt dependency set for Vite + React + TypeScript, so installs are fast.
- react^19.1.0
- react-dom^19.1.0
- vite^6.3.0
- @vitejs/plugin-react^4.4.0
- tailwindcss^4.1.0
- @tailwindcss/vite^4.1.0
- typescript^5.8.0
How it runs
- Framework
- Vite + React + TypeScript
- Dev command
- npm run dev
- Build command
- npm run build
- Output directory
- dist
- Port
- 5173
- Entry route
- /
Projects run in an isolated sandbox with a live preview. Read the projects documentation for settings, snapshots and deployment.
Keep browsing
All templates
Design conference
Bold two-day design conference page with speakers, programme, venue, ticket tiers and an FAQ, ready for ticket sales.
30-day running plan
Friendly sign-up page for a free 30-day plan that takes beginners from walking to running 20 minutes without stopping.
Browser extension
Clean install page for a tab-management browser extension with features, privacy promise, free and Pro plans, and an FAQ.
Build on Budgeting app launch
Create a free account, start from this template, and ask the AI agent to turn it into your app.