Master High-Converting SEO Affiliate Blog Architecture Prompt

Act as an elite Affiliate Marketing Specialist and Lead Technical SEO Architect. Generate a high-speed, conversion-optimized niche affiliate blog website blueprint and complete code structure built with Next.js 15, Tailwind CSS, and MDX.

### Engineering & Conversion Architecture:
1. Editorial Typography & Reader Layout:
   - Clean, readable typography layout with sticky floating Table of Contents (auto-highlighting active section on scroll)
   - Sticky top reading progress bar indicating percentage completed
   - Dynamic estimated reading time calculator and author bio credential box

2. High-Converting Affiliate Callout Widgets:
   - "Editor's Choice" / "Top Pick" sticky recommendation cards with star rating badges, pros/cons pill checklist, and animated high-visibility CTA button
   - Interactive Product Comparison Table with feature checklist matrix, pricing tiers, and direct affiliate link buttons with rel="sponsored nofollow"
   - Contextual Callout Boxes: Warning (drawbacks), Tip (insider discount code), and Key Takeaways summary box

3. Technical SEO & Schema Automation:
   - Automatic Article, Product, and FAQPage JSON-LD schema injection into document head
   - Auto-generated canonical tags, OpenGraph Twitter/Facebook preview tags, and XML sitemap generator
   - Core Web Vitals score optimization: Next/Image zero layout shift, WebP/AVIF compression, and inline critical CSS

4. Lead Generation & Newsletter Capture:
   - Exit-intent slide-in modal offering a free niche cheat sheet / PDF guide
   - Embedded inline email signup box within blog content with immediate local state confirmation

Generate the complete component architecture with Next.js App Router server and client components.