diff --git a/netlify.toml b/netlify.toml
new file mode 100644
index 0000000..771d822
--- /dev/null
+++ b/netlify.toml
@@ -0,0 +1,6 @@
+[build]
+  command = "npm run build"
+  publish = ".next"
+
+[[plugins]]
+  package = "@netlify/plugin-nextjs"
diff --git a/next.config.js b/next.config.js
index 46d8f2a..cc87af6 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,6 +1,7 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
     reactStrictMode: true,
+    // output: 'export',
     // If you want to add any API routes, middleware, or special configs, add here
 };
 
diff --git a/package-lock.json b/package-lock.json
index c671d33..079875d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,7 @@
       "name": "google-events-dashboard",
       "version": "0.1.0",
       "dependencies": {
+        "@netlify/plugin-nextjs": "^5.11.2",
         "@supabase/supabase-js": "^2.39.0",
         "axios": "^1.9.0",
         "chart.js": "^4.4.0",
@@ -899,6 +900,14 @@
         "@tybys/wasm-util": "^0.9.0"
       }
     },
+    "node_modules/@netlify/plugin-nextjs": {
+      "version": "5.11.2",
+      "resolved": "https://registry.npmjs.org/@netlify/plugin-nextjs/-/plugin-nextjs-5.11.2.tgz",
+      "integrity": "sha512-9Hgd/J5nP2U/Vv0teytq9uUAGppiKV9t5tzpsuMLqeqUGD9STxXwKmyZd2v8Z4THSW9rw4+8w7dH7LVlFoym2A==",
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
     "node_modules/@next/env": {
       "version": "14.2.29",
       "resolved": "https://registry.npmjs.org/@next/env/-/env-14.2.29.tgz",
diff --git a/package.json b/package.json
index 8131deb..bc27132 100644
--- a/package.json
+++ b/package.json
@@ -6,9 +6,11 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "export": "next export"
   },
   "dependencies": {
+    "@netlify/plugin-nextjs": "^5.11.2",
     "@supabase/supabase-js": "^2.39.0",
     "axios": "^1.9.0",
     "chart.js": "^4.4.0",
diff --git a/public/_redirects b/public/_redirects
new file mode 100644
index 0000000..4aa7faf
--- /dev/null
+++ b/public/_redirects
@@ -0,0 +1 @@
+/*    /index.html    200
diff --git a/src/pages/dashboard.tsx b/src/pages/dashboard.tsx
index 7abf0a6..5ff3aa7 100644
--- a/src/pages/dashboard.tsx
+++ b/src/pages/dashboard.tsx
@@ -165,6 +165,7 @@ const Dashboard: React.FC = () => {
       </div>
     );
   }
+  console.log(events, "DKDDKOOKDKDOKDK");
 
   return (
     <div className="space-y-6 animate-fade-in">
@@ -226,7 +227,42 @@ const Dashboard: React.FC = () => {
       </div>
 
       {/* Recent Events Table */}
-      <EventTable events={events} />
+      {/* <EventTable events={events} /> */}
+      <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
+        {events?.map((items, idx) => (
+          <EventCountCard
+            title={items?.eventname}
+            count={items.count}
+            icon={<Activity size={24} className="text-white" />}
+            color="bg-primary-500"
+            change={12}
+          />
+        ))}
+        {/* 
+        <EventCountCard
+          title="Signups"
+          count={eventCounts['signup'] || 0}
+          icon={<Users size={24} className="text-white" />}
+          color="bg-success-500"
+          change={5}
+        />
+
+        <EventCountCard
+          title="Purchases"
+          count={eventCounts['purchase'] || 0}
+          icon={<ShoppingCart size={24} className="text-white" />}
+          color="bg-accent-500"
+          change={-3}
+        />
+
+        <EventCountCard
+          title="Logins"
+          count={eventCounts['login'] || 0}
+          icon={<LogIn size={24} className="text-white" />}
+          color="bg-secondary-500"
+          change={8}
+        /> */}
+      </div>
     </div>
   );
 };