diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index e7ac949..9fc580d 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,4 +1,5 @@
 import type { Metadata } from 'next';
+import { GoogleAnalytics } from '@/components/google-analytics';
 import { Navigation } from '@/components/navigation';
 import './globals.css';
 
@@ -60,6 +61,7 @@ export default function RootLayout({ children }: { children: React.ReactNode })
         />
       </head>
       <body className="flex min-h-screen flex-col bg-[#f0f4f8] dark:bg-dark-bg">
+        <GoogleAnalytics />
         <Navigation />
         <main className="flex-1">{children}</main>
         <footer className="border-t border-primary/20 bg-primary py-8 dark:border-dark-border dark:bg-dark-surface">
diff --git a/src/components/google-analytics.tsx b/src/components/google-analytics.tsx
new file mode 100644
index 0000000..8257266
--- /dev/null
+++ b/src/components/google-analytics.tsx
@@ -0,0 +1,28 @@
+import Script from 'next/script';
+
+const GA_MEASUREMENT_ID = 'G-17SR60QPS0';
+
+export function GoogleAnalytics() {
+  if (process.env.NODE_ENV !== 'production') return null;
+
+  return (
+    <>
+      <Script
+        strategy="afterInteractive"
+        src={`https://www.googletagmanager.com/gtag/js?id=${GA_MEASUREMENT_ID}`}
+      />
+      <Script
+        id="ga-init"
+        strategy="afterInteractive"
+        dangerouslySetInnerHTML={{
+          __html: `
+            window.dataLayer = window.dataLayer || [];
+            function gtag(){dataLayer.push(arguments);}
+            gtag('js', new Date());
+            gtag('config', '${GA_MEASUREMENT_ID}');
+          `,
+        }}
+      />
+    </>
+  );
+}
