import SectionHead from '@/components/vyndr/SectionHead';
/**
* DeskShowcase (DS5 · DESIGN-SPEC Part 6, #8) — the Desk-as-hero story that
* sits ABOVE the pricing grid. Its job is the founder's one line: make $44.99
* feel impossibly low for a professional terminal ("how is this only $44.99"
* IS the conversion event). Balanced two-column layout — the pitch on the left,
* REAL feature visuals on the right (kills the dead right-half, audit #8). The
* single primary CTA scrolls to the grid where the real Stripe checkout lives
* (checkout wiring untouched).
*
* Server component — no interactivity here; the CTA is an in-page anchor and the
* feature visuals are static, tokenized, mono-for-data mock readouts.
*/
// A real alt-line-ladder rung (the Desk exclusive) — line + locked grade + edge.
function Rung({ line, grade, edge, base }: { line: string; grade: string; edge: string; base?: boolean }) {
const gradeCol = grade.startsWith('A') ? 'var(--g-a)' : grade.startsWith('B') ? 'var(--text-0)' : 'var(--amber)';
const edgeCol = edge.startsWith('+') ? 'var(--g-a)' : edge.startsWith('-') ? 'var(--miss)' : 'var(--text-2)';
return (
{line}{base ? ' •' : ''}
{grade}
{edge}
);
}
export default function DeskShowcase() {
return (
{/* LEFT — the pitch */}
THE DESK · FLAGSHIP
A $1M terminal.{' '}
$44.99/mo.
Every alt line graded, quarter-Kelly sizing on your bankroll, parlay
correlation, and the model’s real-time feed. The desk a trading
floor pays five figures for — priced for one bettor.