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>
This commit is contained in:
@@ -101,10 +101,10 @@ type Tab = (typeof TABS)[number];
|
|||||||
|
|
||||||
function ScoreTab() {
|
function ScoreTab() {
|
||||||
const { t } = useTranslation("marketing");
|
const { t } = useTranslation("marketing");
|
||||||
const radius = 65;
|
const radius = 58;
|
||||||
const stroke = 10;
|
const stroke = 10;
|
||||||
const cx = 100;
|
const cx = 100;
|
||||||
const cy = 72;
|
const cy = 68;
|
||||||
const circumference = Math.PI * radius;
|
const circumference = Math.PI * radius;
|
||||||
const offset = circumference - (SCORE / 100) * circumference;
|
const offset = circumference - (SCORE / 100) * circumference;
|
||||||
|
|
||||||
@@ -116,12 +116,11 @@ function ScoreTab() {
|
|||||||
{t("reportPreview.demo.businessName")}
|
{t("reportPreview.demo.businessName")}
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<div className="relative" style={{ width: 200, height: 82 }}>
|
<div className="relative" style={{ width: 200, height: 78 }}>
|
||||||
<svg
|
<svg
|
||||||
width="200"
|
width="200"
|
||||||
height="82"
|
height="78"
|
||||||
viewBox="0 0 200 82"
|
viewBox="0 0 200 78"
|
||||||
className="overflow-visible"
|
|
||||||
>
|
>
|
||||||
<circle
|
<circle
|
||||||
cx={cx}
|
cx={cx}
|
||||||
@@ -152,7 +151,7 @@ function ScoreTab() {
|
|||||||
</svg>
|
</svg>
|
||||||
<div className="absolute inset-0 flex flex-col items-center justify-end pb-0">
|
<div className="absolute inset-0 flex flex-col items-center justify-end pb-0">
|
||||||
<span
|
<span
|
||||||
className="text-5xl font-bold tabular-nums"
|
className="text-4xl font-bold tabular-nums"
|
||||||
style={{ color: SCORE_COLOR }}
|
style={{ color: SCORE_COLOR }}
|
||||||
>
|
>
|
||||||
{SCORE}
|
{SCORE}
|
||||||
|
|||||||
@@ -11,7 +11,7 @@
|
|||||||
"announcement": "Reputation Blueprint — now available",
|
"announcement": "Reputation Blueprint — now available",
|
||||||
"cta": {
|
"cta": {
|
||||||
"question": "Ready to understand your reviews?",
|
"question": "Ready to understand your reviews?",
|
||||||
"button": "Analyze my reviews",
|
"button": "Analyze my business",
|
||||||
"secondary": "See a sample report",
|
"secondary": "See a sample report",
|
||||||
"buy": {
|
"buy": {
|
||||||
"question": "Ready to understand your reviews?",
|
"question": "Ready to understand your reviews?",
|
||||||
|
|||||||
@@ -11,7 +11,7 @@
|
|||||||
"announcement": "Radiografía de Reputación — ya disponible",
|
"announcement": "Radiografía de Reputación — ya disponible",
|
||||||
"cta": {
|
"cta": {
|
||||||
"question": "¿Listo para entender tus reseñas?",
|
"question": "¿Listo para entender tus reseñas?",
|
||||||
"button": "Analiza mis reseñas",
|
"button": "Analiza mi negocio",
|
||||||
"secondary": "Ver un informe de ejemplo",
|
"secondary": "Ver un informe de ejemplo",
|
||||||
"buy": {
|
"buy": {
|
||||||
"question": "¿Listo para entender tus reseñas?",
|
"question": "¿Listo para entender tus reseñas?",
|
||||||
|
|||||||
Reference in New Issue
Block a user