diff --git a/package.json b/package.json
index b52f4ca..5c49b22 100644
--- a/package.json
+++ b/package.json
@@ -47,6 +47,7 @@
     "input-otp": "^1.4.2",
     "lucide-react": "^0.468.0",
     "next": "^15.1.1",
+    "next-plausible": "^3.12.4",
     "next-themes": "^0.4.6",
     "node-fetch": "^3.3.2",
     "react": "^19.0.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 348f5ae..0b69e88 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -116,6 +116,9 @@ importers:
       next:
         specifier: ^15.1.1
         version: 15.1.1(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      next-plausible:
+        specifier: ^3.12.4
+        version: 3.12.4(next@15.1.1(react-dom@19.1.0(react@19.1.0))(react@19.1.0))(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       next-themes:
         specifier: ^0.4.6
         version: 0.4.6(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
@@ -2498,6 +2501,13 @@ packages:
   natural-compare@1.4.0:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
 
+  next-plausible@3.12.4:
+    resolution: {integrity: sha512-cD3+ixJxf8yBYvsideTxqli3fvrB7R4BXcvsNJz8Sm2X1QN039WfiXjCyNWkub4h5++rRs6fHhchUMnOuJokcg==}
+    peerDependencies:
+      next: '^11.1.0 || ^12.0.0 || ^13.0.0 || ^14.0.0 || ^15.0.0 '
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
   next-themes@0.4.6:
     resolution: {integrity: sha512-pZvgD5L0IEvX5/9GWyHMf3m8BKiVQwsCMHfoFosXtXBMnaS0ZnIJ9ST4b4NqLVKDEm8QBxoNNGNaBv2JNF6XNA==}
     peerDependencies:
@@ -5779,6 +5789,12 @@ snapshots:
 
   natural-compare@1.4.0: {}
 
+  next-plausible@3.12.4(next@15.1.1(react-dom@19.1.0(react@19.1.0))(react@19.1.0))(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
+    dependencies:
+      next: 15.1.1(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+
   next-themes@0.4.6(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
     dependencies:
       react: 19.1.0
diff --git a/src/app/layout.js b/src/app/layout.js
index 71d5bde..afc3d8c 100644
--- a/src/app/layout.js
+++ b/src/app/layout.js
@@ -1,7 +1,7 @@
 import { Inter } from 'next/font/google'
-import Script from 'next/script'
 import './globals.css'
 import { AuthProvider } from '@/contexts/AuthContext'
+import PlausibleProvider from 'next-plausible'
 
 const inter = Inter({ subsets: ['latin'] })
 
@@ -44,7 +44,7 @@ export default function RootLayout({ children }) {
     return (
         (<html lang="en" className="scroll-smooth">
         <body className={`${inter.className} min-h-screen bg-gray-950 text-gray-300 relative`}>
-        <Script strategy="lazyOnload" data-domain="litenet.tel" src="https://plausible.rocord.dev/js/script.js" />
+        <PlausibleProvider domain="litenet.tel" customDomain="https://plausible.rocord.dev">
         <div className="fixed inset-0 -z-10 bg-gradient-to-br from-gray-950 via-black to-gray-950">
             <div className="absolute inset-0 bg-[radial-gradient(circle_at_20%_80%,rgba(50,100,255,0.1),transparent_40%)]" />
             <div className="absolute inset-0 bg-[radial-gradient(circle_at_80%_20%,rgba(120,50,255,0.1),transparent_40%)]" />
@@ -55,6 +55,7 @@ export default function RootLayout({ children }) {
                 {children}
             </div>
         </AuthProvider>
+        </PlausibleProvider>
         </body>
         </html>)
     );
diff --git a/src/components/directory-modal.jsx b/src/components/directory-modal.jsx
index a872cd7..6da200f 100644
--- a/src/components/directory-modal.jsx
+++ b/src/components/directory-modal.jsx
@@ -158,6 +158,9 @@ export function DirectoryModal({ isMobile = false }) {
 
     useEffect(() => {
         if (open) {
+            if (typeof window !== 'undefined' && typeof window.plausible === 'function') {
+                window.plausible('Directory Open');
+            }
             fetchDirectory();
         }
     }, [open]);
diff --git a/src/components/header.jsx b/src/components/header.jsx
index f69d682..c1b91a4 100644
--- a/src/components/header.jsx
+++ b/src/components/header.jsx
@@ -5,8 +5,10 @@ import Link from 'next/link'
 import { DirectoryModal } from "@/components/directory-modal";
 import { Button } from '@/components/ui/button'
 import { LayoutDashboard, Menu, X } from 'lucide-react'
+import { usePlausible } from 'next-plausible';
 
 export default function Header() {
+  const plausible = usePlausible();
   const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
 
   return (
@@ -60,7 +62,8 @@ export default function Header() {
               <a
                 href="https://discord.litenet.tel"
                 target="_blank"
-                rel="noopener noreferrer">
+                rel="noopener noreferrer"
+                onClick={() => { plausible('Discord Join'); }}>
                 <svg
                   xmlns="http://www.w3.org/2000/svg"
                   width="24"
@@ -161,7 +164,8 @@ export default function Header() {
                   <a
                     href="https://discord.litenet.tel"
                     target="_blank"
-                    rel="noopener noreferrer">
+                    rel="noopener noreferrer"
+                    onClick={() => { plausible('Discord Join'); }}>
                     <svg
                       xmlns="http://www.w3.org/2000/svg"
                       width="16"
diff --git a/src/components/hero.jsx b/src/components/hero.jsx
index 288cecb..a8b70c4 100644
--- a/src/components/hero.jsx
+++ b/src/components/hero.jsx
@@ -1,8 +1,13 @@
+"use client";
+
 import { Button } from '@/components/ui/button'
 import { LayoutDashboard, ArrowRight, Phone, Users, ChevronDown } from 'lucide-react'
 import Link from 'next/link'
+import {usePlausible} from 'next-plausible'
 
 export default function Hero() {
+  const plausible = usePlausible();
+
   return (
     <section className="relative overflow-hidden">
       <div className="container relative flex flex-col items-center justify-center space-y-8 py-32 text-center">
@@ -69,7 +74,7 @@ export default function Hero() {
             className="border-gray-600 bg-gray-900/50 text-white hover:bg-gray-800/80 hover:border-gray-500 shadow-lg hover:shadow-xl transition-all duration-300 group backdrop-blur-sm"
             asChild
           >
-            <a href="https://discord.litenet.tel" target="_blank" rel="noopener noreferrer">
+            <a href="https://discord.litenet.tel" target="_blank" rel="noopener noreferrer" onClick={() => { plausible('Discord Join'); }}>
               <svg
                 xmlns="http://www.w3.org/2000/svg"
                 width="20"
