-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
105 lines (104 loc) · 9.81 KB
/
Copy pathindex.html
File metadata and controls
105 lines (104 loc) · 9.81 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!doctype html><html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
<title>MoBud · Track your mobility and administration</title>
<meta name="description" content="A free, ad-free, local-first webapp for tracking mobility, mileage, receipts and reports.">
<meta name="theme-color" content="#080b10">
<meta property="og:type" content="website">
<meta property="og:site_name" content="MoBud">
<meta property="og:title" content="MoBud · Track your mobility and administration">
<meta property="og:description" content="A free, ad-free, local-first webapp for tracking mobility, mileage, receipts and reports.">
<meta property="og:url" content="https://mobud.app/">
<meta property="og:image" content="https://mobud.app/assets/mobud-share-card.png">
<meta property="og:image:secure_url" content="https://mobud.app/assets/mobud-share-card.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="MoBud · Track your mobility and administration">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="MoBud · Track your mobility and administration">
<meta name="twitter:description" content="A free, ad-free, local-first webapp for tracking mobility, mileage, receipts and reports.">
<meta name="twitter:image" content="https://mobud.app/assets/mobud-share-card.png">
<link rel="icon" href="/assets/mobud-icon.png">
<link rel="apple-touch-icon" href="/app/icon-192-v005.png">
<link rel="manifest" href="/app/manifest.json">
<link rel="alternate" hreflang="en" href="https://mobud.app/?lang=en">
<link rel="alternate" hreflang="nl" href="https://mobud.app/?lang=nl">
<link rel="alternate" hreflang="fr" href="https://mobud.app/?lang=fr">
<link rel="alternate" hreflang="de" href="https://mobud.app/?lang=de">
<link rel="alternate" hreflang="de-CH" href="https://mobud.app/?lang=de-CH">
<link rel="alternate" hreflang="it" href="https://mobud.app/?lang=it">
<link rel="alternate" hreflang="es" href="https://mobud.app/?lang=es">
<link rel="alternate" hreflang="pt" href="https://mobud.app/?lang=pt">
<link rel="alternate" hreflang="da" href="https://mobud.app/?lang=da">
<link rel="alternate" hreflang="sv" href="https://mobud.app/?lang=sv">
<link rel="alternate" hreflang="no" href="https://mobud.app/?lang=no">
<link rel="alternate" hreflang="pl" href="https://mobud.app/?lang=pl">
<link rel="alternate" hreflang="x-default" href="https://mobud.app/">
<link rel="canonical" href="https://mobud.app/">
<link rel="stylesheet" href="/assets/site.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
</head>
<body>
<header class="site-header">
<div class="site-shell navbar">
<a class="brand" href="/"><img src="/assets/mobud-icon.png" alt=""><span>MoBud</span></a>
<nav class="nav-links">
<a href="/#use-cases">Use cases</a>
<a href="/faq/" >FAQ</a>
<a href="/legal/" >Privacy & legal</a>
<a href="/contact/">Contact</a>
</nav>
<a class="cta desktop-cta" href="/app/">Open the webapp</a>
<button class="menu-toggle" aria-label="Open menu">☰</button>
</div>
</header>
<main>
<section class="site-shell hero">
<div>
<span class="eyebrow">Local-first mobility administration</span>
<h1><span style="color:var(--accent)">MoBud</span><br>Track your mobility and administration.</h1>
<p>An offline-first, multilingual webapp for commutes, mileage, receipts, vehicle costs and clear monthly or yearly reports.</p>
<div class="usp-grid">
<div class="usp"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M7 10V8a5 5 0 0 1 10 0v2"/><rect x="5" y="10" width="14" height="10" rx="2"/><path d="M12 14v2"/></svg><span>User-owned data</span></div><div class="usp"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="9"/><path d="m6 6 12 12"/></svg><span>No adverts</span></div><div class="usp"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><rect x="4" y="9" width="16" height="11" rx="2"/><path d="M12 9v11M3 9h18M7.5 9C5 9 4 7.7 4.8 6.2 5.6 4.7 7.6 5 12 9M16.5 9c2.5 0 3.5-1.3 2.7-2.8C18.4 4.7 16.4 5 12 9"/></svg><span>Free to use</span></div>
<div class="usp"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M4 20V10M10 20V4M16 20v-7M22 20H2"/></svg><span>Reports</span></div><div class="usp"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3a15 15 0 0 1 0 18M12 3a15 15 0 0 0 0 18"/></svg><span>Multilingual</span></div><div class="usp"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="4" width="13" height="10" rx="2"/><path d="M8 18h3M9.5 14v4"/><rect x="17" y="7" width="4" height="10" rx="1"/></svg><span>Android, iOS & desktop</span></div><div class="usp"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3 5 6v5c0 4.5 2.8 8.2 7 10 4.2-1.8 7-5.5 7-10V6z"/><path d="m9 12 2 2 4-4"/></svg><span>No account</span></div>
</div>
<div class="hero-actions"><a class="cta" href="/app/">Open the webapp</a><a class="cta secondary" href="/faq/">Read the FAQ</a></div>
</div>
<div class="phone-stage"><div class="phone"><div class="phone-screen"><img src="/assets/app-dashboard.png" alt="MoBud dashboard screenshot"></div></div></div>
</section>
<section class="section" id="use-cases">
<div class="site-shell">
<div class="section-heading"><span class="eyebrow">Three real use cases</span><h2>Concrete administration, without the spreadsheet chaos.</h2></div>
<div class="cards-3">
<article class="card usecase"><img class="avatar" src="/assets/avatar-1.jpg" alt=""><div><h3>1. Motorcycle & taxes</h3><p>Track purchases, maintenance, repairs and kilometres. Export clear monthly and annual reports for your accountant or tax administration while keeping the original documents yourself.</p></div></article>
<article class="card usecase"><img class="avatar" src="/assets/avatar-2.jpg" alt=""><div><h3>2. Commute benefit</h3><p>See exactly how many days you cycled to work versus used a private vehicle. Compare kilometres, costs and the estimated financial advantage over time.</p></div></article>
<article class="card usecase"><img class="avatar" src="/assets/avatar-3.jpg" alt=""><div><h3>3. Driver reports</h3><p>Drivers log rides, costs and receipts in MoBud and export one clear report. Fleet, HR or accounting teams receive consistent information instead of loose receipts and manual notes.</p></div></article>
</div>
</div>
</section>
<section class="section">
<div class="site-shell">
<div class="section-heading"><span class="eyebrow">Built around your data</span><h2>Everything you need, without giving up control.</h2></div>
<div class="feature-grid">
<article class="card feature"><div class="feature-icon"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M3 10 12 3l9 7v10H3z"/><path d="M7 20v-7h10v7M7 16h10"/></svg></div><h3>Garage management</h3><p>Vehicles, mileage, maintenance, lease, insurance and supporting documents.</p></article>
<article class="card feature"><div class="feature-icon"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><circle cx="5" cy="18" r="2"/><circle cx="19" cy="6" r="2"/><path d="M7 18c6 0 2-12 10-12"/></svg></div><h3>Ride logging</h3><p>Log a trip in seconds and adjust distance, vehicle, route and purpose afterwards.</p></article>
<article class="card feature"><div class="feature-icon"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M6 3h12v18l-3-2-3 2-3-2-3 2z"/><path d="M9 8h6M9 12h6"/></svg></div><h3>Receipts & costs</h3><p>Attach photos or files to expenses and vehicle records while keeping originals.</p></article>
<article class="card feature"><div class="feature-icon"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M5 3h10l4 4v14H5z"/><path d="M15 3v5h5M8 17v-4M12 17V9M16 17v-6"/></svg></div><h3>Reports</h3><p>Monthly and yearly summaries for mileage, costs, usage mix and administration.</p></article>
<article class="card feature"><div class="feature-icon"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M7 18h10a4 4 0 0 0 .6-7.95A6 6 0 0 0 6.3 8.4 4.5 4.5 0 0 0 7 18z"/><path d="m9 14 3-3 3 3M12 11v7"/></svg></div><h3>Backup options</h3><p>Export JSON locally or optionally back up to your own Google Drive.</p></article>
<article class="card feature"><div class="feature-icon"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3 5 6v5c0 4.5 2.8 8.2 7 10 4.2-1.8 7-5.5 7-10V6z"/><path d="m9 12 2 2 4-4"/></svg></div><h3>Local-first privacy</h3><p>Your mobility data stays on your device unless you explicitly choose a backup.</p></article>
</div>
<div class="privacy-strip"><div><strong>Europe-ready. Decentralised by design.</strong><br><span style="color:var(--muted)">No central MoBud database with your rides, receipts or vehicle records.</span></div><a class="cta secondary" href="/legal/">Read privacy & legal</a></div>
</div>
</section>
</main>
<footer class="site-footer">
<div class="site-shell footer-row">
<a class="brand" href="/"><img src="/assets/mobud-icon.png" alt=""><span>MoBud</span></a>
<span>© 2026 MoBud · A <a href="https://www.studiosampersand.be" target="_blank" rel="noopener noreferrer">Studio Sampersand</a> project.</span>
<div class="footer-links"><a href="/faq/">FAQ</a><a href="/legal/">Privacy & legal</a><a href="/contact/">Contact</a></div>
</div>
</footer><script src="/assets/site.js"></script></body></html>