diff --git a/package.json b/package.json
index 3aaa7f41..8e7c857f 100644
--- a/package.json
+++ b/package.json
@@ -36,6 +36,7 @@
"@types/mdx": "^2.0.7",
"@typescript-eslint/eslint-plugin": "^5.39.0",
"@typescript-eslint/parser": "^5.39.0",
+ "@umami/react-zen": "^0.3.0",
"classnames": "^2.2.6",
"fast-glob": "^3.3.2",
"glob": "^10.3.10",
diff --git a/src/app/(website)/layout.tsx b/src/app/(website)/layout.tsx
index 478dbaa8..2cacc213 100644
--- a/src/app/(website)/layout.tsx
+++ b/src/app/(website)/layout.tsx
@@ -8,10 +8,11 @@ import '@fontsource/inter/400.css';
import '@fontsource/inter/700.css';
import '@fontsource/inter/800.css';
import '@fontsource/jetbrains-mono/400.css';
-import 'react-basics/dist/styles.css';
import 'styles/github-dark.css';
import 'styles/variables.css';
import 'styles/index.css';
+import '@umami/react-zen/dist/zen.css';
+import '@umami/react-zen/dist/styles.css';
export default function RootLayout({ children }) {
return (
@@ -26,11 +27,6 @@ export default function RootLayout({ children }) {
-
{process.env.NODE_ENV === 'production' && (