From 770941752ff5bfc3fe14f10f91926dd30d214ff0 Mon Sep 17 00:00:00 2001
From: null <koga.industries@gmail.com>
Date: Sun, 17 May 2026 20:55:03 -0500
Subject: [PATCH] feat: add ZohoDesk signup/signin CTA to Support page (batch
 8.7, issue #84)

---
 src/pages/Support.jsx | 42 +++++++++++++++++++++++++++++-------------
 1 file changed, 29 insertions(+), 13 deletions(-)

diff --git a/src/pages/Support.jsx b/src/pages/Support.jsx
index e5cf08b..50b39c1 100644
--- a/src/pages/Support.jsx
+++ b/src/pages/Support.jsx
@@ -159,19 +159,35 @@ const Support = () => {
                   We provide comprehensive support for all our services, including 24/7 monitoring, rapid response, and dedicated support engineers.
                 </p>
                 <div className="space-y-4">
-                  <div>
-                    <h3 className="font-semibold text-text mb-2">Visit Support Center</h3>
-                    <a
-                      href="https://queuenorth.zoho.com/"
-                      target="_blank"
-                      rel="noopener noreferrer"
-                      className="inline-flex items-center justify-center px-4 py-2 bg-primary-navy text-white font-medium rounded-md hover:bg-primary-navy-dark transition-colors text-sm"
-                    >
-                      Visit Support Center
-                      <svg className="ml-2 h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
-                      </svg>
-                    </a>
+                  <div className="bg-section-alt rounded-lg p-6">
+                    <h3 className="font-semibold text-primary-navy mb-4">Queue North Support Center</h3>
+                    <p className="text-text mb-6">
+                      Need to sign up for the Queue North Support Center? Create an account to access our knowledge base and submit support tickets.
+                    </p>
+                    <div className="flex flex-wrap gap-4 mb-4">
+                      <a
+                        href="https://queuenorthtechnologiesllc.zohodesk.com/portal/en/signup"
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        className="inline-flex items-center justify-center px-6 py-3 bg-primary-navy text-white font-medium rounded-md hover:bg-primary-navy-dark transition-colors"
+                      >
+                        Sign Up
+                        <svg className="ml-2 h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                          <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
+                        </svg>
+                      </a>
+                      <a
+                        href="https://queuenorthtechnologiesllc.zohodesk.com/portal/en/signin"
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        className="inline-flex items-center justify-center px-6 py-3 bg-secondary-bg text-primary-navy font-medium rounded-md hover:bg-secondary-bg/80 transition-colors"
+                      >
+                        Already a member? Sign In
+                      </a>
+                    </div>
+                    <p className="text-sm text-soft-text">
+                      Or call our support team (321) 730-8020
+                    </p>
                   </div>
                   <div>
                     <h3 className="font-semibold text-text mb-2">Phone</h3>