chore: add Discord community links across README, docs, and landing page

- README: Discord badge in header + community section link
- Docs: GitHub and Discord social links in VitePress config
- Landing: Discord in navbar, footer, open-source section, pricing copy

apps/landing/src/components/footer.tsx

@@ -24,6 +24,7 @@ const columns = [
     title: "Community",
     links: [
       { label: "GitHub", href: "https://github.com/snapotter-hq/snapotter" },
+      { label: "Discord", href: "https://discord.gg/hr3s7HPUsr" },
       {
         label: "Contributing",
         href: "https://github.com/snapotter-hq/snapotter/blob/main/CONTRIBUTING.md",

apps/landing/src/components/navbar.tsx

@@ -15,6 +15,7 @@ const links = [
   { label: "Features", href: "#features" },
   { label: "Pricing", href: "#pricing" },
   { label: "Docs", href: "https://docs.snapotter.com" },
+  { label: "Discord", href: "https://discord.gg/hr3s7HPUsr" },
   { label: "Contact", href: "/contact" },
 ];
 

apps/landing/src/components/open-source.tsx

@@ -1,4 +1,4 @@
-import { Github, Star } from "lucide-react";
+import { Github, MessageCircle, Star } from "lucide-react";
 import { FadeIn } from "./fade-in";
 
 export function OpenSource() {
@@ -13,7 +13,7 @@ export function OpenSource() {
             SnapOtter is AGPL-3.0 licensed. Inspect every line of code. Contribute back. Self-host
             forever. No vendor lock-in, no surprise pricing changes, no rug pulls.
           </p>
-          <div className="mt-10">
+          <div className="mt-10 flex flex-wrap items-center justify-center gap-4">
             <a
               href="https://github.com/snapotter-hq/snapotter"
               target="_blank"
@@ -24,6 +24,15 @@ export function OpenSource() {
               Star on GitHub
               <Star size={16} className="text-accent" />
             </a>
+            <a
+              href="https://discord.gg/hr3s7HPUsr"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="inline-flex items-center gap-2 rounded-xl border border-border px-6 py-3 text-base font-semibold transition-colors hover:bg-background-alt"
+            >
+              <MessageCircle size={20} />
+              Join Discord
+            </a>
           </div>
         </FadeIn>
       </div>

apps/landing/src/components/pricing.tsx

@@ -19,7 +19,7 @@ const freePlan = {
     "Air-gapped and offline ready",
     "Multi-user with team permissions",
     "Audit logging",
-    "Community support via GitHub",
+    "Community support via GitHub and Discord",
     "All updates included",
     "AGPL-3.0 licensed",
   ],