diff --git a/apps/public/app/layout.tsx b/apps/public/app/layout.tsx
index c9c8b844..2b15a339 100644
--- a/apps/public/app/layout.tsx
+++ b/apps/public/app/layout.tsx
@@ -1,11 +1,9 @@
-import './global.css';
 import { RootProvider } from 'fumadocs-ui/provider';
 import type { ReactNode } from 'react';
+import './global.css';
 
-import { Footer } from '@/components/footer';
-import Navbar from '@/components/navbar';
 import { TooltipProvider } from '@/components/ui/tooltip';
-import { getGithubRepoInfo } from '@/lib/github';
+import { OpenPanelComponent } from '@openpanel/nextjs';
 import { cn } from 'fumadocs-ui/components/api';
 import { GeistMono } from 'geist/font/mono';
 import { GeistSans } from 'geist/font/sans';
@@ -62,6 +60,12 @@ export default async function Layout({ children }: { children: ReactNode }) {
         <RootProvider>
           <TooltipProvider>{children}</TooltipProvider>
         </RootProvider>
+        <OpenPanelComponent
+          clientId="301c6dc1-424c-4bc3-9886-a8beab09b615"
+          trackAttributes
+          trackScreenViews
+          trackOutgoingLinks
+        />
       </body>
     </html>
   );
diff --git a/apps/public/package.json b/apps/public/package.json
index d367bd6b..186261bd 100644
--- a/apps/public/package.json
+++ b/apps/public/package.json
@@ -13,6 +13,7 @@
     "@hyperdx/node-opentelemetry": "^0.8.1",
     "@number-flow/react": "^0.3.0",
     "@openpanel/db": "workspace:*",
+    "@openpanel/nextjs": "^1.0.5",
     "@openpanel/redis": "workspace:*",
     "@openpanel/sdk-info": "workspace:^",
     "@openstatus/react": "^0.0.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 007d04a6..7d82950f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -521,6 +521,9 @@ importers:
       '@openpanel/db':
         specifier: workspace:*
         version: link:../../packages/db
+      '@openpanel/nextjs':
+        specifier: ^1.0.5
+        version: 1.0.5(next@15.0.3)(react-dom@18.3.1)(react@18.3.1)
       '@openpanel/redis':
         specifier: workspace:*
         version: link:../../packages/redis
@@ -5212,6 +5215,19 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
+  /@openpanel/nextjs@1.0.5(next@15.0.3)(react-dom@18.3.1)(react@18.3.1):
+    resolution: {integrity: sha512-+Zdrl5fC8Iczub/pVvX8Xp9q6mQvApNXGenCEkdiAZk9nT7xpaLfzkdHnwx7XHxp5H50zdwgqWDGiwLMqRWjKA==}
+    peerDependencies:
+      next: ^12.0.0 || ^13.0.0 || ^14.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@openpanel/web': 1.0.1
+      next: 15.0.3(@opentelemetry/api@1.8.0)(react-dom@18.3.1)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    dev: false
+
   /@openpanel/sdk@1.0.0:
     resolution: {integrity: sha512-FNmmfjdXoC/VHEjA+WkrQ4lyM5lxEmV7xDd57uj4E+lIS0sU3DLG2mV/dpS8AscnZbUvuMn3kPhiLCqYzuv/gg==}
     dev: false
@@ -5222,6 +5238,12 @@ packages:
       '@openpanel/sdk': 1.0.0
     dev: false
 
+  /@openpanel/web@1.0.1:
+    resolution: {integrity: sha512-cVZ7Kr9SicczJ/RDIfEtZs8+1iGDzwkabVA/j3NqSl8VSucsC8m1+LVbjmCDzCJNnK4yVn6tEcc9PJRi2rtllw==}
+    dependencies:
+      '@openpanel/sdk': 1.0.0
+    dev: false
+
   /@openstatus/react@0.0.3(react@18.3.1):
     resolution: {integrity: sha512-uDiegz7e3H67pG8lTT+op+6w5keTT7XpcENrREaqlWl5j53TYyO8nheOG1PeNw2/Qgd5KaGeRJJFn1crhTUSYw==}
     peerDependencies: