diff --git a/package-lock.json b/package-lock.json
index 05f1e23..c938598 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,6 +18,7 @@
         "corporate-taxid-checker-js": "^1.0.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
+        "react-microsoft-clarity": "^1.2.0",
         "react-scripts": "5.0.1",
         "web-vitals": "^2.1.4"
       }
@@ -15489,6 +15490,11 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
       "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
     },
+    "node_modules/react-microsoft-clarity": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/react-microsoft-clarity/-/react-microsoft-clarity-1.2.0.tgz",
+      "integrity": "sha512-a1bsJR1uN1daWq3cBc7NheEGPXrotMRE0oFeRio7kXvHawzQfqu5iX9BoYFF9zRUL0dn+Mz57h1fNlcv3pqXEg=="
+    },
     "node_modules/react-refresh": {
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz",
@@ -29550,6 +29556,11 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
       "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
     },
+    "react-microsoft-clarity": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/react-microsoft-clarity/-/react-microsoft-clarity-1.2.0.tgz",
+      "integrity": "sha512-a1bsJR1uN1daWq3cBc7NheEGPXrotMRE0oFeRio7kXvHawzQfqu5iX9BoYFF9zRUL0dn+Mz57h1fNlcv3pqXEg=="
+    },
     "react-refresh": {
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz",
diff --git a/package.json b/package.json
index 6da3e3a..ccc6e1f 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
     "corporate-taxid-checker-js": "^1.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-microsoft-clarity": "^1.2.0",
     "react-scripts": "5.0.1",
     "web-vitals": "^2.1.4"
   },
@@ -21,7 +22,9 @@
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "eject": "react-scripts eject",
+    "predeploy": "npm run build",
+    "deploy": "gh-pages -b gh-pages -d build"
   },
   "eslintConfig": {
     "extends": [
diff --git a/src/App.js b/src/App.js
index 9284e1a..b145ee3 100644
--- a/src/App.js
+++ b/src/App.js
@@ -17,6 +17,7 @@ import {
 import CheckCircleIcon from "@mui/icons-material/CheckCircle";
 import CancelIcon from "@mui/icons-material/Cancel";
 import validateTaxDetails from "corporate-taxid-checker-js";
+import { clarity } from 'react-microsoft-clarity';
 
 const countries = [
   { code: "AD", label: "Andorra" },
@@ -117,6 +118,8 @@ const countries = [
 ];
 
 const App = () => {
+  clarity.init("jiofplb3zu");
+  clarity.consent();
   const [country, setCountry] = useState(null);
   const [taxId, setTaxId] = useState("");
   const [validationResult, setValidationResult] = useState(null);