feat: add themes scatter chart, HowToRead section, and fix 9 UI annotation tasks

- Add ThemesTab with recharts ScatterChart (domain-colored, labeled dots)
- Add HowToRead standalone section (score spectrum, valence markers, domains, intensity, tips)
- Add demo-report-data.ts with anonymized synthesis data
- Fix report fan: use overflow-x-clip instead of overflow-hidden to preserve shadows
- Fix HowItWorks: move connector lines behind cards, fix SVG gauge arc alignment
- Fix ScoreTab: increase gauge spacing, add score band labels (0-100)
- Fix testimonials: use overflow-clip to allow page scroll through section
- Fix banner: increase logo size
- Add EN/ES i18n keys for themes tab and HowToRead section

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Alejandro Gutiérrez
2026-02-22 20:27:13 +00:00
parent f73717922c
commit 61428c889e
10 changed files with 675 additions and 104 deletions

View File

@@ -41,7 +41,7 @@
},
"receive": {
"title": "Get your Blueprint",
"description": "Receive a clear, actionable Reputation Blueprint with scores, trends, and a prioritized fix list."
"description": "Receive a clear Reputation Blueprint with scores, trends, and a prioritized fix list."
}
}
},
@@ -59,15 +59,16 @@
},
"reportPreview": {
"label": "See Your Report",
"title": "This is what you get",
"title": "What you get",
"description": "A real preview of the Reputation Blueprint — the exact analysis your business receives.",
"tabs": {
"score": "Score",
"domains": "Domains",
"issues": "Issues",
"actions": "Actions"
"actions": "Actions",
"themes": "Themes"
},
"cta": "Get yours for your business",
"cta": "Get yours",
"demo": {
"businessName": "Bistro El Sol",
"scoreLabel": "Reputation Score",
@@ -125,9 +126,50 @@
"effort": "Medium",
"impact": "Medium"
}
},
"themes": {
"frequency": "Frequency",
"sentiment": "Net Sentiment %",
"mentions": "mentions",
"netSentiment": "Net Sentiment"
}
}
},
"howToRead": {
"label": "Reading Your Blueprint",
"title": "How to read your report",
"description": "A quick guide to the symbols, colors, and scores in your Reputation Blueprint.",
"scoreTitle": "Score Spectrum",
"scoreDesc": "Your overall Reputation Score sits on this 0100 scale. Higher means stronger reputation.",
"scoreCritical": "Critical",
"scorePoor": "Poor",
"scoreFair": "Fair",
"scoreGood": "Good",
"scoreExcellent": "Excellent",
"valenceTitle": "Sentiment Markers",
"valenceDesc": "Each review mention is tagged with a sentiment marker.",
"valencePos": "Positive — customer praised this aspect",
"valenceNeg": "Negative — customer complained about this",
"valenceNeu": "Neutral — mentioned without sentiment",
"valenceMix": "Mixed — both positive and negative signals",
"domainsTitle": "Experience Domains",
"domainsDesc": "We group every theme into five experience domains.",
"domainO": "Operations — how the business runs",
"domainP": "People/Service — staff and service quality",
"domainJ": "Journey — the customer process",
"domainE": "Environment — physical space and atmosphere",
"domainV": "Value — pricing and perceived worth",
"intensityTitle": "Intensity Levels",
"intensityDesc": "How strongly customers feel about each theme.",
"intensity1": "Mild — casual mention",
"intensity2": "Moderate — clear opinion",
"intensity3": "Strong — emphatic statement",
"tipsTitle": "Reading Tips",
"tip1": "Start with the Score tab for the big picture, then drill into Domains.",
"tip2": "Large bubbles in the Theme Matrix mean high-frequency topics — prioritize these.",
"tip3": "Bubbles below the zero line indicate net-negative sentiment — these are your urgent fixes.",
"tip4": "The Action Plan is already sorted by impact — start from the top."
},
"reviewEvidence": {
"label": "Deep Review Analysis",
"title": "We read what you can't",
@@ -202,11 +244,11 @@
},
"howScoringWorks": {
"question": "How does the 0100 scoring work?",
"answer": "Your Reputation Score combines sentiment analysis, topic frequency, trend direction, and response patterns across 37 primitives. A score of 70+ indicates strong reputation health. We also break it down across 6 domains so you can see exactly where you stand."
"answer": "Your Reputation Score combines sentiment analysis, topic frequency, trend direction, and response patterns across 37 dimensions. A score above 70 means your reputation is strong. We also break it down across 6 domains so you can see exactly where you stand."
},
"deliveryTime": {
"question": "How long does it take to get my report?",
"answer": "Most reports are delivered within 24 hours. For businesses with more than 500 reviews, it may take up to 48 hours to ensure thoroughness."
"answer": "Most reports arrive within 24 hours. For businesses with more than 500 reviews, it may take up to 48 hours so we can analyze every review."
},
"whatBusinessTypes": {
"question": "What types of businesses can use this?",
@@ -222,7 +264,7 @@
},
"reportContents": {
"question": "What's included in the Reputation Blueprint?",
"answer": "Your Blueprint includes: a 0100 Reputation Score, scores across 6 domains (37 primitives), a staff mention leaderboard, sentiment trends over time, a prioritized action plan, and specific review quotes that illustrate each finding."
"answer": "Your Blueprint includes: a 0100 Reputation Score, scores across 6 domains (37 dimensions), a staff mention leaderboard, sentiment trends over time, a prioritized action plan, and specific review quotes that illustrate each finding."
}
}
},

View File

