feat(landing): add trust metrics section and fix integrations count

- Add "Built for reliability" section after pricing with P95 latency metric
- Fix integrations count from 14+ to 3+ (honest count after false claims removal)
This commit is contained in:
2026-04-21 16:26:54 -03:00
parent a24b5bcb00
commit 382b8d5d25
2 changed files with 58 additions and 4 deletions
+29 -2
View File
@@ -1237,7 +1237,7 @@
<!-- Platform Highlights -->
<div class="grid grid-cols-2 md:grid-cols-4 gap-4 lg:gap-6 mb-12">
<div class="text-center card-surface rounded-2xl p-6">
<div class="text-3xl sm:text-4xl lg:text-5xl font-bold gradient-text-ember mb-2">14+</div>
<div class="text-3xl sm:text-4xl lg:text-5xl font-bold gradient-text-ember mb-2">3+</div>
<div class="text-sm" style="color: var(--text-secondary);">Integrations available</div>
</div>
<div class="text-center card-surface rounded-2xl p-6">
@@ -1246,7 +1246,7 @@
</div>
<div class="text-center card-surface rounded-2xl p-6">
<div class="text-3xl sm:text-4xl lg:text-5xl font-bold gradient-text-ember mb-2">99.9%</div>
<div class="text-sm" style="color: var(--text-secondary);">Uptime Guaranteed</div>
<div class="text-sm" style="color: var(--text-secondary);">Uptime SLA</div>
</div>
<div class="text-center card-surface rounded-2xl p-6">
<div class="text-3xl sm:text-4xl lg:text-5xl font-bold gradient-text-frost mb-2">$0</div>
@@ -1515,6 +1515,33 @@
</div>
</section>
<!-- TRUST METRICS -->
<section class="py-16 lg:py-20" style="background: var(--bg-canvas);">
<div class="relative z-10 max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
<h2 class="text-2xl sm:text-3xl font-bold mb-10" style="color: var(--text-primary);">
Built for reliability
</h2>
<div class="grid grid-cols-2 md:grid-cols-4 gap-6">
<div class="card-surface rounded-2xl p-5 text-center">
<div class="text-3xl font-bold gradient-text-amber mb-1">&lt;15min</div>
<div class="text-xs" style="color: var(--text-secondary);">Setup Time</div>
</div>
<div class="card-surface rounded-2xl p-5 text-center">
<div class="text-3xl font-bold gradient-text-amber mb-1">99.9%</div>
<div class="text-xs" style="color: var(--text-secondary);">Uptime SLA</div>
</div>
<div class="card-surface rounded-2xl p-5 text-center">
<div class="text-3xl font-bold gradient-text-frost mb-1">&lt;2s</div>
<div class="text-xs" style="color: var(--text-secondary);">P95 API Latency</div>
</div>
<div class="card-surface rounded-2xl p-5 text-center">
<div class="text-3xl font-bold gradient-text-ember mb-1">3+</div>
<div class="text-xs" style="color: var(--text-secondary);">Integrations</div>
</div>
</div>
</div>
</section>
<!-- FAQ -->
<section id="faq" class="py-20 lg:py-28 relative" style="background: var(--bg-primary);">
<div class="absolute inset-0 bg-texture"></div>
+29 -2
View File
@@ -1237,7 +1237,7 @@
<!-- Platform Highlights -->
<div class="grid grid-cols-2 md:grid-cols-4 gap-4 lg:gap-6 mb-12">
<div class="text-center card-surface rounded-2xl p-6">
<div class="text-3xl sm:text-4xl lg:text-5xl font-bold gradient-text-ember mb-2">14+</div>
<div class="text-3xl sm:text-4xl lg:text-5xl font-bold gradient-text-ember mb-2">3+</div>
<div class="text-sm" style="color: var(--text-secondary);">Integrações disponíveis</div>
</div>
<div class="text-center card-surface rounded-2xl p-6">
@@ -1246,7 +1246,7 @@
</div>
<div class="text-center card-surface rounded-2xl p-6">
<div class="text-3xl sm:text-4xl lg:text-5xl font-bold gradient-text-ember mb-2">99.9%</div>
<div class="text-sm" style="color: var(--text-secondary);">Uptime Garantido</div>
<div class="text-sm" style="color: var(--text-secondary);">SLA de Uptime</div>
</div>
<div class="text-center card-surface rounded-2xl p-6">
<div class="text-3xl sm:text-4xl lg:text-5xl font-bold gradient-text-frost mb-2">$0</div>
@@ -1515,6 +1515,33 @@
</div>
</section>
<!-- TRUST METRICS -->
<section class="py-16 lg:py-20" style="background: var(--bg-canvas);">
<div class="relative z-10 max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
<h2 class="text-2xl sm:text-3xl font-bold mb-10" style="color: var(--text-primary);">
Construído para confiabilidade
</h2>
<div class="grid grid-cols-2 md:grid-cols-4 gap-6">
<div class="card-surface rounded-2xl p-5 text-center">
<div class="text-3xl font-bold gradient-text-amber mb-1">&lt;15min</div>
<div class="text-xs" style="color: var(--text-secondary);">Tempo de Setup</div>
</div>
<div class="card-surface rounded-2xl p-5 text-center">
<div class="text-3xl font-bold gradient-text-amber mb-1">99.9%</div>
<div class="text-xs" style="color: var(--text-secondary);">SLA de Uptime</div>
</div>
<div class="card-surface rounded-2xl p-5 text-center">
<div class="text-3xl font-bold gradient-text-frost mb-1">&lt;2s</div>
<div class="text-xs" style="color: var(--text-secondary);">Latência P95 da API</div>
</div>
<div class="card-surface rounded-2xl p-5 text-center">
<div class="text-3xl font-bold gradient-text-ember mb-1">3+</div>
<div class="text-xs" style="color: var(--text-secondary);">Integrações</div>
</div>
</div>
</div>
</section>
<!-- FAQ -->
<section id="faq" class="py-20 lg:py-28 relative" style="background: var(--bg-primary);">
<div class="absolute inset-0 bg-texture"></div>