From 4aab896533ae7fceae198c013bf34e9350252329 Mon Sep 17 00:00:00 2001
From: Chronicler #55 <claude@firefrostgaming.com>
Date: Thu, 2 Apr 2026 13:35:24 +0000
Subject: [PATCH] docs: Add Contact page snapshot with all contact methods

WHAT:
- Complete contact page with multiple contact channels
- Discord (primary/fastest)
- Email support (support@firefrostgaming.com)
- Business inquiries (business@firefrostgaming.com)
- Legal contacts (legal@firefrostgaming.com)
- Press/media (press@firefrostgaming.com)
- Common questions/support topics section

WHY:
- Document all customer service touchpoints
- Backup contact information
- Reference for Mailcow configuration
- Track support response time promises (24-48 hours)

WHERE:
- docs/website/ghost-pages/contact.html (new file, 109 lines)

NOTE:
- Discord emphasized as fastest response channel
- Fire/Frost/Arcane Trinity branding throughout
- Support topics: Account/Billing, Technical, Rules, Partnerships

Signed-off-by: Chronicler #55 <claude@firefrostgaming.com>
---
 docs/website/ghost-pages/contact.html | 115 ++++++++++++++++++++++++++
 1 file changed, 115 insertions(+)
 create mode 100644 docs/website/ghost-pages/contact.html

