Role-Based Entry Matrix

<section class="ws-use-case-matrix bg-[var(--ws-color-surface)] px-6 py-20 text-white"><div class="mx-auto max-w-7xl"><div class="max-w-3xl"><p class="text-sm uppercase tracking-[0.22em] text-emerald-300">Use Cases</p><h2 class="mt-4 text-4xl font-semibold tracking-[-0.03em]">Different teams need different presentation behaviors.</h2></div><div class="mt-12 grid gap-4 md:grid-cols-2 xl:grid-cols-5"><article class="rounded-[1.5rem] border border-white/10 bg-white/5 p-5"><h3 class="text-xl font-semibold">Founders</h3><p class="mt-3 text-sm leading-7 text-white/70">Pitch vision, traction, and ask.</p><a href="#" class="mt-6 inline-flex text-sm font-medium text-emerald-300">See examples</a></article><article class="rounded-[1.5rem] border border-white/10 bg-white/5 p-5"><h3 class="text-xl font-semibold">Sales</h3><p class="mt-3 text-sm leading-7 text-white/70">Turn product detail into decision-ready decks.</p><a href="#" class="mt-6 inline-flex text-sm font-medium text-emerald-300">See examples</a></article><article class="rounded-[1.5rem] border border-white/10 bg-white/5 p-5"><h3 class="text-xl font-semibold">Product</h3><p class="mt-3 text-sm leading-7 text-white/70">Explain roadmaps and product narratives.</p><a href="#" class="mt-6 inline-flex text-sm font-medium text-emerald-300">See examples</a></article><article class="rounded-[1.5rem] border border-white/10 bg-white/5 p-5"><h3 class="text-xl font-semibold">Marketing</h3><p class="mt-3 text-sm leading-7 text-white/70">Package launches, campaigns, and strategy.</p><a href="#" class="mt-6 inline-flex text-sm font-medium text-emerald-300">See examples</a></article><article class="rounded-[1.5rem] border border-white/10 bg-white/5 p-5"><h3 class="text-xl font-semibold">Educators</h3><p class="mt-3 text-sm leading-7 text-white/70">Turn lessons into structured visual chapters.</p><a href="#" class="mt-6 inline-flex text-sm font-medium text-emerald-300">See examples</a></article></div></div></section>