feat(blog): improve optimization safeguards, CTA fidelity, and meme variety

apps/web/src/content-engine/components.ts

@@ -24,6 +24,7 @@ import { BoldNumber } from '../components/BoldNumber';
 import { WebVitalsScore } from '../components/WebVitalsScore';
 import { WaterfallChart } from '../components/WaterfallChart';
 import { Button } from '../components/Button';
+import { LeadMagnet } from '../components/LeadMagnet';
 import { TrackedLink } from '../components/analytics/TrackedLink';
 import { FAQSection } from '../components/FAQSection';
 
@@ -91,6 +92,7 @@ export const mdxComponents = {
     YouTubeEmbed,
     LinkedInEmbed,
     Button,
+    LeadMagnet,
     TrackedLink,
     FAQSection
 };

apps/web/src/content-engine/definitions.ts

@@ -260,9 +260,14 @@ timeline
     },
     {
         name: 'Button',
-        description: 'Premium pill-shaped button for high-impact CTAs. Variants: primary (solid dark), outline (bordered), ghost (text only). use size="large" for main sections. IMPORTANT: Write natural, punchy, conversational German CTAs (e.g. "Webprojekt anfragen", "Zur Beratung", "Mehr erfahren"). NEVER generate robotic or awkward phrases like "Ethisches Tracking anfragen" or "Ladezeit optimieren lassen". Keep it human and professional.',
+        description: 'DEPRECATED: Use <LeadMagnet /> instead for main CTAs. Only use for small secondary links.',
         usageExample: '<Button href="/contact" variant="outline">Webprojekt anfragen</Button>'
     },
+    {
+        name: 'LeadMagnet',
+        description: 'Premium B2B conversion card. Use 1-2 per article as main high-impact CTAs. Props: title (strong headline), description (value prop), buttonText (action), href (link), variant (performance|security|standard).',
+        usageExample: '<LeadMagnet title="Performance-Check anfragen" description="Wir analysieren Ihre Core Web Vitals und decken Umsatzpotenziale auf." buttonText="Jetzt analysieren lassen" href="/contact" variant="performance" />'
+    },
     {
         name: 'PerformanceROICalculator',
         description: 'Interactive simulation calculator showing the monetary ROI of improving load times (based on Deloitte B2B metrics). Use exactly once in performance-related articles to provide a highly engaging simulation. Requires no props.',