diff --git a/src/components/landing/LivePreview.tsx b/src/components/landing/LivePreview.tsx index a228ce23..56d135fa 100644 --- a/src/components/landing/LivePreview.tsx +++ b/src/components/landing/LivePreview.tsx @@ -1,6 +1,7 @@ import { motion, useReducedMotion } from 'framer-motion'; import { useNavigate } from 'react-router-dom'; import { ArrowRight } from 'lucide-react'; +import { useTranslation } from 'react-i18next'; import { fadeUp, slideInLeft, slideInRight, staggerChildren, viewportOnce } from '@/lib/motion'; const MESSAGES = [ @@ -35,15 +36,16 @@ const MESSAGES = [ }, ]; -const THEMES = [ - { label: 'Price sensitivity', pct: 87, color: 'bg-primary' }, - { label: 'Autonomous workflow', pct: 72, color: 'bg-brand-amber' }, - { label: 'Time-to-insight', pct: 65, color: 'bg-brand-success' }, -]; - export default function LivePreview() { const navigate = useNavigate(); const shouldReduce = useReducedMotion(); + const { t } = useTranslation(); + + const THEMES = [ + { label: t('hero.theme_1'), pct: 87, color: 'bg-primary' }, + { label: t('hero.theme_2'), pct: 72, color: 'bg-brand-amber' }, + { label: t('hero.theme_3'), pct: 65, color: 'bg-brand-success' }, + ]; return (
@@ -59,25 +61,21 @@ export default function LivePreview() {
- Live session demo + {t('live_preview.badge')}

- Watch your synthetic panel debate your product. + {t('live_preview.title')}

- Each persona speaks from their own perspective, challenges other panelists, and responds to the moderator — in real time. The AI extracts key themes and flags consensus as the session unfolds. + {t('live_preview.description')}

@@ -85,7 +83,7 @@ export default function LivePreview() { onClick={() => navigate('/register')} className="flex items-center gap-2 px-6 py-3 rounded-full bg-primary text-primary-foreground font-semibold text-sm hover:bg-primary/90 transition-all hover:-translate-y-0.5" > - Run a free session + {t('live_preview.cta')}
@@ -97,9 +95,9 @@ export default function LivePreview() {
- Session: Product Concept Test A + {t('live_preview.session_name')}
- 4 participants · Autonomous mode + {t('live_preview.session_info')}
@@ -137,7 +135,7 @@ export default function LivePreview() { {/* Themes sidebar */}
-

Themes detected

+

{t('live_preview.themes_title')}

{THEMES.map(({ label, pct, color }, i) => (
@@ -158,10 +156,10 @@ export default function LivePreview() { ))}
-

Consensus

+

{t('live_preview.consensus_label')}

- Building + {t('live_preview.consensus_building')}
@@ -170,7 +168,7 @@ export default function LivePreview() { {/* Input bar */}
- Ask a follow-up question… + {t('live_preview.input_placeholder')}