diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 054e31c..36b746d 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -16,7 +16,7 @@ The [issues page](https://github.com/astro-reactive/astro-reactive/issues?q=is%3
 
 If you don't find anything there, we are happy to help you get your contribution in.
 
-You can always [create a new issue](https://github.com/astro-reactive/astro-reactive/issues/new/choose) for your own idea, [post on our discussions](https://github.com/astro-reactive/astro-reactive/discussions) or join our [Discord](https://discord.gg/fkpkKdPJ).
+You can always [create a new issue](https://github.com/astro-reactive/astro-reactive/issues/new/choose) for your own idea, [post on our discussions](https://github.com/astro-reactive/astro-reactive/discussions) or join our [Discord](https://discord.gg/kkvW7GYNAp).
 
 # The Astro Reactive Library
 
@@ -124,7 +124,7 @@ Thank you again for your interest in contributing!
 
 📝 Check the [discussion board](https://github.com/astro-reactive/astro-reactive/discussions) for announcements or post your messages and questions
 
-💬 Hang-out with the team on our [Discord](https://discord.gg/fkpkKdPJ) to share feedback, get support, or just have some laughs over memes 😅
+💬 Hang-out with the team on our [Discord](https://discord.gg/kkvW7GYNAp) to share feedback, get support, or just have some laughs over memes 😅
 
 🛠️ Create a [new issue](https://github.com/astro-reactive/astro-reactive/issues/new/choose) for bugs found or improvement ideas
 
diff --git a/apps/docs/src/config.ts b/apps/docs/src/config.ts
index d5c5d8c..8d53348 100644
--- a/apps/docs/src/config.ts
+++ b/apps/docs/src/config.ts
@@ -30,7 +30,7 @@ export const KNOWN_LANGUAGE_CODES = Object.values(KNOWN_LANGUAGES);
 
 export const GITHUB_EDIT_URL = `https://github.com/astro-reactive/astro-reactive/tree/main/apps/docs`;
 
-export const COMMUNITY_INVITE_URL = `https://discord.gg/fkpkKdPJ`;
+export const COMMUNITY_INVITE_URL = `https://discord.gg/kkvW7GYNAp`;
 
 // See "Algolia" section of the README for more information.
 export const ALGOLIA = {
diff --git a/apps/landing-page/src/components/header.astro b/apps/landing-page/src/components/header.astro
index 6cdb64b..4d89279 100644
--- a/apps/landing-page/src/components/header.astro
+++ b/apps/landing-page/src/components/header.astro
@@ -1,45 +1,45 @@
 ---
-import { Icon } from "astro-icon";
+import { Icon } from 'astro-icon';
 // import ThemeSwitcher from "~/components/theme-switcher.astro";
 
 const socials = [
-  {
-    name: "GitHub",
-    url: "https://github.com/astro-reactive/astro-reactive",
-    icon: "fa-brands:github-alt",
-  },
-  {
-    name: "Discord",
-    url: "https://discord.gg/fkpkKdPJ",
-    icon: "fa-brands:discord",
-  },
+	{
+		name: 'GitHub',
+		url: 'https://github.com/astro-reactive/astro-reactive',
+		icon: 'fa-brands:github-alt',
+	},
+	{
+		name: 'Discord',
+		url: 'https://discord.gg/kkvW7GYNAp',
+		icon: 'fa-brands:discord',
+	},
 ];
 ---
 
 <header
-  id="page-header"
-  class="absolute bottom-0 z-10 flex items-center justify-between w-full px-8 py-4 text-white border-b border-transparent"
+	id="page-header"
+	class="absolute bottom-0 z-10 flex items-center justify-between w-full px-8 py-4 text-white border-b border-transparent"
 >
-  <div class="flex items-center gap-3 hover:!text-default">
-    <!-- <h1 class="text-">Astro Reactive</h1> -->
-  </div>
-  <div>
-    <div class="flex items-center gap-6">
-      <ul class="flex gap-4">
-        {
-          socials.map((social) => (
-            <li class="list-none">
-              <a
-                class="flex items-center justify-center w-12 h-12 p-3 border-2 border-current rounded-full"
-                href={social.url}
-              >
-                <Icon name={social.icon} class="h-full" />
-              </a>
-            </li>
-          ))
-        }
-      </ul>
-      <!-- <button
+	<div class="flex items-center gap-3 hover:!text-default">
+		<!-- <h1 class="text-">Astro Reactive</h1> -->
+	</div>
+	<div>
+		<div class="flex items-center gap-6">
+			<ul class="flex gap-4">
+				{
+					socials.map((social) => (
+						<li class="list-none">
+							<a
+								class="flex items-center justify-center w-12 h-12 p-3 border-2 border-current rounded-full"
+								href={social.url}
+							>
+								<Icon name={social.icon} class="h-full" />
+							</a>
+						</li>
+					))
+				}
+			</ul>
+			<!-- <button
         id="open-nav-button"
         type="button"
         class="btn sm:hidden"
@@ -48,78 +48,72 @@ const socials = [
         <Icon pack="mdi" name="menu" class="h-8" />
       </button>
       <ThemeSwitcher /-->
-    </div>
-    <div id="menu-modal" class="hidden modal" aria-hidden="true">
-      <div class="fixed inset-0 px-8 py-4 bg-default text-default">
-        <div class="space-y-4" role="dialog" aria-modal="true">
-          <header class="text-right">
-            <button
-              id="close-nav-button"
-              type="button"
-              class="btn"
-              aria-label="Close navigation"
-            >
-              <Icon pack="mdi" name="close" class="h-8" />
-            </button>
-          </header>
-          <div class="flex justify-center">
-            <Icon name="logomark" class="h-16" />
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
+		</div>
+		<div id="menu-modal" class="hidden modal" aria-hidden="true">
+			<div class="fixed inset-0 px-8 py-4 bg-default text-default">
+				<div class="space-y-4" role="dialog" aria-modal="true">
+					<header class="text-right">
+						<button id="close-nav-button" type="button" class="btn" aria-label="Close navigation">
+							<Icon pack="mdi" name="close" class="h-8" />
+						</button>
+					</header>
+					<div class="flex justify-center">
+						<Icon name="logomark" class="h-16" />
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
 </header>
 
 <script>
-  import MicroModal from "micromodal";
+	import MicroModal from 'micromodal';
 
-  const menuModalId = "menu-modal";
+	const menuModalId = 'menu-modal';
 
-  const header: HTMLElement = document.querySelector("#page-header");
-  const page = document.documentElement;
-  const menu = document.querySelector(`#${menuModalId} ul`);
-  const openNavButton = document.querySelector("#open-nav-button");
-  const closeNavButton = document.querySelector("#close-nav-button");
+	const header: HTMLElement = document.querySelector('#page-header');
+	const page = document.documentElement;
+	const menu = document.querySelector(`#${menuModalId} ul`);
+	const openNavButton = document.querySelector('#open-nav-button');
+	const closeNavButton = document.querySelector('#close-nav-button');
 
-  const openMenu = () => {
-    MicroModal.show(menuModalId, { disableScroll: true });
-  };
+	const openMenu = () => {
+		MicroModal.show(menuModalId, { disableScroll: true });
+	};
 
-  const closeMenu = () => {
-    MicroModal.close(menuModalId);
-  };
+	const closeMenu = () => {
+		MicroModal.close(menuModalId);
+	};
 
-  openNavButton?.addEventListener("click", openMenu);
-  closeNavButton?.addEventListener("click", closeMenu);
+	openNavButton?.addEventListener('click', openMenu);
+	closeNavButton?.addEventListener('click', closeMenu);
 
-  document?.addEventListener("scroll", () => {
-    const d = page.clientHeight - page.scrollTop - header.offsetHeight;
-    header.classList.toggle("fixed-header", d < 0);
-  });
+	document?.addEventListener('scroll', () => {
+		const d = page.clientHeight - page.scrollTop - header.offsetHeight;
+		header.classList.toggle('fixed-header', d < 0);
+	});
 
-  menu?.addEventListener("click", (event) => {
-    if ((event.target as HTMLElement).tagName === "A") {
-      closeMenu();
-    }
-  });
+	menu?.addEventListener('click', (event) => {
+		if ((event.target as HTMLElement).tagName === 'A') {
+			closeMenu();
+		}
+	});
 </script>
 
 <noscript>
-  <style>
-    #open-nav-button {
-      display: none;
-    }
-  </style>
+	<style>
+		#open-nav-button {
+			display: none;
+		}
+	</style>
 </noscript>
 
 <style>
-  .fixed-header {
-    @apply fixed top-0 bottom-auto;
-    @apply text-default bg-default border-default;
-  }
-  .modal.is-open {
-    @apply block;
-  }
+	.fixed-header {
+		@apply fixed top-0 bottom-auto;
+		@apply text-default bg-default border-default;
+	}
+	.modal.is-open {
+		@apply block;
+	}
 </style>
-