diff --git a/apps/web/src/i18n/en/reports.ts b/apps/web/src/i18n/en/reports.ts index a581f44fe3..5f7484e677 100644 --- a/apps/web/src/i18n/en/reports.ts +++ b/apps/web/src/i18n/en/reports.ts @@ -58,6 +58,9 @@ export const reports = { "reports.ctaTemplate.cadence.inReviewValue": "2", "reports.ctaTemplate.cadence.title": "Delivery cadence", "reports.ctaTemplate.cta.label": "See the full diagnostic", + "reports.ctaTemplate.finding.cls": "CLS · 0.18", + "reports.ctaTemplate.finding.lcp": "LCP · 4.2s", + "reports.ctaTemplate.finding.ogImage": "No OG image", "reports.ctaTemplate.fixTask.altImages": "Add alt text to 18 images", "reports.ctaTemplate.fixTask.canonical": "Add canonical to 12 pages", "reports.ctaTemplate.fixTask.checkout": "Cut checkout down to 3 fields", diff --git a/apps/web/src/i18n/pt-br/reports.ts b/apps/web/src/i18n/pt-br/reports.ts index 613e9b0997..aba9f22faf 100644 --- a/apps/web/src/i18n/pt-br/reports.ts +++ b/apps/web/src/i18n/pt-br/reports.ts @@ -60,6 +60,9 @@ export const reports = { "reports.ctaTemplate.cadence.inReviewValue": "2", "reports.ctaTemplate.cadence.title": "Ritmo de entrega", "reports.ctaTemplate.cta.label": "Ver diagnóstico completo", + "reports.ctaTemplate.finding.cls": "CLS · 0,18", + "reports.ctaTemplate.finding.lcp": "LCP · 4,2s", + "reports.ctaTemplate.finding.ogImage": "Sem imagem OG", "reports.ctaTemplate.fixTask.altImages": "Adicionar alt em 18 imagens", "reports.ctaTemplate.fixTask.canonical": "Adicionar canonical em 12 páginas", "reports.ctaTemplate.fixTask.checkout": "Reduzir checkout para 3 campos", diff --git a/apps/web/src/routes/reports/templates/cta-template.tsx b/apps/web/src/routes/reports/templates/cta-template.tsx index 64c413996f..60e3b78872 100644 --- a/apps/web/src/routes/reports/templates/cta-template.tsx +++ b/apps/web/src/routes/reports/templates/cta-template.tsx @@ -413,7 +413,7 @@ export default function CtaTemplate({ const hasCoverage = typeof checksProbed === "number" && typeof checksTotal === "number"; return ( -
+
- {/* center: the diagnostic report card */} + {/* center: the diagnostic report card, scanned by the lime sweep + line with finding badges popping in around it (gated on + [data-play] so it only runs while this slide is active) */}
- +
+ +
+
+
+ + {t("reports.ctaTemplate.finding.lcp")} +
+
+ + {t("reports.ctaTemplate.finding.cls")} +
+
+ + {t("reports.ctaTemplate.finding.ogImage")} +
{/* right: delivery cadence card (behind, tilted) */}