inou/portal/templates/pricing_nl.tmpl

169 lines
6.7 KiB
Cheetah

{{define "pricing_nl"}}
<style>
.pricing-table { width: 100%; border-collapse: collapse; }
.pricing-table tr { background: var(--bg-card); border-bottom: 1px solid var(--border); }
.pricing-table tr:last-child { border-bottom: none; }
.tier-row { background: var(--bg-secondary) !important; }
.category-row { background: var(--bg-secondary) !important; }
.pricing-table th { padding: 24px 16px; text-align: left; font-weight: 600; color: var(--text); }
.pricing-table th:first-child { width: 40%; }
.tier-header { text-align: center !important; }
.tier-name { font-size: 1.25rem; margin-bottom: 8px; }
.tier-price { font-size: 1.75rem; font-weight: 700; color: var(--accent); }
.tier-price .free { color: #28a745; }
.tier-price .small { font-size: 1rem; font-weight: 400; }
.tier-price s { color: var(--text-muted); font-weight: 400; }
.tier-free { font-size: 0.85rem; font-weight: 600; color: #28a745; margin-top: 4px; }
.pricing-table td { padding: 16px; vertical-align: middle; }
.feature-name { font-weight: 500; color: var(--text); }
.feature-cell { text-align: center; font-size: 1.25rem; }
.check { color: #28a745; }
.cross { color: #dc3545; }
.category-row { background: var(--bg-secondary); font-weight: 700; color: var(--text); }
.category-row td { padding: 16px; font-size: 1.1rem; border-left: 3px solid var(--accent); letter-spacing: 0.02em; }
@media (max-width: 768px) {
.pricing-table th { padding: 16px 12px; }
.pricing-table td { padding: 12px; }
.tier-name { font-size: 1rem; }
.tier-price { font-size: 1.5rem; }
.feature-name { font-size: 0.9rem; }
}
@media (max-width: 480px) {
.pricing-table th:first-child { width: 35%; }
.tier-name { font-size: 0.9rem; }
.tier-price { font-size: 1.25rem; }
}
</style>
<div class="page-container">
<div class="page-card" style="text-align: center;">
<h1>Prijzen</h1>
<p class="intro">Alle niveaus gratis tot 1 juli 2026. Geen creditcard vereist.</p>
</div>
<div class="page-card" style="padding: 0; overflow: hidden;">
<table class="pricing-table">
<tr class="tier-row">
<th></th>
<th class="tier-header">
<div class="tier-name">Monitor</div>
<div class="tier-price"><span class="free">Gratis</span></div>
</th>
<th class="tier-header">
<div class="tier-name">Optimize</div>
<div class="tier-price"><s>$12<span class="small">/mnd</span></s></div>
<div class="tier-free">gratis t/m 1/7/26</div>
</th>
<th class="tier-header">
<div class="tier-name">Research</div>
<div class="tier-price"><s>$35<span class="small">/mnd</span></s></div>
<div class="tier-free">gratis t/m 1/7/26</div>
</th>
</tr>
<tr class="category-row">
<td colspan="4">Gezondheidsgegevens</td>
</tr>
<tr>
<td class="feature-name">Vitale waarden (bloeddruk, hartslag, gewicht, temperatuur)</td>
<td class="feature-cell check">✓</td>
<td class="feature-cell check">✓</td>
<td class="feature-cell check">✓</td>
</tr>
<tr>
<td class="feature-name">Symptomen &amp; aandoeningen</td>
<td class="feature-cell check">✓</td>
<td class="feature-cell check">✓</td>
<td class="feature-cell check">✓</td>
</tr>
<tr>
<td class="feature-name">Medicijnen</td>
<td class="feature-cell check">✓</td>
<td class="feature-cell check">✓</td>
<td class="feature-cell check">✓</td>
</tr>
<tr>
<td class="feature-name">Beweging &amp; activiteit</td>
<td class="feature-cell check">✓</td>
<td class="feature-cell check">✓</td>
<td class="feature-cell check">✓</td>
</tr>
<tr>
<td class="feature-name">Familiegeschiedenis</td>
<td class="feature-cell check">✓</td>
<td class="feature-cell check">✓</td>
<td class="feature-cell check">✓</td>
</tr>
<tr>
<td class="feature-name">Laboratoriumuitslagen</td>
<td class="feature-cell cross">✗</td>
<td class="feature-cell check">✓</td>
<td class="feature-cell check">✓</td>
</tr>
<tr>
<td class="feature-name">Consumentengenoom (23andMe)</td>
<td class="feature-cell cross">✗</td>
<td class="feature-cell check">✓</td>
<td class="feature-cell check">✓</td>
</tr>
<tr>
<td class="feature-name">Medische beeldvorming (MRI, CT, röntgen)</td>
<td class="feature-cell cross">✗</td>
<td class="feature-cell cross">✗</td>
<td class="feature-cell check">✓</td>
</tr>
<tr>
<td class="feature-name">Klinische genoomsequencing</td>
<td class="feature-cell cross">✗</td>
<td class="feature-cell cross">✗</td>
<td class="feature-cell check">✓</td>
</tr>
<tr class="category-row">
<td colspan="4">AI-functies</td>
</tr>
<tr>
<td class="feature-name">MCP-integratie (Claude, ChatGPT)</td>
<td class="feature-cell check">✓</td>
<td class="feature-cell check">✓</td>
<td class="feature-cell check">✓</td>
</tr>
<tr>
<td class="feature-name">Gepersonaliseerde AI-antwoorden</td>
<td class="feature-cell">Beperkt</td>
<td class="feature-cell check">✓</td>
<td class="feature-cell check">✓</td>
</tr>
<tr>
<td class="feature-name">Analyse van gezondheidstendenzen</td>
<td class="feature-cell cross">✗</td>
<td class="feature-cell check">✓</td>
<td class="feature-cell check">✓</td>
</tr>
<tr class="category-row">
<td colspan="4">Opslag &amp; toegang</td>
</tr>
<tr>
<td class="feature-name">Ondersteuning voor meerdere dossiers (gezin)</td>
<td class="feature-cell check">✓</td>
<td class="feature-cell check">✓</td>
<td class="feature-cell check">✓</td>
</tr>
<tr>
<td class="feature-name">FIPS 140-3-versleuteling</td>
<td class="feature-cell check">✓</td>
<td class="feature-cell check">✓</td>
<td class="feature-cell check">✓</td>
</tr>
<tr>
<td class="feature-name">Gegevensexport</td>
<td class="feature-cell check">✓</td>
<td class="feature-cell check">✓</td>
<td class="feature-cell check">✓</td>
</tr>
</table>
</div>
{{template "footer"}}
</div>
{{end}}