rene/banyaro
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Ban Yaro Go bewerben: Landing-Hero-Badge + iOS-Abschnitt, App-Installieren-Hinweis im Profil (App-Store-Link id6775012705), v1274

Browse source
This commit is contained in:
rene 2026-06-09 17:05:39 +02:00
parent a388fb2f5f
commit ad252c66c9
7 changed files with 83 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

55
backend/static/landing.html
View file

@ -4,9 +4,9 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="color-scheme" content="light dark">
<script src="/js/landing-init.js?v=1273"></script>
<script src="/js/landing-init.js?v=1274"></script>
<title>Ban Yaro — Die Hunde-App für Deutschland, Österreich & Schweiz</title>
<meta name="description" content="Ban Yaro: Die kostenlose All-in-One Hunde-App für DACH. Tagebuch, Giftköder-Alarm, Training mit KI, Forum, Wurfbörse, Stammbaum, Inzucht-Check — DSGVO-konform, offline-fähig, direkt im Browser.">
<meta name="description" content="Ban Yaro: Die kostenlose All-in-One Hunde-App für DACH. Tagebuch, Giftköder-Alarm, Training mit KI, Forum, Wurfbörse, Stammbaum, Inzucht-Check — DSGVO-konform, offline-fähig, direkt im Browser oder als native iPhone-App (Ban Yaro Go).">
<meta name="keywords" content="Hunde App, Hunde Community, Wurfbörse, Züchter, Welpen kaufen, Stammbaum Hund, Inzuchtkoeffizient, Hundezucht, Impfpass Hund, Giftköder Alarm, Gassi Community, Hundetraining App, Hunde Forum, Hunde KI, Hundefilm Datenbank, Welpen Marktplatz">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://banyaro.app/">
@ -79,6 +79,7 @@
"Zecken-Warnung regelbasiert (Saison und Temperatur)",
"Wetter-Chip in der App (Open-Meteo, ohne API-Key)",
"Gassi-Community und GPS-Routen aufzeichnen",
"Native iPhone-App (Ban Yaro Go): Tracking im Hintergrund bei gesperrtem Display, Apple Health, Live-Aktivität, GPX-Import",
"Täglicher Routenvorschlag (2, 4 oder 6 km via OpenRouteService)",
"Hundesitting-Vermittlung (nur 8% Provision)",
"NFC-Halsband-Tags mit öffentlichem Hunde-Profil",
@ -731,6 +732,7 @@
html.dark tr:nth-child(even) td { background: #141210 !important; }
html.dark footer { background: #0d0b09 !important; }
html.dark .section-intro { color: #a89880 !important; }
html.dark .ios-card { background: #1e1a16 !important; border-color: #2e2620 !important; }
</style>
</head>
<body>
@ -753,6 +755,11 @@
<span class="badge">Läuft direkt im Browser</span>
<span class="badge">Made in Germany</span>
<span class="badge">Offline-fähig</span>
<!-- Ban Yaro Go im App Store (Apple-ID 6775012705) — auch im iOS-Abschnitt #ios-app verlinkt -->
<a href="https://apps.apple.com/app/ban-yaro-go/id6775012705" data-appstore class="badge" style="display:inline-flex;align-items:center;gap:.4rem;color:white;text-decoration:none">
<svg viewBox="0 0 256 256" style="width:1rem;height:1rem;fill:currentColor"><use href="/icons/phosphor.svg#apple-logo"></use></svg>
Im App Store
</a>
</div>
<div class="hero-stats" id="hero-stats" style="display:none"></div>
</div>
@ -1534,6 +1541,50 @@
</div>
</section>
<!-- Native iOS-App — Ban Yaro Go -->
<section id="ios-app" style="background:var(--bg)">
<div class="container">
<div class="ios-card" style="background:white;border:2px solid var(--border);border-radius:18px;padding:clamp(1.75rem,5vw,3rem);text-align:center;max-width:780px;margin:0 auto;box-shadow:0 8px 32px rgba(0,0,0,.06)">
<span style="display:inline-flex;align-items:center;gap:.45rem;background:var(--primary-light);color:var(--primary);font-weight:700;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;padding:.4rem 1rem;border-radius:999px;margin-bottom:1rem">
<svg viewBox="0 0 256 256" style="width:1rem;height:1rem;fill:currentColor"><use href="/icons/phosphor.svg#apple-logo"></use></svg>
Jetzt im App Store
</span>
<h2 style="margin:0 0 .75rem">Lieber nativ? Ban&nbsp;Yaro&nbsp;Go fürs iPhone</h2>
<p class="section-intro" style="margin:0 auto 2rem">Die native App ist auf das gemacht, was unterwegs wirklich zählt — und läuft auch dann weiter, wenn der Browser längst aufgegeben hätte.</p>
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.4rem;text-align:left;margin-bottom:2.25rem">
<div class="usp-item">
<svg class="usp-icon" viewBox="0 0 256 256"><use href="/icons/phosphor.svg#device-mobile"></use></svg>
<div>
<h3>Track läuft einfach weiter</h3>
<p>Die Aufzeichnung läuft im Hintergrund — auch bei gesperrtem Display, in der Hosentasche oder während du telefonierst. Mit Live-Aktivität in der Dynamic Island und automatischer Pause beim Stehenbleiben.</p>
</div>
</div>
<div class="usp-item">
<svg class="usp-icon" viewBox="0 0 256 256"><use href="/icons/phosphor.svg#cloud-slash"></use></svg>
<div>
<h3>Funkloch-sicher unterwegs</h3>
<p>Kein Empfang? Egal. Die Tour wird lokal auf dem iPhone gesichert und automatisch hochgeladen, sobald wieder Netz da ist. Hunde, Touren und Tagebuch sind offline dabei.</p>
</div>
</div>
<div class="usp-item">
<svg class="usp-icon" viewBox="0 0 256 256"><use href="/icons/phosphor.svg#heartbeat"></use></svg>
<div>
<h3>Tief in iOS integriert</h3>
<p>Touren landen auf Wunsch als Spaziergang-Workout in Apple Health, Fotos hängen am richtigen Streckenpunkt, und GPX-Tracks aus Komoot &amp; Co. kommen per Teilen-Menü rein.</p>
</div>
</div>
</div>
<a href="https://apps.apple.com/app/ban-yaro-go/id6775012705" data-appstore class="cta-btn" style="background:#111;color:white;margin-top:0;display:inline-flex;align-items:center;gap:.6rem">
<svg viewBox="0 0 256 256" style="width:1.4rem;height:1.4rem;fill:currentColor"><use href="/icons/phosphor.svg#apple-logo"></use></svg>
Im App Store laden
</a>
<p style="font-size:.85rem;color:var(--text-muted);margin-top:1rem">Kostenlos · iPhone, iOS&nbsp;17+ · banyaro.app bleibt im Browser voll nutzbar</p>
</div>
</div>
</section>
<section>
<div class="container" style="text-align:center">
<h2>Jetzt kostenlos starten</h2>