diff --git a/apps/web/src/components/layouts/AppLayout/Header/Rewards/Menu/index.tsx b/apps/web/src/components/layouts/AppLayout/Header/Rewards/Menu/index.tsx
new file mode 100644
index 000000000..c8e20f9c4
--- /dev/null
+++ b/apps/web/src/components/layouts/AppLayout/Header/Rewards/Menu/index.tsx
@@ -0,0 +1,8 @@
+'use client'
+
+export function RewardsMenu() {
+ return (
+
+
+ )
+}
\ No newline at end of file
diff --git a/apps/web/src/components/layouts/AppLayout/Header/Rewards/index.tsx b/apps/web/src/components/layouts/AppLayout/Header/Rewards/index.tsx
new file mode 100644
index 000000000..3b3aca9f9
--- /dev/null
+++ b/apps/web/src/components/layouts/AppLayout/Header/Rewards/index.tsx
@@ -0,0 +1,22 @@
+import { Button } from '@latitude-data/web-ui'
+import Popover from 'node_modules/@latitude-data/web-ui/src/ds/atoms/Popover'
+
+import { RewardsMenu } from './Menu'
+
+export function RewardsButton() {
+ return (
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/apps/web/src/components/layouts/AppLayout/Header/index.tsx b/apps/web/src/components/layouts/AppLayout/Header/index.tsx
index eb2310276..1342f0459 100644
--- a/apps/web/src/components/layouts/AppLayout/Header/index.tsx
+++ b/apps/web/src/components/layouts/AppLayout/Header/index.tsx
@@ -11,6 +11,7 @@ import { Fragment } from 'react/jsx-runtime'
import AvatarDropdown from './AvatarDropdown'
import { UsageIndicator } from './UsageIndicator'
+import { RewardsButton } from './Rewards'
function BreadcrumbSeparator() {
return (
@@ -112,6 +113,7 @@ export default function AppHeader({