feat: add quick buy keyboard shortcut hint to creator cards

README.md

@@ -45,3 +45,11 @@ pnpm build
 - Browse the maintainer issue inventory in [docs/open-source/issue-backlog.md](./docs/open-source/issue-backlog.md).
 - Use the issue templates in [`.github/ISSUE_TEMPLATE`](./.github/ISSUE_TEMPLATE).
 - Review [SECURITY.md](./SECURITY.md) before reporting vulnerabilities.
+
+### Quick Buy Shortcut
+
+On desktop, creator cards display a keyboard shortcut hint.
+
+Press `K` while focused on a creator card to open the Quick Buy flow.
+
+Mobile behavior remains unchanged.

src/components/common/CreatorCard.tsx

@@ -54,6 +54,7 @@ import CreatorDropCountdown from '@/components/common/CreatorDropCountdown';
 import CreatorHandleHoverCard from '@/components/common/CreatorHandleHoverCard';
 import { CREATOR_CARD_MEDIA_RADIUS_CLASS } from '@/utils/creatorCardTokens';
 
+
 interface CreatorCardProps {
 	creator: Course;
 	className?: string;
@@ -507,6 +508,16 @@ const CreatorCard: React.FC<CreatorCardProps> = ({
 								? 'Retry Purchase'
 								: 'Buy Key'}
 				</AsyncButton>
+				<div className="flex items-center gap-2">
+  <BuyButton creator={creator} />
+
+  <span
+    className="hidden md:inline-flex items-center rounded border px-1.5 py-0.5 text-[10px] text-muted-foreground"
+    aria-label="Quick buy keyboard shortcut"
+  >
+    ⌘K
+  </span>
+</div>
 			</div>
 
 			<BuyActionHelperText

src/hooks/useQuickBuyShortcut.ts

@@ -0,0 +1,20 @@
+import { useEffect } from 'react';
+
+export const useQuickBuyShortcut = () => {
+  useEffect(() => {
+    const handleKeyDown = (e: KeyboardEvent) => {
+      if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === 'k') {
+        // Find the hovered or focused creator card
+        const hoveredCard = document.querySelector('.creator-card:hover');
+        if (hoveredCard) {
+          const buyButton = hoveredCard.querySelector('button') as HTMLButtonElement;
+          buyButton?.click();
+          e.preventDefault();
+        }
+      }
+    };
+
+    window.addEventListener('keydown', handleKeyDown);
+    return () => window.removeEventListener('keydown', handleKeyDown);
+  }, []);
+};

src/pages/LandingPage.tsx

@@ -65,6 +65,7 @@
 const FEATURED_CREATOR_FOLLOWER_COUNT: number | null = null;
 const FEATURED_CREATOR_KEY_HOLDER_COUNT = 0;
 
+
 const getFeaturedCreatorKeyHolderCopy = (count: number | null) => {
 	if (count == null) {
 		return {
@@ -86,6 +87,7 @@
 		explanation: 'Number of wallets that currently hold at least one key.',
 	};
 };
+ useQuickBuyShortcut();
 
 // Fallback demo data in case API fails
 const DEMO_CREATORS: Course[] = [