Link to new support center from contact page and footer (#484)

.env

@@ -6,6 +6,7 @@ NEXT_PUBLIC_LOGIN_URL="https://app.inngest.com/login"
 NEXT_PUBLIC_DISCORD_URL="https://discord.gg/mPfcyDEdpx"
 NEXT_PUBLIC_API_HOST="https://api.inngest.com"
 NEXT_PUBLIC_APP_HOST="https://app.inngest.com"
+NEXT_PUBLIC_SUPPORT_URL=$NEXT_PUBLIC_APP_HOST/support
 
 NEXT_PUBLIC_FAVICON="favicon-may-2022.png"
 

.env.development

@@ -1,5 +1,6 @@
 NEXT_PUBLIC_GTAG_ID="G-L6WVNHGMHN"
 NEXT_PUBLIC_API_HOST="http://127.0.0.1:8090"
 NEXT_PUBLIC_APP_HOST="http://127.0.0.1:3000"
+NEXT_PUBLIC_SUPPORT_URL=$NEXT_PUBLIC_APP_HOST/support
 
 NEXT_PUBLIC_FAVICON="favicon-may-2022-local.png"

pages/contact.tsx

@@ -65,16 +65,21 @@ export default function Contact() {
         <main className="m-auto max-w-5xl pt-16 pb-8">
           <header className="pt-12 lg:pt-24 max-w-4xl m-auto text-center">
             <h1 className="text-white font-bold text-2xl md:text-4xl xl:text-5xl mb-2 md:mb-6 tracking-tight lg:leading-loose">
-              Chat with solutions engineering
+              Chat with sales engineering
             </h1>
             <p>
               We'll help you evaluate Inngest and show you how Inngest enables
               teams to ship more reliable code, faster.
             </p>
-            <p className="mt-4">
-              Looking for support? <a href="/discord">Chat on Discord</a> or{" "}
-              <a href="mailto:[email protected]">email us</a>{" "}
-            </p>
+            <div className="flex place-content-center">
+              <p className="mt-4 py-4 px-6 rounded-full bg-white/10 flex gap-2 items-center">
+                👋&nbsp;&nbsp; Looking for support?{" "}
+                <a href="/discord">Chat on Discord</a> or{" "}
+                <a href={process.env.NEXT_PUBLIC_SUPPORT_URL}>
+                  create a support ticket
+                </a>{" "}
+              </p>
+            </div>
           </header>
 
           <div className="my-12 grid lg:grid-cols-2 gap-24">

shared/Footer/footerLinks.ts

@@ -99,6 +99,10 @@ const footerLinks = [
         label: "Contact Us",
         url: "/contact?ref=footer",
       },
+      {
+        label: "Support",
+        url: process.env.NEXT_PUBLIC_SUPPORT_URL,
+      },
     ],
   },
 ];

shared/legacy/Footer.tsx

@@ -45,6 +45,7 @@ const Footer = () => {
             <a href="/blog">Blog</a>
             <a href="/careers">Careers</a>
             <a href="/contact">Contact Us</a>
+            <a href={process.env.NEXT_PUBLIC_SUPPORT_URL}>Support</a>
           </div>
           <div>
             <p>Community</p>