diff --git a/docs/bun.lockb b/docs/bun.lockb
index 92719d68..6bb26671 100755
Binary files a/docs/bun.lockb and b/docs/bun.lockb differ
diff --git a/docs/components/PlatformsList/PlatformsList.module.css b/docs/components/PlatformsList/PlatformsList.module.css
index 4c5915ac..9a49655a 100644
--- a/docs/components/PlatformsList/PlatformsList.module.css
+++ b/docs/components/PlatformsList/PlatformsList.module.css
@@ -3,6 +3,6 @@
 }
 
 .spanStyle {
-  font-family: 'Orbitron';
+  font-family: var(--font-orbitron);
   font-weight: 800;
 }
diff --git a/docs/font.ts b/docs/font.ts
new file mode 100644
index 00000000..f687d3f4
--- /dev/null
+++ b/docs/font.ts
@@ -0,0 +1,7 @@
+import {Orbitron} from 'next/font/google';
+
+export const orbitron = Orbitron({
+  display: 'swap',
+  subsets: ['latin'],
+  weight: ['400', '900'],
+});
diff --git a/docs/next-env.d.ts b/docs/next-env.d.ts
index 4f11a03d..a4a7b3f5 100644
--- a/docs/next-env.d.ts
+++ b/docs/next-env.d.ts
@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/pages/building-your-application/configuring/typescript for more information.
diff --git a/docs/package.json b/docs/package.json
index 17d55a21..71e142ac 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -8,7 +8,8 @@
     "build": "bun next build"
   },
   "dependencies": {
-    "next": "^13.5.4",
+    "@next/third-parties": "14.2.20",
+    "next": "14.2.20",
     "nextra": "^2.13.2",
     "nextra-theme-docs": "^2.13.2",
     "react": "^18.2.0",
@@ -18,4 +19,4 @@
   "devDependencies": {
     "bun-types": "latest"
   }
-}
\ No newline at end of file
+}
diff --git a/docs/pages/_app.mdx b/docs/pages/_app.mdx
new file mode 100644
index 00000000..5590be4d
--- /dev/null
+++ b/docs/pages/_app.mdx
@@ -0,0 +1,14 @@
+import {orbitron} from '../font';
+
+export default function Nextra({Component, pageProps}) {
+  return (
+    <>
+        <style jsx global>{`
+        :root {
+          --font-orbitron: ${orbitron.style.fontFamily};
+        }
+      `}</style>
+      <Component {...pageProps} />
+    </>
+  );
+}
diff --git a/docs/theme.config.jsx b/docs/theme.config.jsx
index ad424141..a9a0f58b 100644
--- a/docs/theme.config.jsx
+++ b/docs/theme.config.jsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import {GoogleAnalytics} from '@next/third-parties/google';
 
 export default {
   head: (
@@ -26,27 +27,12 @@ export default {
         content="https://docs.thewidlarzgroup.com/react-native-video/thumbnail.jpg"
       />
       <meta name="twitter:image:alt" content="React Native Video" />
-      <link rel="preconnect" href="https://fonts.googleapis.com" />
-      <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin />
-      <link
-        href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap"
-        rel="stylesheet"
-      />
       <link
         rel="icon"
         type="image/png"
         href="https://docs.thewidlarzgroup.com/react-native-video/favicon.png"
       />
-      <script
-        async
-        src="https://www.googletagmanager.com/gtag/js?id=G-PM2TQQQMDN"
-      />
-      <script>
-        {`window.dataLayer = window.dataLayer || [];
-        function gtag(){dataLayer.push(arguments);}
-        gtag('js', new Date());
-        gtag('config', 'G-PM2TQQQMDN');`}
-      </script>
+      <GoogleAnalytics gaId="G-4YEWQH5ZHS" />
     </>
   ),
   logo: (