From b97c5b88e61a77240c0302eaf9e7bec730613e70 Mon Sep 17 00:00:00 2001
From: Andrew DiZenzo <andrewdizenzojhu@gmail.com>
Date: Sat, 13 Jun 2026 09:37:26 -0500
Subject: [PATCH 1/2] Add Discord links to site navigation

---
 src/components/Footer.tsx |  7 +++++++
 src/components/Header.tsx | 28 +++++++++++++++++++++++++++-
 src/messages/de.json      |  1 +
 src/messages/en.json      |  1 +
 src/messages/es.json      |  1 +
 src/messages/fr.json      |  1 +
 src/messages/id.json      |  1 +
 src/messages/it.json      |  1 +
 src/messages/ja.json      |  1 +
 src/messages/ko.json      |  1 +
 src/messages/pt.json      |  1 +
 src/messages/th.json      |  1 +
 src/messages/tr.json      |  1 +
 src/messages/vi.json      |  1 +
 src/messages/zh-Hans.json |  1 +
 15 files changed, 47 insertions(+), 1 deletion(-)

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 1437fdd..1562c8e 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -2,6 +2,8 @@ import { getTranslations } from "next-intl/server";
 import { Link } from "@/i18n/navigation";
 import { NewsletterForm } from "@/components/NewsletterForm";
 
