update QR code page

Author: tstromberg

src/qr/index.njk

@@ -20,7 +20,9 @@ title: Welcome
       </div>
     </div>
 
-    <div style="background: var(--black); border: 8px solid var(--yellow); border-radius: 20px; padding: 40px; margin: 40px 0; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);">
+    <h2 style="margin-top: 40px;">OUR PRODUCTS</h2>
+
+    <div style="background: var(--black); border: 8px solid var(--yellow); border-radius: 20px; padding: 40px; margin: 30px 0; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);">
       <h2 style="margin-top: 0; color: var(--yellow); font-size: 32px;">Ready to Review</h2>
       <p style="font-size: 20px; font-weight: 600; color: var(--cyan); margin-bottom: 20px;">Hyper-Intelligent Pull Request Notification & Assignment System - for OSS, Startups, and Enterprises alike.</p>
       <p style="font-size: 18px; line-height: 1.6; margin-bottom: 20px;">Perfectly timed, actionable notifications that keep your team in flow. The right notification, at the right time, in the right place.</p>
@@ -47,28 +49,56 @@ title: Welcome
         </ul>
       </div>
 
+      <p style="font-size: 16px; line-height: 1.6; margin-top: 25px; margin-bottom: 0;">Curious how much PR latency is costing your team? <a href="https://cost.github.codegroove.app/?mode=org" style="color: var(--cyan); text-decoration: underline; font-weight: 600;">Calculate your savings</a> with our free GitHub analyzer.</p>
+
       <div style="text-align: center; margin-top: 35px;">
         <a href="/products/ready-to-review/" class="cta-button cta-button--green" style="font-size: 18px; padding: 16px 32px;">Learn More & Get Started</a>
       </div>
     </div>
 
-    <div style="background: var(--black); border: 8px solid var(--cyan); border-radius: 20px; padding: 30px; margin: 40px 0; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);">
-      <h2 style="margin-top: 0;">EXPLORE MORE</h2>
+    <div style="background: var(--black); border: 8px solid var(--cyan); border-radius: 20px; padding: 40px; margin: 30px 0; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);">
+      <h2 style="margin-top: 0; color: var(--cyan); font-size: 32px;">Goose</h2>
+      <p style="font-size: 20px; font-weight: 600; color: var(--yellow); margin-bottom: 20px;">Native Menubar PR Notification App - Built for Individual Contributors</p>
+      <p style="font-size: 18px; line-height: 1.6; margin-bottom: 20px;">Open-source desktop app that lives in your menubar (Mac) or system tray (Windows/Linux). Honks when it's your turn to act. No team permissions required.</p>
 
-      <div style="margin-bottom: 30px;">
-        <h3 style="margin-bottom: 10px; color: var(--yellow); padding-bottom: 8px; border-bottom: 3px solid var(--yellow); display: inline-block;">Try the Desktop App</h3>
-        <p>Check out <strong><a href="https://github.com/codeGROOVE-dev/goose">Goose</a></strong> — our open-source PR notification app that lives in your menubar (Mac) or system tray (Windows/Linux). Honks when it's your turn to act.</p>
-        <p style="margin-bottom: 0;">Open source forever. <a href="/opensource/">Learn more about our OSS commitment</a></p>
+      <div style="margin: 30px 0;">
+        <h3 style="margin-bottom: 15px; color: var(--yellow); font-size: 22px;">What You Get</h3>
+        <ul style="font-size: 17px; line-height: 1.8; margin: 0; padding-left: 0; list-style: none;">
+          <li style="margin-bottom: 12px; padding-left: 30px; position: relative;">
+            <span style="position: absolute; left: 0; color: var(--cyan); font-weight: 700;">🪿</span>
+            <strong>Honk notifications</strong> — When you're blocking someone's PR
+          </li>
+          <li style="margin-bottom: 12px; padding-left: 30px; position: relative;">
+            <span style="position: absolute; left: 0; color: var(--cyan); font-weight: 700;">✈️</span>
+            <strong>Jet sounds for your PRs</strong> — CI passes, reviews arrive, ready to merge
+          </li>
+          <li style="margin-bottom: 12px; padding-left: 30px; position: relative;">
+            <span style="position: absolute; left: 0; color: var(--cyan); font-weight: 700;">🧠</span>
+            <strong>Turn-based tracking</strong> — Know whose court the ball is in
+          </li>
+          <li style="margin-bottom: 0; padding-left: 30px; position: relative;">
+            <span style="position: absolute; left: 0; color: var(--cyan); font-weight: 700;">🔒</span>
+            <strong>Privacy first</strong> — Runs locally, no telemetry, your PRs stay yours
+          </li>
+        </ul>
       </div>
 
-      <div style="margin-bottom: 0;">
-        <h3 style="margin-bottom: 10px; color: var(--yellow); padding-bottom: 8px; border-bottom: 3px solid var(--yellow); display: inline-block;">Calculate Your Savings</h3>
-        <p>Curious how much PR latency is costing your team? Our free calculator analyzes your GitHub org's public repositories and shows the real cost of context switching.</p>
-        <p style="margin-bottom: 0;"><strong><a href="https://cost.github.codegroove.app/?mode=org">cost.github.codegroove.app</a></strong></p>
+      <p style="font-size: 16px; line-height: 1.6; margin-top: 25px; margin-bottom: 0; font-style: italic;">Trusted by Kubernetes core developers. Open source forever. <a href="/opensource/" style="color: var(--cyan); text-decoration: underline; font-weight: 600;">Learn more about our OSS commitment</a></p>
+
+      <div style="text-align: center; margin-top: 35px;">
+        <a href="/products/goose/" class="cta-button cta-button--green" style="font-size: 18px; padding: 16px 32px;">Learn More & Get Started</a>
       </div>
     </div>
 
-    <h2>GET IN TOUCH</h2>
-    <p>Questions? Want to chat? Email us at <a href="mailto:go-faster@codegroove.dev">go-faster@codegroove.dev</a> or <a href="https://calendar.app.google/TbQmeX8iWnvx6Ci89">schedule a call</a>.</p>
+    <div class="about-contact-section">
+      <h2>GET IN TOUCH</h2>
+      <p>Questions? Want to chat about how we can help your team?</p>
+      <div class="about-contact-links">
+        <a href="#" class="cta-button cta-button--yellow" id="email-contact" data-email-prefix="go-faster">Email us</a>
+        <a href="https://calendar.app.google/TbQmeX8iWnvx6Ci89" class="cta-button">Book a call</a>
+      </div>
+    </div>
   </div>
 </section>
+
+<script src="/assets/js/contact.js"></script>