diff --git a/components/kleap-analytics.tsx b/components/kleap-analytics.tsx
new file mode 100644
index 0000000..21fa0e6
--- /dev/null
+++ b/components/kleap-analytics.tsx
@@ -0,0 +1,28 @@
+'use client'
+
+import { useEffect } from 'react'
+
+/**
+ * Kleap Analytics Component
+ * Loads analytics when configured
+ * Note: In production, analytics ID will be injected via Vercel deployment
+ */
+export function KleapAnalytics() {
+  useEffect(() => {
+    // Only load analytics when inside an iframe (Kleap environment)
+    if (typeof window !== 'undefined' && window.parent !== window) {
+      // In preview mode, we don't have real analytics
+      // This is just a placeholder for the structure
+      // Real analytics will be injected during Vercel deployment
+
+      // Add window.kleap.track function for compatibility
+      (window as any).kleap = (window as any).kleap || {};
+      (window as any).kleap.track = function(name: string, data?: any) {
+        console.debug('[Kleap Analytics]', name, data);
+        // In production, this will call umami.track
+      };
+    }
+  }, []);
+
+  return null;
+}
\ No newline at end of file