+
{t('verify.cta.teaser')}
{t('verify.cta.teaser.btn')}
@@ -242,6 +244,11 @@ const avatarMembers = members.filter((m) => m.avatar).slice(0, 24);
border-radius: var(--radius-surface);
padding: var(--space-6) var(--space-8);
}
+ .verify-teaser-text {
+ display: flex;
+ align-items: center;
+ gap: var(--space-3);
+ }
.verify-teaser-label {
font-family: var(--mono);
font-size: 1.0625rem;
diff --git a/src/components/pages/VerifyPage.astro b/src/components/pages/VerifyPage.astro
index 7b625f6..c4dc9ca 100644
--- a/src/components/pages/VerifyPage.astro
+++ b/src/components/pages/VerifyPage.astro
@@ -1,5 +1,6 @@
---
import Base from '../../layouts/Base.astro';
+import VerifyBadge from '../VerifyBadge.astro';
import { useTranslations, type Lang } from '../../i18n/ui';
import { getScope, resolveScopeId } from '../../config/scopes';
@@ -14,14 +15,20 @@ const verifyHref = `${p}/verify`;
- {t('verify.title')}
+
+
+ {t('verify.title')}
+
{t('verify.intro')}
{!isAggregate && (
<>
- {t('verify.checkmark.h')}
+
+
+ {t('verify.checkmark.h')}
+
{t('verify.checkmark.intro')}
@@ -136,7 +143,7 @@ const verifyHref = `${p}/verify`;
{t('verify.getverified.h')}
{t('verify.getverified.intro')}
- {t('events.viewAll')}
+ {t('events.viewAll')}
@@ -222,4 +229,14 @@ const verifyHref = `${p}/verify`;
font-size: 0.9375rem;
line-height: 1.6;
}
+ .verify-hero-title {
+ display: flex;
+ align-items: center;
+ gap: var(--space-3);
+ }
+ .verify-badge-heading {
+ display: flex;
+ align-items: center;
+ gap: var(--space-2);
+ }