Add user personas/use-cases section and roadmap webhook/pro highlights to landing page

[Copilot]

ShellScope’s landing page now explicitly targets its core audiences and security workflows, and the roadmap now communicates the pro-tier webhook direction (self-hosted export with auth/batching) in a clearer, portfolio-ready format.

• Users & Use Cases section

  • Added a new #users section with 3 persona cards:
    • Paranoid Developers / SecOps
    • SMB IT Admins
    • Non-Tech Home Users
  • Each card includes a concrete security-oriented use case (forensic replay, compliance logging, real-time suspicious command visibility).
  • Added a top-nav anchor link to #users for direct discovery.

• Roadmap restructuring

  • Replaced the prior roadmap cards with a phase-based table (Phase / Feature / Timeline) for easier scanning.
  • Expanded entries to include MVP, v1.1, v2.0, v2.1, and Future milestones.
  • Added the requested webhook milestone text for v2.0:
    • “Send logs to YOUR server via webhook (JSON/SQLite, auth tokens, batching).”

• Pro feature visual treatment

  • Applied green accent styling to the v2.0 webhook row/label to distinguish pro-tier capability while preserving the existing industrial dark aesthetic.

<tr class="bg-emerald-50/70 dark:bg-emerald-950/20">
  <td class="px-5 py-4 font-semibold text-emerald-700 dark:text-emerald-300">v2.0 Pro</td>
  <td class="px-5 py-4">
    <span class="font-semibold text-emerald-700 dark:text-emerald-300">Webhook Logs:</span>
    Send logs to YOUR server via webhook (JSON/SQLite, auth tokens, batching).
  </td>
  <td class="px-5 py-4">Q3 2026</td>
</tr>

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[Copilot]

Pull request overview

This PR enhances the ShellScope landing page with explicit user personas and a restructured roadmap that highlights the pro-tier webhook feature. The changes position the project more clearly for portfolio and commercial purposes while maintaining the existing industrial dark aesthetic.

Changes:

• Added a "Users & Use Cases" section with 3 persona cards targeting Paranoid Developers/SecOps, SMB IT Admins, and Non-Tech Home Users, each with concrete security-oriented use cases
• Restructured the roadmap from card-based layout to a phase-based table format spanning MVP through 2027, with clear timelines
• Introduced emerald color accent for the v2.0 Pro webhook feature to distinguish pro-tier capabilities from standard features

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

The table headers should include scope attributes for better accessibility. Add scope="col" to each th element to help screen readers understand the table structure. This follows WCAG 2.1 guidelines for data tables.

Suggested change

	<th class="px-5 py-3 font-semibold">Phase</th>
	<th class="px-5 py-3 font-semibold">Feature</th>
	<th class="px-5 py-3 font-semibold">Timeline</th>
	<th scope="col" class="px-5 py-3 font-semibold">Phase</th>
	<th scope="col" class="px-5 py-3 font-semibold">Feature</th>
	<th scope="col" class="px-5 py-3 font-semibold">Timeline</th>

[Copilot]

The table should include a caption element for accessibility. Add a caption element as the first child of the table to describe its purpose, such as "ShellScope development roadmap with planned features and timelines". This helps screen readers understand the table's context and purpose.

Suggested change

	<thead class="bg-gray-100/70 dark:bg-slate-900/60">
	<tr class="text-xs uppercase tracking-wide text-slate-600 dark:text-slate-300">
	<caption>ShellScope development roadmap with planned features and timelines</caption>
	<thead class="bg-gray-100/70 dark:bg-slate-900/60">