add docs link

Author: Thomas Stromberg

src/products/ready-to-review.njk

@@ -60,7 +60,10 @@ title: Ready to Review - Eliminate PR coordination overhead
     <h2>HOW IT WORKS</h2>
     <div style="background: var(--black); border: 6px solid var(--cyan); border-radius: 20px; padding: 30px; margin: 40px 0; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);">
       <p style="font-size: 18px; margin-bottom: 20px;">A <strong>deterministic state machine</strong> tracks every PR in your organization. Knows who should act next. Knows what needs to happen. Clear accountability. Zero manual coordination.</p>
-      <p style="margin-top: 15px; margin-bottom: 0;"><a href="https://github.com/codeGROOVE-dev/architecture/blob/main/README.md" style="color: var(--cyan); text-decoration: underline;">View the architectural diagram →</a></p>
+      <div style="display: flex; gap: 20px; flex-wrap: wrap; margin-top: 15px; margin-bottom: 0;">
+        <a href="https://docs.ready-to-review.dev" style="color: var(--cyan); text-decoration: underline; font-weight: 600;">📚 Read the documentation →</a>
+        <a href="https://github.com/codeGROOVE-dev/architecture/blob/main/README.md" style="color: var(--cyan); text-decoration: underline;">View the architectural diagram →</a>
+      </div>
 
       <h3 style="color: var(--yellow); margin-top: 30px; margin-bottom: 15px;">BUILT FOR SCALE</h3>
       <ul style="margin: 0; padding-left: 20px;">
@@ -205,7 +208,8 @@ title: Ready to Review - Eliminate PR coordination overhead
         <a href="https://calendar.app.google/TbQmeX8iWnvx6Ci89" role="button" aria-label="Become a design partner" style="display: inline-block; background: var(--white); color: var(--black); padding: 16px 32px; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: 18px; transition: transform 0.2s, box-shadow 0.2s; box-shadow: 0 4px 12px rgba(255, 255, 255, 0.4);">Become a Design Partner</a>
       </div>
       <p style="font-size: 14px; color: var(--cyan); margin-bottom: 20px;">2-minute setup • No credit card • Free for open-source</p>
-      <p style="margin-top: 30px; font-size: 16px; color: var(--white);">Questions? Want a demo? <a href="mailto:go-faster@codegroove.dev" style="color: var(--cyan); text-decoration: underline;">go-faster@codegroove.dev</a></p>
+      <p style="margin-top: 30px; font-size: 16px; color: var(--white);">Want to learn more first? <a href="https://docs.ready-to-review.dev" style="color: var(--cyan); text-decoration: underline; font-weight: 600;">Read the documentation</a></p>
+      <p style="margin-top: 15px; font-size: 16px; color: var(--white);">Questions? Want a demo? <a href="mailto:go-faster@codegroove.dev" style="color: var(--cyan); text-decoration: underline;">go-faster@codegroove.dev</a></p>
     </div>
   </div>
 </section>