+const DISCORD_URL = "https://discord.gg/chEmpGdTtZ";
+
 export async function Footer() {
   const t = await getTranslations("footer");
   const nav = await getTranslations("nav");
@@ -88,6 +90,11 @@ export async function Footer() {
           <div>
             <h4 className="font-semibold mb-4 text-slate-300">{t("community")}</h4>
             <ul className="space-y-2 text-sm">
+              <li>
+                <a href={DISCORD_URL} target="_blank" rel="noopener noreferrer" className="text-slate-400 hover:text-white transition-colors">
+                  {nav("discord")}
+                </a>
+              </li>
               <li>
                 <a href="https://github.com/PerryTS/perry/issues" target="_blank" rel="noopener noreferrer" className="text-slate-400 hover:text-white transition-colors">
                   {t("issues")}
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 5b1c318..bfd6026 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -6,6 +6,8 @@ import { useParams } from "next/navigation";
 import { Link } from "@/i18n/navigation";
 import { locales, localeNames, type Locale } from "@/i18n/routing";
 
+const DISCORD_URL = "https://discord.gg/chEmpGdTtZ";
+
 export function Header() {
   const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
   const t = useTranslations("nav");
@@ -22,7 +24,7 @@ export function Header() {
             <span className="text-xl font-bold gradient-text">Perry</span>
           </Link>
 
-          <div className="hidden md:flex items-center gap-8">
+          <div className="hidden md:flex items-center gap-5 lg:gap-8">
             <Link
               href="/showcase"
               className="text-slate-400 hover:text-white transition-colors"
@@ -55,6 +57,22 @@ export function Header() {
             >
               {t("docs")}
             </a>
+            <a
+              href={DISCORD_URL}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="flex items-center gap-2 text-slate-400 hover:text-white transition-colors"
+            >
+              <svg
+                aria-hidden="true"
+                className="w-5 h-5"
+                fill="currentColor"
+                viewBox="0 0 24 24"
+              >
+                <path d="M20.317 4.369A19.791 19.791 0 0015.415 2.85a13.772 13.772 0 00-.626 1.292 18.27 18.27 0 00-5.575 0A13.629 13.629 0 008.588 2.85a19.736 19.736 0 00-4.904 1.52C.582 8.96-.29 13.438.13 17.853a19.9 19.9 0 006.01 3.028 14.554 14.554 0 001.287-2.083 12.934 12.934 0 01-2.03-.973c.17-.124.337-.253.5-.386a14.236 14.236 0 0012.21 0c.164.133.33.262.5.386-.648.38-1.329.707-2.032.974.37.73.8 1.427 1.287 2.082a19.864 19.864 0 006.013-3.028c.5-5.119-.852-9.556-3.558-13.484zM8.02 15.14c-1.172 0-2.134-1.076-2.134-2.399 0-1.324.943-2.4 2.134-2.4 1.192 0 2.154 1.085 2.134 2.4 0 1.323-.942 2.399-2.134 2.399zm7.974 0c-1.172 0-2.134-1.076-2.134-2.399 0-1.324.943-2.4 2.134-2.4 1.192 0 2.154 1.085 2.134 2.4 0 1.323-.942 2.399-2.134 2.399z" />
+              </svg>
+              {t("discord")}
+            </a>
             <a
               href="https://github.com/PerryTS/perry"
               target="_blank"
@@ -170,6 +188,14 @@ export function Header() {
               >
                 {t("docs")}
               </a>
+              <a
+                href={DISCORD_URL}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="text-slate-400 hover:text-white transition-colors"
+              >
+                {t("discord")}
+              </a>
               <a
                 href="https://github.com/PerryTS/perry"
                 className="text-slate-400 hover:text-white transition-colors"
diff --git a/src/messages/de.json b/src/messages/de.json
index c0bc3ae..dac6903 100644
--- a/src/messages/de.json
+++ b/src/messages/de.json
@@ -19,6 +19,7 @@
     "overview": "Überblick",
     "pricing": "Preise",
     "docs": "Dokumentation",
+    "discord": "Discord",
     "github": "GitHub"
   },
   "hero": {
diff --git a/src/messages/en.json b/src/messages/en.json
index 3cfedec..9b56dc7 100644
--- a/src/messages/en.json
+++ b/src/messages/en.json
@@ -19,6 +19,7 @@
     "overview": "Overview",
     "pricing": "Pricing",
     "docs": "Docs",
+    "discord": "Discord",
     "github": "GitHub"
   },
   "hero": {
diff --git a/src/messages/es.json b/src/messages/es.json
index 9187765..f458bd3 100644
--- a/src/messages/es.json
+++ b/src/messages/es.json
@@ -19,6 +19,7 @@
     "overview": "Resumen",
     "pricing": "Precios",
     "docs": "Documentación",
+    "discord": "Discord",
     "github": "GitHub"
   },
   "hero": {
diff --git a/src/messages/fr.json b/src/messages/fr.json
index 08ea289..33527d2 100644
--- a/src/messages/fr.json
+++ b/src/messages/fr.json
@@ -19,6 +19,7 @@
     "overview": "Aperçu",
     "pricing": "Tarifs",
     "docs": "Documentation",
+    "discord": "Discord",
     "github": "GitHub"
   },
   "hero": {
diff --git a/src/messages/id.json b/src/messages/id.json
index ca826e9..cc8d106 100644
--- a/src/messages/id.json
+++ b/src/messages/id.json
@@ -19,6 +19,7 @@
     "overview": "Gambaran Umum",
     "pricing": "Harga",
     "docs": "Dokumentasi",
+    "discord": "Discord",
     "github": "GitHub"
   },
   "hero": {
diff --git a/src/messages/it.json b/src/messages/it.json
index 6117981..546bb6a 100644
--- a/src/messages/it.json
+++ b/src/messages/it.json
@@ -19,6 +19,7 @@
     "overview": "Panoramica",
     "pricing": "Prezzi",
     "docs": "Documentazione",
+    "discord": "Discord",
     "github": "GitHub"
   },
   "hero": {
diff --git a/src/messages/ja.json b/src/messages/ja.json
index 0ee024e..30a634e 100644
--- a/src/messages/ja.json
+++ b/src/messages/ja.json
@@ -19,6 +19,7 @@
     "overview": "概要",
     "pricing": "料金",
     "docs": "ドキュメント",
+    "discord": "Discord",
     "github": "GitHub"
   },
   "hero": {
diff --git a/src/messages/ko.json b/src/messages/ko.json
index eee597c..18c3527 100644
--- a/src/messages/ko.json
+++ b/src/messages/ko.json
@@ -19,6 +19,7 @@
     "overview": "개요",
     "pricing": "요금",
     "docs": "문서",
+    "discord": "Discord",
     "github": "GitHub"
   },
   "hero": {
diff --git a/src/messages/pt.json b/src/messages/pt.json
index 24eab1f..3c0545d 100644
--- a/src/messages/pt.json
+++ b/src/messages/pt.json
@@ -19,6 +19,7 @@
     "overview": "Visão geral",
     "pricing": "Preços",
     "docs": "Documentação",
+    "discord": "Discord",
     "github": "GitHub"
   },
   "hero": {
diff --git a/src/messages/th.json b/src/messages/th.json
index 25ce997..463948a 100644
--- a/src/messages/th.json
+++ b/src/messages/th.json
@@ -19,6 +19,7 @@
     "overview": "ภาพรวม",
     "pricing": "ราคา",
     "docs": "เอกสาร",
+    "discord": "Discord",
     "github": "GitHub"
   },
   "hero": {
diff --git a/src/messages/tr.json b/src/messages/tr.json
index e6c42a2..9b79430 100644
--- a/src/messages/tr.json
+++ b/src/messages/tr.json
@@ -19,6 +19,7 @@
     "overview": "Genel Bakış",
     "pricing": "Fiyatlandırma",
     "docs": "Dokümantasyon",
+    "discord": "Discord",
     "github": "GitHub"
   },
   "hero": {
diff --git a/src/messages/vi.json b/src/messages/vi.json
index 7228407..bb98b3d 100644
--- a/src/messages/vi.json
+++ b/src/messages/vi.json
@@ -19,6 +19,7 @@
     "overview": "Tổng quan",
     "pricing": "Bảng giá",
     "docs": "Tài liệu",
+    "discord": "Discord",
     "github": "GitHub"
   },
   "hero": {
diff --git a/src/messages/zh-Hans.json b/src/messages/zh-Hans.json
index 18ceb4f..f19f60a 100644
--- a/src/messages/zh-Hans.json
+++ b/src/messages/zh-Hans.json
@@ -19,6 +19,7 @@
     "overview": "概览",
     "pricing": "价格",
     "docs": "文档",
+    "discord": "Discord",
     "github": "GitHub"
   },
   "hero": {

From 4d467604600e4e5b6041ac10d5510a0963186e0b Mon Sep 17 00:00:00 2001
From: Andrew DiZenzo <andrewdizenzojhu@gmail.com>
Date: Sat, 13 Jun 2026 11:12:45 -0500
Subject: [PATCH 2/2] Use Discord SVG asset

---
 public/discord.svg        |  3 +++
 src/components/Header.tsx | 11 +++++------
 2 files changed, 8 insertions(+), 6 deletions(-)
 create mode 100644 public/discord.svg

diff --git a/public/discord.svg b/public/discord.svg
new file mode 100644
index 0000000..8b154af
--- /dev/null
+++ b/public/discord.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#5865F2" viewBox="0 0 16 16">
+  <path d="M13.545 2.907a13.2 13.2 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.2 12.2 0 0 0-3.658 0 8 8 0 0 0-.412-.833.05.05 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.04.04 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032q.003.022.021.037a13.3 13.3 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019q.463-.63.818-1.329a.05.05 0 0 0-.01-.059l-.018-.011a9 9 0 0 1-1.248-.595.05.05 0 0 1-.02-.066l.015-.019q.127-.095.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.05.05 0 0 1 .053.007q.121.1.248.195a.05.05 0 0 1-.004.085 8 8 0 0 1-1.249.594.05.05 0 0 0-.03.03.05.05 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.2 13.2 0 0 0 4.001-2.02.05.05 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.03.03 0 0 0-.02-.019m-8.198 7.307c-.789 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612m5.316 0c-.788 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612" />
+</svg>
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index bfd6026..c71c7c6 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -63,14 +63,13 @@ export function Header() {
               rel="noopener noreferrer"
               className="flex items-center gap-2 text-slate-400 hover:text-white transition-colors"
             >
-              <svg
+              {/* eslint-disable-next-line @next/next/no-img-element */}
+              <img
                 aria-hidden="true"
+                alt=""
                 className="w-5 h-5"
-                fill="currentColor"
-                viewBox="0 0 24 24"
-              >
-                <path d="M20.317 4.369A19.791 19.791 0 0015.415 2.85a13.772 13.772 0 00-.626 1.292 18.27 18.27 0 00-5.575 0A13.629 13.629 0 008.588 2.85a19.736 19.736 0 00-4.904 1.52C.582 8.96-.29 13.438.13 17.853a19.9 19.9 0 006.01 3.028 14.554 14.554 0 001.287-2.083 12.934 12.934 0 01-2.03-.973c.17-.124.337-.253.5-.386a14.236 14.236 0 0012.21 0c.164.133.33.262.5.386-.648.38-1.329.707-2.032.974.37.73.8 1.427 1.287 2.082a19.864 19.864 0 006.013-3.028c.5-5.119-.852-9.556-3.558-13.484zM8.02 15.14c-1.172 0-2.134-1.076-2.134-2.399 0-1.324.943-2.4 2.134-2.4 1.192 0 2.154 1.085 2.134 2.4 0 1.323-.942 2.399-2.134 2.399zm7.974 0c-1.172 0-2.134-1.076-2.134-2.399 0-1.324.943-2.4 2.134-2.4 1.192 0 2.154 1.085 2.134 2.4 0 1.323-.942 2.399-2.134 2.399z" />
-              </svg>
+                src="/discord.svg"
+              />
               {t("discord")}
             </a>
             <a