feat: add internal linking and next steps to docs and blocks

- Add intro paragraphs to header and pricing blocks linking to related components
- Add 'Next Steps' section and Cherry MCP callout to installation doc
- Add 'Further Reading' links to configuration doc
- Add 'Get started' CTA to overview doc

Author: rashadmehtab

content/blocks/header.html

@@ -1,3 +1,5 @@
+<p>Ready-made header layouts built with the <a href="{% url 'frontend:doc_page' category_slug='components' slug='header' %}">header component</a>, <a href="{% url 'frontend:doc_page' category_slug='components' slug='navbar' %}">navbar</a>, and <a href="{% url 'frontend:doc_page' category_slug='components' slug='drawer' %}">drawer</a> for mobile.</p>
+
 <h2>Header</h2>
 <c-snippet>
 <header class="header">

content/blocks/pricing.html

@@ -1,3 +1,5 @@
+<p>This pricing block is built with the <a href="{% url 'frontend:doc_page' category_slug='components' slug='card' %}">card component</a> and <a href="{% url 'frontend:doc_page' category_slug='components' slug='button' %}">button</a> variants.</p>
+
 <c-snippet class="flex-col">
 <h2 class="heading-6xl text-center">Pricing</h2>
 <p class="para text-center">Check out our affordable pricing plans below and choose the one that suits you best. If you need a custom plan, please contact us.</p>

content/docs/configuration.html

@@ -207,4 +207,10 @@ <h3>2. The "Manual" Approach (Full Control)</h3>
     </span>
   </div>
 </html>
-</c-snippet>
+</c-snippet>
+
+<h2>Further Reading</h2>
+<ul>
+    <li><a href="{% url 'frontend:doc_page' category_slug='docs' slug='themes' %}">Available built-in themes</a> — browse Snowberry, Darkberry, and all included themes</li>
+    <li><a href="{% url 'frontend:doc_page' category_slug='docs' slug='colors' %}">Color system reference</a> — full list of CSS color variables and how they map to components</li>
+</ul>

content/docs/installation.html

@@ -46,4 +46,20 @@ <h3>Using a CDN</h3>
 <c-snippet lang="html" view="code">
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/frutjam@{{ VERSION.FRUTJAM }}/dist/frutjam.min.css">
 <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
-</c-snippet>
+</c-snippet>
+
+<h2>Next Steps</h2>
+<p>Once installed, try the <a href="{% url 'frontend:doc_page' category_slug='components' slug='button' %}">button component</a> to see Frutjam in action, or explore the full <a href="{% url 'frontend:category_page' category_slug='components' %}">component library</a>.</p>
+
+<div class="not-prose">
+    <div class="card card-outline card-sm mt-6">
+        <div class="card-content">
+            <p class="badge badge-secondary badge-soft mb-2">AI Editor Integration</p>
+            <h3 class="card-title mb-2">Using Claude Code, Cursor, or another AI editor?</h3>
+            <p class="para-sm mb-3">Cherry MCP brings Frutjam's full component library directly into your AI editor's context — accurate class names, live docs, no copy-pasting.</p>
+            <a href="{% url 'frontend:cherry_page' %}" class="btn btn-sm btn-primary">Learn about Cherry MCP →</a>
+        </div>
+    </div>
+</div>
+
+<p class="mt-6">Want to understand the thinking behind Frutjam's CSS-first approach? <a href="{% url 'frontend:blog_detail' slug='why-i-built-frutjam-css-first-tailwind-ui-library' %}">Read why we built it this way →</a></p>

content/docs/overview.html

@@ -28,4 +28,6 @@ <h2>Core Features for Rapid Development</h2>
 </ul>
 
 <h2>Technical Efficiency</h2>
-<p>By using semantic class names, you can reduce your HTML size significantly compared to standard utility-first workflows. This results in cleaner, more maintainable codebases that are easier for teams to manage in the long term. The library is built strictly on top of Tailwind CSS, ensuring you keep all the customization power of the utility engine while gaining the speed of a component-based system.</p>
+<p>By using semantic class names, you can reduce your HTML size significantly compared to standard utility-first workflows. This results in cleaner, more maintainable codebases that are easier for teams to manage in the long term. The library is built strictly on top of Tailwind CSS, ensuring you keep all the customization power of the utility engine while gaining the speed of a component-based system.</p>
+
+<p>Ready to start? <a href="{% url 'frontend:doc_page' category_slug='docs' slug='installation' %}">Get started with installation →</a></p>