diff --git a/app/layout.jsx b/app/layout.jsx
index 0085f2b..8950e34 100644
--- a/app/layout.jsx
+++ b/app/layout.jsx
@@ -2,6 +2,7 @@ import Head from "next/head";
 import SmoothScrolling from "@/components/smooth-scrolling";
 import Inter from "@/lib/fonts/inter";
 import { Analytics } from "@vercel/analytics/react";
+import { GoogleAnalytics } from "@next/third-parties/google";
 import "./globals.css";
 
 export const metadata = {
@@ -60,6 +61,7 @@ export default function RootLayout({ children }) {
       <body className={`${Inter.className} antialiased w-full max-w-screen`}>
         <SmoothScrolling>{children}</SmoothScrolling>
         <Analytics />
+        <GoogleAnalytics gaId={process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS_ID} />
       </body>
     </html>
   );
diff --git a/bun.lockb b/bun.lockb
index 8264741..197da5e 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/package.json b/package.json
index a1d23fe..f6f22c0 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
   "dependencies": {
     "@formspree/react": "^2.5.1",
     "@hookform/resolvers": "^3.9.1",
+    "@next/third-parties": "^15.0.3",
     "@radix-ui/react-accordion": "^1.2.1",
     "@radix-ui/react-dialog": "^1.1.2",
     "@radix-ui/react-label": "^2.1.0",
