Config-gated “Press X → Modal” demo for the landing page.

Location: src/components/ui/ShortcutDemo.tsx

Behaviour

• Renders nothing when config.demoShortcut.enabled is false
• Fixed hint chip (desktop): Press S to see the Security stack
• Keydown toggles the modal; ignored while typing in inputs; ignores modifiers
• Modal body: honest 7-layer security checklist (not a fake leaderboard)
• ESC / Close / press S again closes

Config

demoShortcut: {
  enabled: true,
  key: "s",
  hintLabel: "Security stack",
  modalTitle: "ShipSafe security stack",
},

Customise

1. Change key / labels in config.ts
2. Replace the modal body in ShortcutDemo.tsx with your product content
3. Or set enabled: false and mount KeyboardHint + Modal yourself

Related

• KeyboardHint
• Modal
• Security overview