diff --git a/apps/web/src/app/inference/page.tsx b/apps/web/src/app/inference/page.tsx
new file mode 100644
index 0000000..6db5d6f
--- /dev/null
+++ b/apps/web/src/app/inference/page.tsx
@@ -0,0 +1,18 @@
+// apps/web/src/app/governance/page.tsx
+'use client'
+import { Helmet } from "react-helmet-async";
+
+import { InferenceScreen } from '@lumera-hub/ui/src/screens/InferenceScreen';
+
+export default function Page() {
+  return (
+    <>
+      <Helmet>
+        <title>Codestin Search App</title>
+      </Helmet>
+      <div className="inference-content">
+        <InferenceScreen />
+      </div>
+    </>
+  )
+}
diff --git a/apps/web/src/app/nfts/page.tsx b/apps/web/src/app/nfts/page.tsx
new file mode 100644
index 0000000..1df3509
--- /dev/null
+++ b/apps/web/src/app/nfts/page.tsx
@@ -0,0 +1,18 @@
+// apps/web/src/app/governance/page.tsx
+'use client'
+import { Helmet } from "react-helmet-async";
+
+import { NFTsScreen } from '@lumera-hub/ui/src/screens/NFTsScreen';
+
+export default function Page() {
+  return (
+    <>
+      <Helmet>
+        <title>Codestin Search App</title>
+      </Helmet>
+      <div className="nfts-content">
+        <NFTsScreen />
+      </div>
+    </>
+  )
+}
diff --git a/apps/web/src/app/sense/page.tsx b/apps/web/src/app/sense/page.tsx
new file mode 100644
index 0000000..d481b83
--- /dev/null
+++ b/apps/web/src/app/sense/page.tsx
@@ -0,0 +1,18 @@
+// apps/web/src/app/governance/page.tsx
+'use client'
+import { Helmet } from "react-helmet-async";
+
+import { SenseScreen } from '@lumera-hub/ui/src/screens/SenseScreen';
+
+export default function Page() {
+  return (
+    <>
+      <Helmet>
+        <title>Codestin Search App</title>
+      </Helmet>
+      <div className="sense-content">
+        <SenseScreen />
+      </div>
+    </>
+  )
+}
diff --git a/apps/web/src/components/layout/AppShell.tsx b/apps/web/src/components/layout/AppShell.tsx
index b76df6e..202e0c9 100644
--- a/apps/web/src/components/layout/AppShell.tsx
+++ b/apps/web/src/components/layout/AppShell.tsx
@@ -11,13 +11,13 @@ import { ConnectWallet, WalletModalComponent } from '@/components/ConnectWallet'
 
 export const NAV_ITEMS: { id: ViewId; label: string, url: string, icon: React.ReactNode }[] = [
   { id: "dashboard", label: "Dashboard", url: "/", icon: <BarChart2 /> },
+  { id: "wallet", label: "Wallet", url: "/wallet", icon: <Wallet /> },
   { id: "staking", label: "Staking", url: "/staking", icon: <Hotel /> },
   { id: "governance", label: "Governance", url: "/governance", icon: <LaptopMinimalCheck /> },
   { id: "cascade", label: "Cascade", url: "/cascade", icon: <Database /> },
-  { id: "sense", label: "Sense", url: "#", icon: <ShieldCheck /> },
-  { id: "inference", label: "Inference", url: "#", icon: <BrainCircuit /> },
-  { id: "nfts", label: "NFTs", url: "#", icon: <Image /> },
-  { id: "wallet", label: "Wallet", url: "/wallet", icon: <Wallet /> },
+  { id: "sense", label: "Sense", url: "/sense", icon: <ShieldCheck /> },
+  { id: "inference", label: "Inference", url: "/inference", icon: <BrainCircuit /> },
+  { id: "nfts", label: "NFTs", url: "/nfts", icon: <Image /> },
 ]
 
 const VIEW_TITLES: Record<ViewId, string> = {
diff --git a/packages/ui/src/screens/HomeScreen.tsx b/packages/ui/src/screens/HomeScreen.tsx
index 5205930..2d342eb 100644
--- a/packages/ui/src/screens/HomeScreen.tsx
+++ b/packages/ui/src/screens/HomeScreen.tsx
@@ -771,7 +771,7 @@ export const HomeScreen = ({
                       {isRecentActivityLoading ?
                         <Skeleton /> : 
                         <>
-                          {recentActivities?.map((item) => getActivity(item))}
+                          {recentActivities.slice(0, 6)?.map((item) => getActivity(item))}
                         </>
                       }
                     </div>
diff --git a/packages/ui/src/screens/InferenceScreen.tsx b/packages/ui/src/screens/InferenceScreen.tsx
new file mode 100644
index 0000000..2421f15
--- /dev/null
+++ b/packages/ui/src/screens/InferenceScreen.tsx
@@ -0,0 +1,17 @@
+import { H2, Card } from 'tamagui';
+import { Construction } from '@tamagui/lucide-icons';
+
+export const InferenceScreen = () => {
+    return (
+        <div className="space-y-8">
+            <Card elevate size="$4" bordered className='w-full'>
+                <div className='flex flex-col items-center justify-center min-h-[80vh]'>
+                    <div className="w-20 h-20 rounded-full grid place-items-center staking-icon wallet">
+                        <Construction size="$3" />
+                    </div>
+                    <H2 className='font-bold text-white text-[32px] leading-none !mt-5'>Coming soon</H2>
+                </div>
+            </Card>
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/packages/ui/src/screens/NFTsScreen.tsx b/packages/ui/src/screens/NFTsScreen.tsx
new file mode 100644
index 0000000..7cbf2a0
--- /dev/null
+++ b/packages/ui/src/screens/NFTsScreen.tsx
@@ -0,0 +1,17 @@
+import { H2, Card } from 'tamagui';
+import { Construction } from '@tamagui/lucide-icons';
+
+export const NFTsScreen = () => {
+    return (
+        <div className="space-y-8">
+            <Card elevate size="$4" bordered className='w-full'>
+                <div className='flex flex-col items-center justify-center min-h-[80vh]'>
+                    <div className="w-20 h-20 rounded-full grid place-items-center staking-icon wallet">
+                        <Construction size="$3" />
+                    </div>
+                    <H2 className='font-bold text-white text-[32px] leading-none !mt-5'>Coming soon</H2>
+                </div>
+            </Card>
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/packages/ui/src/screens/SenseScreen.tsx b/packages/ui/src/screens/SenseScreen.tsx
new file mode 100644
index 0000000..c16795f
--- /dev/null
+++ b/packages/ui/src/screens/SenseScreen.tsx
@@ -0,0 +1,17 @@
+import { H2, Card } from 'tamagui';
+import { Construction } from '@tamagui/lucide-icons';
+
+export const SenseScreen = () => {
+    return (
+        <div className="space-y-8">
+            <Card elevate size="$4" bordered className='w-full'>
+                <div className='flex flex-col items-center justify-center min-h-[80vh]'>
+                    <div className="w-20 h-20 rounded-full grid place-items-center staking-icon wallet">
+                        <Construction size="$3" />
+                    </div>
+                    <H2 className='font-bold text-white text-[32px] leading-none !mt-5'>Coming soon</H2>
+                </div>
+            </Card>
+        </div>
+    )
+}
\ No newline at end of file