feat: add full Reputation Blueprint demo page at /report-demo

Port the engine's report renderer (37 component files) into the marketing
site with anonymized data from a real 596-review analysis. Visitors see
the exact multi-page report paying customers receive — cover, executive
summary, rating dashboard, theme analysis, domain performance, trends,
critical issues, strengths, action plan, and tracking framework.

- Anonymized business data (Bistro El Sol, score 83.3)
- EN/ES language toggle in report toolbar
- Recharts: gauge, radar, scatter, donut, trend, heatmap charts
- Sticky CTA bar converting demo viewers to customers
- Demo nav link updated from anchor to /report-demo route

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Alejandro Gutiérrez
2026-02-22 21:54:47 +00:00
parent 12c3cfe2d5
commit 6a80e9fc5f
42 changed files with 6813 additions and 1 deletions

View File

@@ -0,0 +1,35 @@
"use client";
import { useTranslation } from "@turbostarter/i18n";
import { cn } from "@turbostarter/ui";
import { buttonVariants } from "@turbostarter/ui-web/button";
import { pathsConfig } from "~/config/paths";
import { TurboLink } from "~/modules/common/turbo-link";
import ReputationBlueprint from "~/modules/marketing/demo/report/ReputationBlueprint";
import { demoSynthesis } from "~/modules/marketing/demo/demo-synthesis";
export default function DemoPage() {
const { t } = useTranslation("marketing");
return (
<div className="relative">
<ReputationBlueprint report={demoSynthesis} />
{/* Sticky CTA bar */}
<div className="bg-background/95 fixed inset-x-0 bottom-0 z-50 border-t backdrop-blur-sm">
<div className="container flex items-center justify-between px-6 py-3">
<p className="text-muted-foreground text-sm font-medium">
{t("demoPage.ctaText")}
</p>
<TurboLink
href={pathsConfig.auth.login}
className={cn(buttonVariants({ size: "sm" }))}
>
{t("demoPage.ctaButton")} &rarr;
</TurboLink>
</div>
</div>
</div>
);
}