feat: Buy me a coffin link on /pricing and in site footer

Adds an optional support link without breaking the "free MIT only"
positioning. Two placements:

1. /pricing "How We Stay Alive" card gets the link directly under
   the copy with "If you really want to chip in:" framing.
2. Site footer (rendered on every page including homepage) gets a
   compact "Buy me a coffin" link next to the other footer items.

Both placements track buy_me_a_coffin_clicked with a `from` param
(pricing | footer) so we can see which placement drives clicks.

Link goes to buymeacoffee.com/dotdevs. CSP allows external anchor
clicks; no frame embed or fetch involved.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

Author: dotsystemsdevs

src/app/pricing/PricingContent.tsx

@@ -68,7 +68,8 @@ const SECTIONS = [
   {
     id: 'how-we-survive',
     heading: 'How We Stay Alive',
-    body: 'Commitment Issues is built and maintained by Dot Systems — an indie studio that funds this work from other projects. If you want to support it, fork it, share it, or open a pull request with new famous casualties.',
+    body: 'Commitment Issues is built and maintained by Dot Systems — an indie studio that funds this work from other projects. Fork it, share it, or open a pull request with new famous casualties. If you really want to chip in:',
+    coffin: true,
   },
 ]
 
@@ -108,7 +109,7 @@ export default function PricingContent() {
       microcopy={null}
     >
       <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>
-        {SECTIONS.map(({ id, heading, body, github }) => (
+        {SECTIONS.map(({ id, heading, body, github, coffin }) => (
           <div
             key={id}
             className="record-card"
@@ -129,6 +130,18 @@ export default function PricingContent() {
                 ★ View on GitHub
               </a>
             )}
+            {coffin && (
+              <a
+                href="https://buymeacoffee.com/dotdevs"
+                target="_blank"
+                rel="noopener noreferrer"
+                onClick={() => track('buy_me_a_coffin_clicked', { from: 'pricing' })}
+                className="subpage-faq-cta"
+                style={{ marginTop: '14px', display: 'inline-flex' }}
+              >
+                ⚰  Buy me a coffin →
+              </a>
+            )}
           </div>
         ))}
 

src/components/SiteFooter.tsx

@@ -1,6 +1,7 @@
 'use client'
 
 import Link from 'next/link'
+import { track } from '@vercel/analytics'
 import GitHubIcon from '@/components/GitHubIcon'
 
 const FONT = `var(--font-courier), system-ui, sans-serif`
@@ -49,6 +50,18 @@ export default function SiteFooter({ compact = false }: SiteFooterProps) {
           <GitHubIcon size={13} />
           Open source
         </a>
+        <span style={{ color: 'var(--c-border-light)', fontSize: '12px' }}>·</span>
+        <a
+          href="https://buymeacoffee.com/dotdevs"
+          target="_blank"
+          rel="noopener noreferrer"
+          onClick={() => track('buy_me_a_coffin_clicked', { from: 'footer' })}
+          style={linkStyle}
+          onMouseEnter={e => (e.currentTarget.style.color = 'var(--c-ink)')}
+          onMouseLeave={e => (e.currentTarget.style.color = 'var(--c-muted)')}
+        >
+          ⚰  Buy me a coffin
+        </a>
       </div>
     </footer>
   )