add support page

Author: Thomas Stromberg

src/support/index.njk

@@ -0,0 +1,43 @@
+---
+layout: base.njk
+title: Support
+---
+
+<section class="content-hero">
+  <img src="/assets/hero-bg.jpg" alt="Abstract technical background pattern" class="content-hero-bg" />
+
+  <div class="content-hero-inner">
+    <h1>SUPPORT</h1>
+
+    <div style="background: white; padding: 30px; border-radius: 8px; margin-bottom: 30px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
+      <div style="display: flex; align-items: center; gap: 30px; flex-wrap: wrap;">
+        <img src="/assets/goose-headphones-384.png" alt="Support Goose" style="width: 150px; height: 150px; flex-shrink: 0;" />
+        <div style="flex: 1; min-width: 250px;">
+          <p style="margin: 0 0 10px 0; font-size: 24px; font-weight: 700; color: #333;">WE'RE HERE TO HELP</p>
+          <p style="margin: 0; font-size: 16px; line-height: 1.5; color: #333;">Whether you have questions, need technical assistance, or want to provide feedback, we've got you covered.</p>
+        </div>
+      </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;">DOCUMENTATION</h2>
+      <p>Looking for guides, tutorials, or technical documentation? Check out our comprehensive docs:</p>
+      <p style="margin-bottom: 0;"><a href="https://docs.ready-to-review.dev" style="font-size: 18px; font-weight: 600;">docs.ready-to-review.dev</a></p>
+    </div>
+
+    <div style="background: var(--black); border: 8px solid var(--yellow); border-radius: 20px; padding: 30px; margin: 40px 0; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);">
+      <h2 style="margin-top: 0;">GET SUPPORT</h2>
+      <p>Need help with an issue? Have a feature request? We use GitHub Issues to track support requests and ensure nothing falls through the cracks.</p>
+      <a href="https://github.com/codeGROOVE-dev/support/issues/new?template=support-request.md" class="cta-button" style="display: inline-block; background: var(--yellow); color: var(--black); padding: 15px 30px; text-decoration: none; font-weight: 700; font-size: 18px; border-radius: 8px; margin-top: 10px; transition: transform 0.2s ease;">CREATE SUPPORT REQUEST</a>
+    </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;">OTHER WAYS TO REACH US</h2>
+      <ul style="font-size: 16px; line-height: 1.8;">
+        <li><strong>Email:</strong> <a href="mailto:t@codegroove.dev">t@codegroove.dev</a></li>
+        <li><strong>Security Issues:</strong> See our <a href="/.well-known/security.txt">security.txt</a></li>
+        <li><strong>Book a Call:</strong> <a href="https://calendar.app.google/TbQmeX8iWnvx6Ci89">Schedule time with us</a></li>
+      </ul>
+    </div>
+  </div>
+</section>