diff --git a/apps/next/pages/account/rewards.tsx b/apps/next/pages/account/rewards/activity.tsx
similarity index 100%
rename from apps/next/pages/account/rewards.tsx
rename to apps/next/pages/account/rewards/activity.tsx
diff --git a/apps/next/pages/account/rewards/index.tsx b/apps/next/pages/account/rewards/index.tsx
new file mode 100644
index 000000000..d4b8258ac
--- /dev/null
+++ b/apps/next/pages/account/rewards/index.tsx
@@ -0,0 +1,26 @@
+import { LandingScreen } from 'app/features/account/rewards/landing/screen'
+import Head from 'next/head'
+import { userProtectedGetSSP } from 'utils/userProtected'
+import type { NextPageWithLayout } from 'next-app/pages/_app'
+import { HomeLayout } from 'app/features/home/layout.web'
+import { ButtonOption, TopNav } from 'app/components/TopNav'
+
+export const Page: NextPageWithLayout = () => {
+ return (
+ <>
+
+ Send | Send Rewards
+
+
+ >
+ )
+}
+
+export const getServerSideProps = userProtectedGetSSP()
+Page.getLayout = (children) => (
+ }>
+ {children}
+
+)
+
+export default Page
diff --git a/packages/app/features/account/rewards/landing/screen.tsx b/packages/app/features/account/rewards/landing/screen.tsx
new file mode 100644
index 000000000..173019daf
--- /dev/null
+++ b/packages/app/features/account/rewards/landing/screen.tsx
@@ -0,0 +1,104 @@
+import { YStack, H1, Paragraph, XStack, LinkableButton, Button, Stack } from '@my/ui'
+import { IconArrowRight, IconSend } from 'app/components/icons'
+import { ImageBackground } from 'react-native'
+
+export function LandingScreen() {
+ return (
+
+
+
+
+ Claim Your Network Benefits
+
+
+ Participate in the Send Ecosystem and earn Send Tokens. Your Network! Your Rewards!
+
+
+
+
+ {/* @TODO: href, reward */}
+
+
+
+
+
+ )
+}
+
+const Section = ({
+ title,
+ href,
+ reward,
+}: {
+ title: string
+ href: string
+ reward: string
+}) => {
+ return (
+
+
+
+
+
+
+
+ {title}
+
+
+
+
+ Claimable
+
+
+
+ {reward}
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}