From 2a4fcec09b486de11281ebc4bb54b15f85ddcd84 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alejandro=20Guti=C3=A9rrez?=
 <35082514+alezmad@users.noreply.github.com>
Date: Sun, 22 Feb 2026 22:07:28 +0000
Subject: [PATCH] fix: reduce gauge radius to prevent arc overlap and update
 CTA copy

- Shrink gauge radius from 65 to 58 and adjust center to prevent the
  arc from overlapping the multicolor reference bar
- Change CTA text from "Analyze my reviews" to "Analyze my business"
  across all instances (EN/ES)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../src/modules/marketing/home/report-preview.tsx   | 13 ++++++-------
 packages/i18n/src/translations/en/marketing.json    |  2 +-
 packages/i18n/src/translations/es/marketing.json    |  2 +-
 3 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/apps/web/src/modules/marketing/home/report-preview.tsx b/apps/web/src/modules/marketing/home/report-preview.tsx
index 4a05ba7..8cc07ee 100644
--- a/apps/web/src/modules/marketing/home/report-preview.tsx
+++ b/apps/web/src/modules/marketing/home/report-preview.tsx
@@ -101,10 +101,10 @@ type Tab = (typeof TABS)[number];
 
 function ScoreTab() {
   const { t } = useTranslation("marketing");
-  const radius = 65;
+  const radius = 58;
   const stroke = 10;
   const cx = 100;
-  const cy = 72;
+  const cy = 68;
   const circumference = Math.PI * radius;
   const offset = circumference - (SCORE / 100) * circumference;
 
@@ -116,12 +116,11 @@ function ScoreTab() {
           {t("reportPreview.demo.businessName")}
         </span>
 
-        <div className="relative" style={{ width: 200, height: 82 }}>
+        <div className="relative" style={{ width: 200, height: 78 }}>
           <svg
             width="200"
-            height="82"
-            viewBox="0 0 200 82"
-            className="overflow-visible"
+            height="78"
+            viewBox="0 0 200 78"
           >
             <circle
               cx={cx}
@@ -152,7 +151,7 @@ function ScoreTab() {
           </svg>
           <div className="absolute inset-0 flex flex-col items-center justify-end pb-0">
             <span
-              className="text-5xl font-bold tabular-nums"
+              className="text-4xl font-bold tabular-nums"
               style={{ color: SCORE_COLOR }}
             >
               {SCORE}
diff --git a/packages/i18n/src/translations/en/marketing.json b/packages/i18n/src/translations/en/marketing.json
index 5bbc789..4a6fed9 100644
--- a/packages/i18n/src/translations/en/marketing.json
+++ b/packages/i18n/src/translations/en/marketing.json
@@ -11,7 +11,7 @@
   "announcement": "Reputation Blueprint — now available",
   "cta": {
     "question": "Ready to understand your reviews?",
-    "button": "Analyze my reviews",
+    "button": "Analyze my business",
     "secondary": "See a sample report",
     "buy": {
       "question": "Ready to understand your reviews?",
diff --git a/packages/i18n/src/translations/es/marketing.json b/packages/i18n/src/translations/es/marketing.json
index 09232c7..dee8a98 100644
--- a/packages/i18n/src/translations/es/marketing.json
+++ b/packages/i18n/src/translations/es/marketing.json
@@ -11,7 +11,7 @@
   "announcement": "Radiografía de Reputación — ya disponible",
   "cta": {
     "question": "¿Listo para entender tus reseñas?",
-    "button": "Analiza mis reseñas",
+    "button": "Analiza mi negocio",
     "secondary": "Ver un informe de ejemplo",
     "buy": {
       "question": "¿Listo para entender tus reseñas?",