122 lines
10 KiB
Cheetah
122 lines
10 KiB
Cheetah
{{define "landing_da"}}
|
|
<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> organiserer og deler dit sundhedsdossier med din AI — sikkert og privat.</div>
|
|
<div class="hero-tagline">Dit helbred, forstået.</div>
|
|
<div class="hero-cta">{{if .Dossier}}<a href="/invite" class="btn btn-primary">Inviter en ven</a>{{else}}<a href="/start" class="btn btn-primary">Log ind</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">Du har brug for AI til dit helbred</h2>
|
|
<div class="story-prose warm">
|
|
<p>Dine sundhedsdata er spredt på dusinvis af steder — hos din kardiolog, din neurolog, laboratoriet, dit smartur, dine apps, dit 23andMe. Og kun du kender resten: hvad du spiser, hvad du drikker, hvilke kosttilskud du tager. Din træningsrutine. Dine symptomer. Dine mål — uanset om du prøver at blive gravid, træner til et maraton, eller bare prøver at føle dig mindre træt.</p>
|
|
<p>Uanset om du er sund og vil blive ved med det, navigerer en svær diagnose, eller passer på et familiemedlem der ikke kan tale for sig selv — ingen enkelt læge ser hele billedet. Ingen system forbinder det hele.</p>
|
|
<p>Men du har adgang til alt. Du mangler bare ekspertisen til at forstå det.</p>
|
|
<p class="emphasis">Din AI har den. inou giver den hele billedet.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="landing-card">
|
|
<div class="story">
|
|
<h2 class="story-title">Udfordringen</h2>
|
|
<div class="story-pair"><div class="data">Din MR-scanning har 4.000 snit.</div><div class="reality">Den blev læst på 10 minutter.</div></div>
|
|
<div class="story-pair"><div class="data">Dit genom har millioner af varianter.</div><div class="reality">Du fik kun at vide din øjenfarve og hvor dine forfædre kom fra.</div></div>
|
|
<div class="story-pair"><div class="data">Dine blodprøver har dusinvis af markører.</div><div class="reality">Din læge sagde "alt ser fint ud."</div></div>
|
|
<div class="story-pair"><div class="data">Dit ur har registreret 10.000 timers søvn.</div><div class="reality">Din træner ved ikke at det eksisterer.</div></div>
|
|
<div class="story-pair"><div class="data">Du har prøvet hundrede forskellige kosttilskud.</div><div class="reality">Ingen spurgte hvilke.</div></div>
|
|
<div class="story-transition">Forbindelserne er der.<br>De er bare for komplekse for én person.</div>
|
|
<div class="story-gaps">
|
|
<span>Ingen ved hvordan din krop behandler Warfarin — ikke engang dig.</span>
|
|
<span class="indent">Men svaret gemmer sig måske allerede i dit 23andMe.</span>
|
|
<span>Det "uden bemærkninger" på din MR — kiggede nogen virkelig grundigt på alle 4.000 snit?</span>
|
|
<span>Din skjoldbruskkirtel er "inden for normalområdet" — men ingen forbandt det med din træthed, din vægt, at du altid fryser.</span>
|
|
</div>
|
|
<div class="story-connections">
|
|
<span>Ingen forbinder din eftermiddagskaffe med din søvnkvalitet.</span>
|
|
<span>Dine jernværdier med din træthed under træning.</span>
|
|
<span>Din genetik med din hjernetåge.</span>
|
|
</div>
|
|
<div class="story-ai">
|
|
<span>Din AI glemmer ikke.</span>
|
|
<span>Har ikke travlt.</span>
|
|
<span>Finder det der blev overset.</span>
|
|
<span class="last">Specialiserer sig ikke — ser dig som helhed.</span>
|
|
</div>
|
|
<div class="story-closing"><span class="inou">inou</span> lader din AI tage alt i betragtning — hvert snit, hver markør, hver variant — forbinder det hele og giver dig endelig svar som ingen andre kunne give.</div>
|
|
</div>
|
|
</div>
|
|
<div class="landing-card">
|
|
<div class="story">
|
|
<h2 class="story-title">Hvorfor vi byggede dette</h2>
|
|
<p class="story-prose">Du har samlet års sundhedsdata. Undersøgelser fra hospitalet. Prøver fra laboratoriet. Resultater fra patientportalen. Data fra dit ur. Måske endda dit DNA.</p>
|
|
<p class="story-prose">Og så er der alt det som kun du ved — din vægt, dit blodtryk, dit træningsprogram, de tilskud du tager, de symptomer du altid glemmer at nævne.</p>
|
|
<p class="story-prose">Det er alt sammen der — men spredt i systemer der ikke taler sammen, hos specialister der kun ser deres del, eller låst inde i dit eget hoved.</p>
|
|
<p class="story-prose">Din kardiolog ved ikke hvad din neurolog fandt. Din træner har ikke set dine blodprøver. Din læge aner ikke hvilke tilskud du tager. Og ingen af dem har tid til at sætte sig ned med dig og forbinde prikkerne.</p>
|
|
<p class="story-prose"><strong>AI kan endelig gøre det.</strong> Den kan samle det som ingen enkelt ekspert ser — og forklare det for dig oven i købet.</p>
|
|
<p class="story-prose">Men disse data passer ikke i et chatvindue. Og det sidste du vil er din sygehistorie på andres servere, til at træne deres modeller.</p>
|
|
<p class="story-prose"><span class="inou">inou</span> samler alt — lab, billeddiagnostik, genetik, vitale tegn, medicin, tilskud — krypteret, privat, og delt med absolut ingen. Din AI forbinder sikkert. Dine data forbliver dine.</p>
|
|
<div class="story-closing">Dit helbred, forstået.</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">Privatliv</a></div>
|
|
<span class="landing-footer-right"><span class="inou">inou</span> <span class="health">health</span></span>
|
|
</footer>
|
|
</div>
|
|
{{end}}
|