diff --git a/app/layout.js b/app/layout.js
index 72eeac9..928f93f 100644
--- a/app/layout.js
+++ b/app/layout.js
@@ -23,7 +23,7 @@ export const metadata = {
 export default function RootLayout({ children }) {
   return (
     <html lang="en" className={`${poppins.variable}`}>
-         <Head>
+      <Head>
         {/* Lazy load non-critical CSS */}
         <link
           rel="stylesheet"
@@ -43,6 +43,19 @@ export default function RootLayout({ children }) {
           media="print"
           onLoad="this.media='all'"
         />
+
+        {/* Microsoft Clarity Tracking */}
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `
+              (function(c,l,a,r,i,t,y){
+                c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
+                t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/th7p0lr1ca";
+                y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
+              })(window, document, "clarity", "script", "th7p0lr1ca");
+            `,
+          }}
+        />
       </Head>
       <body>
         {children}