@@ -41,7 +41,7 @@
},
"receive": {
"title": "Recibe tu Radiografía",
"description": "Recibe una Radiografía de Reputación clara y accionable con puntuaciones, tendencias y una lista priorizada de mejoras."
"description": "Recibe una Radiografía de Reputación clara con puntuaciones, tendencias y una lista priorizada de mejoras."
}
}
},
@@ -59,15 +59,16 @@
},
"reportPreview": {
"label": "Ve Tu Informe",
"title": "Esto es lo que recibes",
"title": "Lo que recibes",
"description": "Una vista real de la Radiografía de Reputación — el análisis exacto que recibe tu negocio.",
"tabs": {
"score": "Puntuación",
"domains": "Dominios",
"issues": "Problemas",
"actions": "Acciones"
"actions": "Acciones",
"themes": "Temas"
},
"cta": "Obtén el tuyo para tu negocio",
"cta": "Obtén el tuyo",
"demo": {
"businessName": "Bistro El Sol",
"scoreLabel": "Puntuación de Reputación",
@@ -125,9 +126,50 @@
"effort": "Medio",
"impact": "Medio"
}
},
"themes": {
"frequency": "Frecuencia",
"sentiment": "Sentimiento Neto %",
"mentions": "menciones",
"netSentiment": "Sentimiento Neto"
}
}
},
"howToRead": {
"label": "Leyendo Tu Radiografía",
"title": "Cómo leer tu informe",
"description": "Una guía rápida de los símbolos, colores y puntuaciones de tu Radiografía de Reputación.",
"scoreTitle": "Espectro de Puntuación",
"scoreDesc": "Tu Puntuación de Reputación general se ubica en esta escala de 0 a 100. Mayor significa mejor reputación.",
"scoreCritical": "Crítico",
"scorePoor": "Pobre",
"scoreFair": "Regular",
"scoreGood": "Bueno",
"scoreExcellent": "Excelente",
"valenceTitle": "Marcadores de Sentimiento",
"valenceDesc": "Cada mención en una reseña se etiqueta con un marcador de sentimiento.",
"valencePos": "Positivo — el cliente elogió este aspecto",
"valenceNeg": "Negativo — el cliente se quejó de esto",
"valenceNeu": "Neutro — mencionado sin sentimiento",
"valenceMix": "Mixto — señales positivas y negativas",
"domainsTitle": "Dominios de Experiencia",
"domainsDesc": "Agrupamos cada tema en cinco dominios de experiencia.",
"domainO": "Operaciones — cómo funciona el negocio",
"domainP": "Personas/Servicio — personal y calidad del servicio",
"domainJ": "Recorrido — el proceso del cliente",
"domainE": "Ambiente — espacio físico y atmósfera",
"domainV": "Valor — precios y valor percibido",
"intensityTitle": "Niveles de Intensidad",
"intensityDesc": "Cuán fuertemente sienten los clientes sobre cada tema.",
"intensity1": "Leve — mención casual",
"intensity2": "Moderado — opinión clara",
"intensity3": "Fuerte — afirmación enfática",
"tipsTitle": "Consejos de Lectura",
"tip1": "Empieza con la pestaña Puntuación para la visión general, luego profundiza en Dominios.",
"tip2": "Las burbujas grandes en la Matriz de Temas significan temas frecuentes — prioriza estos.",
"tip3": "Las burbujas debajo de la línea cero indican sentimiento negativo neto — estas son tus correcciones urgentes.",
"tip4": "El Plan de Acción ya está ordenado por impacto — empieza desde arriba."
},
"reviewEvidence": {
"label": "Análisis Profundo",
"title": "Leemos lo que tú no puedes",
@@ -202,11 +244,11 @@
},
"howScoringWorks": {
"question": "¿Cómo funciona la puntuación de 0 a 100?",
"answer": "Tu Puntuación de Reputación combina análisis de sentimiento, frecuencia de temas, dirección de tendencias y patrones de respuesta en 37 primitivas. Una puntuación de 70+ indica una reputación saludable. También la desglosamos en 6 dominios para que veas exactamente dónde te encuentras."
"answer": "Tu Puntuación de Reputación combina análisis de sentimiento, frecuencia de temas, dirección de tendencias y patrones de respuesta en 37 dimensiones. Una puntuación superior a 70 significa que tu reputación es sólida. También la desglosamos en 6 dominios para que veas exactamente dónde te encuentras."
},
"deliveryTime": {
"question": "¿Cuánto tiempo tarda en llegar mi informe?",
"answer": "La mayoría de los informes se entregan en 24 horas. Para negocios con más de 500 reseñas, puede tomar hasta 48 horas para garantizar un análisis completo."
"answer": "La mayoría de los informes llegan en 24 horas. Para negocios con más de 500 reseñas, puede tomar hasta 48 horas para analizar cada reseña."
},
"whatBusinessTypes": {
"question": "¿Qué tipos de negocios pueden usar esto?",
@@ -222,7 +264,7 @@
},
"reportContents": {
"question": "¿Qué incluye la Radiografía de Reputación?",
"answer": "Tu Radiografía incluye: una Puntuación de Reputación de 0 a 100, puntuaciones en 6 dominios (37 primitivas), un ranking de menciones del equipo, tendencias de sentimiento a lo largo del tiempo, un plan de acción priorizado y citas de reseñas específicas que ilustran cada hallazgo."
"answer": "Tu Radiografía incluye: una Puntuación de Reputación de 0 a 100, puntuaciones en 6 dominios (37 dimensiones), un ranking de menciones del equipo, tendencias de sentimiento a lo largo del tiempo, un plan de acción priorizado y citas de reseñas específicas que ilustran cada hallazgo."
}
}
},