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:
35
apps/web/src/app/[locale]/(marketing)/report-demo/page.tsx
Normal file
35
apps/web/src/app/[locale]/(marketing)/report-demo/page.tsx
Normal 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")} →
|
||||
</TurboLink>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user