122 lines
11 KiB
Cheetah
122 lines
11 KiB
Cheetah
{{define "landing_de"}}
|
|
<style>
|
|
.landing-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px; padding: 48px; width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 24px; }
|
|
.hero-answer { text-align: center; font-size: 1.25rem; font-weight: 400; color: var(--text); line-height: 1.8; margin-top: 16px; margin-bottom: 32px; }
|
|
.hero-answer .inou { font-weight: 700; color: var(--accent); }
|
|
.hero-tagline { text-align: center; font-size: 1.3rem; font-weight: 600; color: var(--text); margin-bottom: 32px; }
|
|
.hero-cta { margin-bottom: 0; text-align: center; }
|
|
.hero-cta .btn { padding: 18px 56px; font-size: 0.9rem; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; border-radius: 4px; }
|
|
.story-prose.warm { font-size: 1.1rem; line-height: 1.8; color: var(--text); }
|
|
.story-prose.warm p { margin-bottom: 20px; }
|
|
.story-prose.warm .emphasis { font-weight: 600; font-size: 1.15rem; }
|
|
.story-title { font-size: 1.25rem; font-weight: 600; color: var(--text); margin-bottom: 32px; }
|
|
.story-pair { margin-bottom: 32px; }
|
|
.story-pair .data { font-size: 1.1rem; font-weight: 400; color: var(--text); margin-bottom: 4px; }
|
|
.story-pair .reality { font-size: 1rem; font-weight: 300; font-style: italic; color: var(--text-muted); }
|
|
.story-transition { font-size: 1.25rem; font-weight: 400; color: var(--text); line-height: 1.8; margin: 32px 0; padding: 24px 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
|
|
.story-gaps { font-size: 1rem; font-weight: 300; color: var(--text-muted); line-height: 1.8; margin-bottom: 32px; }
|
|
.story-gaps span { display: block; }
|
|
.story-gaps .indent { font-style: italic; }
|
|
.story-connections { font-size: 1rem; font-weight: 300; color: var(--text-muted); line-height: 1.8; margin-bottom: 32px; }
|
|
.story-connections span { display: block; }
|
|
.story-ai { font-size: 1.25rem; font-weight: 400; color: var(--text); line-height: 1.8; margin-bottom: 32px; }
|
|
.story-ai span { display: block; }
|
|
.story-ai .last { font-style: italic; }
|
|
.story-prose { font-size: 1rem; font-weight: 300; color: var(--text-muted); line-height: 1.8; margin-bottom: 20px; }
|
|
.story-prose:last-of-type { margin-bottom: 32px; }
|
|
.story-prose strong { font-weight: 600; color: var(--text); }
|
|
.story-prose .inou { font-weight: 700; color: var(--accent); }
|
|
.story-closing { font-size: 1.25rem; font-weight: 400; color: var(--text); padding-top: 24px; border-top: 1px solid var(--border); }
|
|
.story-closing .inou { font-weight: 700; color: var(--accent); }
|
|
.trust-card { width: 100%; margin-left: auto; margin-right: auto; background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px; padding: 32px 48px; margin-bottom: 24px; }
|
|
.trust-card .section-label { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: var(--text-muted); margin-bottom: 24px; }
|
|
.trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; }
|
|
.trust-item { font-size: 0.9rem; font-weight: 300; color: var(--text-muted); line-height: 1.6; }
|
|
.trust-item strong { display: block; font-weight: 600; color: var(--text); margin-bottom: 4px; }
|
|
.landing-footer { padding: 16px 0; border-top: 1px solid var(--border); display: flex; justify-content: space-between; align-items: center; }
|
|
.landing-footer-left { font-size: 0.9rem; color: var(--text-muted); display: flex; gap: 16px; align-items: center; }
|
|
.landing-footer-left a { color: var(--text-muted); text-decoration: none; }
|
|
.landing-footer-left a:hover { color: var(--accent); }
|
|
.landing-footer-right { font-size: 1rem; }
|
|
.landing-footer-right .inou { font-weight: 700; color: var(--accent); }
|
|
.landing-footer-right .health { font-weight: 400; color: var(--text-muted); }
|
|
@media (max-width: 768px) { .trust-card { padding: 24px; } .trust-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; } }
|
|
@media (max-width: 480px) { .trust-card { padding: 20px 16px; } .trust-grid { grid-template-columns: 1fr; gap: 20px; } .landing-footer { flex-direction: column; gap: 12px; text-align: center; } .landing-footer-left { flex-direction: column; gap: 8px; } }
|
|
</style>
|
|
<div class="sg-container">
|
|
<div class="landing-card">
|
|
<div class="hero">
|
|
<div class="hero-answer"><span class="inou">inou</span> organisiert und teilt Ihre Gesundheitsakte mit Ihrer KI — sicher und privat.</div>
|
|
<div class="hero-tagline">Ihre Gesundheit, verstanden.</div>
|
|
<div class="hero-cta">{{if .Dossier}}<a href="/invite" class="btn btn-primary">Freund einladen</a>{{else}}<a href="/start" class="btn btn-primary">Anmelden</a>{{end}}{{if .Error}}<div class="error" style="margin-top: 24px;">{{.Error}}</div>{{end}}</div>
|
|
</div>
|
|
</div>
|
|
<div class="landing-card">
|
|
<div class="story">
|
|
<h2 class="story-title">Sie brauchen KI für Ihre Gesundheit</h2>
|
|
<div class="story-prose warm">
|
|
<p>Ihre Gesundheitsdaten sind über Dutzende von Orten verstreut — bei Ihrem Kardiologen, Ihrem Neurologen, im Labor, in Ihrer Smartwatch, Ihren Apps, Ihrem 23andMe. Und nur Sie kennen den Rest: was Sie essen, was Sie trinken, welche Nahrungsergänzungsmittel Sie nehmen. Ihr Trainingsplan. Ihre Symptome. Ihre Ziele — ob Sie schwanger werden möchten, für einen Marathon trainieren oder einfach weniger müde sein wollen.</p>
|
|
<p>Ob Sie gesund sind und es bleiben wollen, mit einer schwierigen Diagnose kämpfen oder sich um ein Familienmitglied kümmern, das sich nicht selbst vertreten kann — kein einzelner Arzt sieht das vollständige Bild. Kein System verbindet alles.</p>
|
|
<p>Aber Sie haben Zugang zu allem. Ihnen fehlt nur die Expertise, um alles zu verstehen.</p>
|
|
<p class="emphasis">Ihre KI hat sie. inou gibt ihr das vollständige Bild.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="landing-card">
|
|
<div class="story">
|
|
<h2 class="story-title">Die Herausforderung</h2>
|
|
<div class="story-pair"><div class="data">Ihr MRT hat 4.000 Schichten.</div><div class="reality">Es wurde in 10 Minuten ausgewertet.</div></div>
|
|
<div class="story-pair"><div class="data">Ihr Genom hat Millionen von Varianten.</div><div class="reality">Sie haben nur Ihre Augenfarbe und Ihre Herkunft erfahren.</div></div>
|
|
<div class="story-pair"><div class="data">Ihr Blutbild hat Dutzende von Markern.</div><div class="reality">Ihr Arzt sagte "alles sieht gut aus."</div></div>
|
|
<div class="story-pair"><div class="data">Ihre Uhr hat 10.000 Stunden Schlaf aufgezeichnet.</div><div class="reality">Ihr Trainer weiß nicht, dass sie existiert.</div></div>
|
|
<div class="story-pair"><div class="data">Sie haben hundert verschiedene Nahrungsergänzungsmittel ausprobiert.</div><div class="reality">Niemand hat gefragt, welche.</div></div>
|
|
<div class="story-transition">Die Verbindungen sind da.<br>Sie sind nur zu komplex für eine einzelne Person.</div>
|
|
<div class="story-gaps">
|
|
<span>Niemand weiß, wie Ihr Körper Warfarin verarbeitet — nicht einmal Sie.</span>
|
|
<span class="indent">Aber die Antwort könnte bereits in Ihrem 23andMe versteckt sein.</span>
|
|
<span>Dieses "unauffällig" in Ihrem MRT — hat jemand wirklich alle 4.000 Schichten genau angesehen?</span>
|
|
<span>Ihre Schilddrüse ist "im Normbereich" — aber niemand hat sie mit Ihrer Müdigkeit, Ihrem Gewicht, dass Ihnen immer kalt ist, verbunden.</span>
|
|
</div>
|
|
<div class="story-connections">
|
|
<span>Niemand verbindet Ihren Nachmittagskaffee mit Ihrer Schlafqualität.</span>
|
|
<span>Ihren Eisenspiegel mit Ihrer Trainingsmüdigkeit.</span>
|
|
<span>Ihre Genetik mit Ihrem Gehirnnebel.</span>
|
|
</div>
|
|
<div class="story-ai">
|
|
<span>Ihre KI vergisst nicht.</span>
|
|
<span>Hetzt nicht.</span>
|
|
<span>Findet, was übersehen wurde.</span>
|
|
<span class="last">Spezialisiert sich nicht — sieht Sie als Ganzes.</span>
|
|
</div>
|
|
<div class="story-closing"><span class="inou">inou</span> lässt Ihre KI alles berücksichtigen — jede Schicht, jeden Marker, jede Variante — verbindet alles und gibt Ihnen endlich Antworten, die niemand sonst geben konnte.</div>
|
|
</div>
|
|
</div>
|
|
<div class="landing-card">
|
|
<div class="story">
|
|
<h2 class="story-title">Warum wir das gebaut haben</h2>
|
|
<p class="story-prose">Sie haben jahrelang Gesundheitsdaten gesammelt. Scans aus dem Krankenhaus. Blutwerte aus dem Labor. Ergebnisse aus dem Patientenportal. Daten von Ihrer Uhr. Vielleicht sogar Ihre DNA.</p>
|
|
<p class="story-prose">Und dann gibt es alles, was nur Sie wissen — Ihr Gewicht, Ihr Blutdruck, Ihr Trainingsplan, die Nahrungsergänzungsmittel, die Sie nehmen, die Symptome, die Sie immer vergessen zu erwähnen.</p>
|
|
<p class="story-prose">Es ist alles da — aber verstreut über Systeme, die nicht miteinander kommunizieren, bei Spezialisten, die nur ihren Teil sehen, oder in Ihrem eigenen Kopf eingeschlossen.</p>
|
|
<p class="story-prose">Ihr Kardiologe weiß nicht, was Ihr Neurologe gefunden hat. Ihr Trainer hat Ihre Blutwerte nicht gesehen. Ihr Arzt hat keine Ahnung, welche Nahrungsergänzungsmittel Sie nehmen. Und keiner von ihnen hat Zeit, sich mit Ihnen hinzusetzen und die Punkte zu verbinden.</p>
|
|
<p class="story-prose"><strong>KI kann das endlich.</strong> Sie kann zusammenführen, was kein einzelner Experte sieht — und es Ihnen auch noch erklären.</p>
|
|
<p class="story-prose">Aber diese Daten passen nicht in ein Chat-Fenster. Und das Letzte, was Sie wollen, ist Ihre Krankengeschichte auf fremden Servern, die deren Modelle trainiert.</p>
|
|
<p class="story-prose"><span class="inou">inou</span> bringt alles zusammen — Labor, Bildgebung, Genetik, Vitalwerte, Medikamente, Nahrungsergänzungsmittel — verschlüsselt, privat und mit niemandem geteilt. Ihre KI verbindet sich sicher. Ihre Daten bleiben Ihre.</p>
|
|
<div class="story-closing">Ihre Gesundheit, verstanden.</div>
|
|
</div>
|
|
</div>
|
|
<div class="trust-card">
|
|
<div class="section-label">{{.T.data_yours}}</div>
|
|
<div class="trust-grid">
|
|
<div class="trust-item"><strong>{{.T.never_training}}</strong>{{.T.never_training_desc}}</div>
|
|
<div class="trust-item"><strong>{{.T.never_shared}}</strong>{{.T.never_shared_desc}}</div>
|
|
<div class="trust-item"><strong>{{.T.encrypted}}</strong>{{.T.encrypted_desc}}</div>
|
|
<div class="trust-item"><strong>{{.T.delete}}</strong>{{.T.delete_desc}}</div>
|
|
</div>
|
|
</div>
|
|
<footer class="landing-footer">
|
|
<div class="landing-footer-left"><span>© 2025</span><a href="/privacy-policy">Datenschutz</a></div>
|
|
<span class="landing-footer-right"><span class="inou">inou</span> <span class="health">health</span></span>
|
|
</footer>
|
|
</div>
|
|
{{end}}
|