From 2070f977c561b8a342bd6bb3cf665c076193304e Mon Sep 17 00:00:00 2001
From: Caspian <zhaodonghao586@outlook.com>
Date: Fri, 29 Sep 2023 09:19:46 +0100
Subject: [PATCH] feat: Added a support page.

---
 src/app/(home)/support/page.tsx | 46 +++++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)
 create mode 100644 src/app/(home)/support/page.tsx

diff --git a/src/app/(home)/support/page.tsx b/src/app/(home)/support/page.tsx
new file mode 100644
index 00000000..44a84e05
--- /dev/null
+++ b/src/app/(home)/support/page.tsx
@@ -0,0 +1,46 @@
+import { DISCORD_LINK } from "~/lib/env"
+
+export default function SupportPage() {
+  return (
+    <div className="min-h-screen w-full">
+      <div className="py-12">
+        <div className="max-w-full w-full mx-auto bg-white shadow-lg rounded-lg md:max-w-5xl">
+          <div className="md:flex">
+            <div className="w-full p-4 px-5 py-5">
+              <div className="md:grid md:grid-cols-3 gap-2">
+                <div className="col-span-2 p-5">
+                  <h1 className="text-3xl font-medium">Support</h1>
+                  <p className="mt-5">
+                    You can access our Discord server to get support.
+                  </p>
+                  <p className="mt-5">
+                    <a
+                      href={DISCORD_LINK}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="text-indigo-500 hover:text-indigo-700"
+                    >
+                      Join our Discord server
+                    </a>
+                  </p>
+                  <p className="mt-5">
+                    If you want to learn more about xLog, please visit the{" "}
+                    <a
+                      href={"https://xlog.xlog.app/"}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="text-indigo-500 hover:text-indigo-700"
+                    >
+                      home page
+                    </a>{" "}
+                    of xLog
+                  </p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}