diff --git a/docs/website/ghost-pages/contact.html b/docs/website/ghost-pages/contact.html
new file mode 100644
index 0000000..70babb9
--- /dev/null
+++ b/docs/website/ghost-pages/contact.html
@@ -0,0 +1,115 @@
+<!--
+FIREFROST GAMING CONTACT PAGE
+Ghost CMS Page Snapshot
+Last Updated: April 2, 2026
+Status: Production (Pre-Soft Launch)
+
+Contact methods and support information with Trinity branding.
+Primary contact: Discord (fastest response)
+Support email: support@firefrostgaming.com
+Business: business@firefrostgaming.com
+Legal: legal@firefrostgaming.com
+Press: press@firefrostgaming.com
+-->
+
+<!-- CONTACT PAGE -->
+
+<div class="kg-width-full" style="padding: 100px 40px; background: linear-gradient(135deg, #0f0f1e 0%, #1a1a2e 100%); text-align: center;">
+  <h1 style="font-size: 4rem; font-weight: 900; margin-bottom: 30px; color: #ffffff; text-shadow: 2px 2px 8px rgba(0,0,0,0.7);">Contact Us</h1>
+  <p style="font-size: 1.5rem; color: #a8dadc; max-width: 900px; margin: 0 auto 40px; line-height: 1.8;">Get in touch with The Trinity. We're here to help.</p>
+  <p style="font-size: 1.8rem; color: #FFD700; font-weight: 700;">Fire + Arcane + Frost = Here for You</p>
+</div>
+
+<!-- CONTACT METHODS -->
+<div class="kg-width-full" style="padding: 100px 60px; background: linear-gradient(135deg, #1a1a2e 0%, #0f0f1e 100%);">
+  <div style="max-width: 1400px; margin: 0 auto;">
+    <div style="text-align: center; margin-bottom: 80px;">
+      <h2 style="font-size: 3rem; margin-bottom: 20px; color: #e8f4f8; font-weight: 800;">How to Reach Us</h2>
+      <p style="font-size: 1.3rem; color: #a8dadc; line-height: 1.7;">Choose the method that works best for you.</p>
+    </div>
+    
+    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 50px; margin-bottom: 80px;">
+      
+      <!-- Discord - Primary -->
+      <div style="background: linear-gradient(135deg, rgba(168, 85, 247, 0.15) 0%, rgba(168, 85, 247, 0.05) 100%); border: 3px solid #A855F7; border-radius: 20px; padding: 45px; text-align: center;">
+        <div style="font-size: 4rem; margin-bottom: 20px;">💬</div>
+        <h3 style="color: #A855F7; font-size: 2rem; margin-bottom: 15px; font-weight: 700;">Discord (Fastest)</h3>
+        <p style="color: #e8f4f8; line-height: 1.8; margin-bottom: 25px; font-size: 1.1rem;">Join our community Discord for real-time support, announcements, and to connect with other players.</p>
+        <a href="https://discord.gg/firefrost" style="display: inline-block; background: linear-gradient(135deg, #A855F7 0%, #C77DFF 100%); color: white; padding: 15px 40px; text-decoration: none; border-radius: 8px; font-weight: 700; font-size: 1.1rem;">Join Discord</a>
+      </div>
+      
+      <!-- Email - Support -->
+      <div style="background: linear-gradient(135deg, rgba(78, 205, 196, 0.15) 0%, rgba(78, 205, 196, 0.05) 100%); border: 3px solid #4ecdc4; border-radius: 20px; padding: 45px; text-align: center;">
+        <div style="font-size: 4rem; margin-bottom: 20px;">📧</div>
+        <h3 style="color: #4ecdc4; font-size: 2rem; margin-bottom: 15px; font-weight: 700;">Email Support</h3>
+        <p style="color: #e8f4f8; line-height: 1.8; margin-bottom: 25px; font-size: 1.1rem;">For account issues, billing questions, or detailed technical support.</p>
+        <p style="color: #4ecdc4; font-size: 1.2rem; font-weight: 600; margin-bottom: 10px;">support@firefrostgaming.com</p>
+        <p style="color: #a8dadc; font-size: 0.95rem; font-style: italic;">Response time: 24-48 hours</p>
+      </div>
+      
+      <!-- Social Media -->
+      <div style="background: linear-gradient(135deg, rgba(255, 107, 53, 0.15) 0%, rgba(255, 107, 53, 0.05) 100%); border: 3px solid #ff6b35; border-radius: 20px; padding: 45px; text-align: center;">
+        <div style="font-size: 4rem; margin-bottom: 20px;">🔥</div>
+        <h3 style="color: #ff6b35; font-size: 2rem; margin-bottom: 15px; font-weight: 700;">Social Media</h3>
+        <p style="color: #e8f4f8; line-height: 1.8; margin-bottom: 25px; font-size: 1.1rem;">Follow us for updates, events, and community highlights.</p>
+        <p style="margin-bottom: 15px;"><a href="https://www.facebook.com/FirefrostGaming/" style="color: #4ecdc4; text-decoration: none; font-size: 1.1rem; font-weight: 600;">Facebook</a></p>
+        <p style="color: #a8dadc; font-size: 0.95rem; font-style: italic;">More platforms coming soon</p>
+      </div>
+      
+    </div>
+  </div>
+</div>
+
+<!-- SUPPORT TOPICS -->
+<div class="kg-width-full" style="padding: 100px 60px; background: linear-gradient(135deg, #0f0f1e 0%, #1a1a2e 100%);">
+  <div style="max-width: 1200px; margin: 0 auto;">
+    <div style="text-align: center; margin-bottom: 60px;">
+      <h2 style="font-size: 3rem; margin-bottom: 20px; color: #e8f4f8; font-weight: 800;">Common Questions</h2>
+      <p style="font-size: 1.3rem; color: #a8dadc; line-height: 1.7;">Find answers to frequently asked questions.</p>
+    </div>
+    
+    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); gap: 40px;">
+      
+      <div style="background: rgba(26, 26, 46, 0.6); border-left: 5px solid #4ecdc4; padding: 35px; border-radius: 10px;">
+        <h3 style="color: #4ecdc4; font-size: 1.6rem; margin-bottom: 15px; font-weight: 700;">Account & Billing</h3>
+        <p style="color: #e8f4f8; line-height: 1.7; margin-bottom: 10px;">Questions about subscriptions, payments, cancellations, or refunds? Email support@firefrostgaming.com with your account details.</p>
+      </div>
+      
+      <div style="background: rgba(26, 26, 46, 0.6); border-left: 5px solid #ff6b35; padding: 35px; border-radius: 10px;">
+        <h3 style="color: #ff6b35; font-size: 1.6rem; margin-bottom: 15px; font-weight: 700;">Technical Issues</h3>
+        <p style="color: #e8f4f8; line-height: 1.7; margin-bottom: 10px;">Can't connect to a server? Game crashes? Join Discord for real-time troubleshooting or email us with detailed error messages.</p>
+      </div>
+      
+      <div style="background: rgba(26, 26, 46, 0.6); border-left: 5px solid #A855F7; padding: 35px; border-radius: 10px;">
+        <h3 style="color: #A855F7; font-size: 1.6rem; margin-bottom: 15px; font-weight: 700;">Server Rules & Reports</h3>
+        <p style="color: #e8f4f8; line-height: 1.7; margin-bottom: 10px;">Report rule violations, griefing, or harassment in Discord. Include screenshots and player names when possible.</p>
+      </div>
+      
+      <div style="background: rgba(26, 26, 46, 0.6); border-left: 5px solid #4ecdc4; padding: 35px; border-radius: 10px;">
+        <h3 style="color: #4ecdc4; font-size: 1.6rem; margin-bottom: 15px; font-weight: 700;">Partnerships & Business</h3>
+        <p style="color: #e8f4f8; line-height: 1.7; margin-bottom: 10px;">Interested in collaborations, sponsorships, or content creation partnerships? Email business@firefrostgaming.com.</p>
+      </div>
+      
+    </div>
+  </div>
+</div>
+
+<!-- ADDITIONAL CONTACTS -->
+<div class="kg-width-full" style="padding: 100px 60px; background: linear-gradient(135deg, #1a1a2e 0%, #0f0f1e 100%);">
+  <div style="max-width: 1000px; margin: 0 auto; text-align: center;">
+    <h2 style="font-size: 3rem; margin-bottom: 40px; color: #e8f4f8; font-weight: 800;">Other Contacts</h2>
+    
+    <div style="margin-bottom: 40px;">
+      <h3 style="color: #A855F7; font-size: 1.8rem; margin-bottom: 15px; font-weight: 700;">Legal & Privacy</h3>
+      <p style="color: #e8f4f8; line-height: 1.8; font-size: 1.1rem; margin-bottom: 15px;">For data requests, privacy concerns, or legal matters:</p>
+      <p style="color: #4ecdc4; font-size: 1.2rem; font-weight: 600;">legal@firefrostgaming.com</p>
+    </div>
+    
+    <div style="margin-bottom: 40px;">
+      <h3 style="color: #A855F7; font-size: 1.8rem; margin-bottom: 15px; font-weight: 700;">Press & Media</h3>
+      <p style="color: #e8f4f8; line-height: 1.8; font-size: 1.1rem; margin-bottom: 15px;">Media inquiries, press releases, or interview requests:</p>
+      <p style="color: #4ecdc4; font-size: 1.2rem; font-weight: 600;">press@firefrostgaming.com</p>
+    </div>
+    
+  </div>
+</div>