diff --git a/frontend/gostarkme-web/app/app/myfunds/page.tsx b/frontend/gostarkme-web/app/app/myfunds/page.tsx
index dbc9f20..81b36fc 100644
--- a/frontend/gostarkme-web/app/app/myfunds/page.tsx
+++ b/frontend/gostarkme-web/app/app/myfunds/page.tsx
@@ -7,15 +7,11 @@ import { useState } from 'react';
 import { useEventListener, useLocalStorage } from 'usehooks-ts'
 import { useAtomValue } from 'jotai';
 import { walletStarknetkitLatestAtom } from '@/state/connectedWallet';
+import { navItems } from '@/constants';
 
 const MyFundsPage = () => { 
   const wallet = useAtomValue(walletStarknetkitLatestAtom);
 
-  const navItems = [
-    { label: 'My Profile', href: `/app/myprofile` },
-    { label: 'My funds', href: `/app/myfunds` }
-  ];
-
   return (
     <div className="min-h-screen flex flex-col">
       <Navbar
diff --git a/frontend/gostarkme-web/app/app/myprofile/page.tsx b/frontend/gostarkme-web/app/app/myprofile/page.tsx
index 77188e4..16d6721 100644
--- a/frontend/gostarkme-web/app/app/myprofile/page.tsx
+++ b/frontend/gostarkme-web/app/app/myprofile/page.tsx
@@ -9,16 +9,13 @@ import { useEventListener } from 'usehooks-ts';
 import { useState } from 'react';
 import { walletStarknetkitLatestAtom } from '@/state/connectedWallet';
 import { useAtomValue } from 'jotai';
+import { navItems } from '@/constants';
+
 
 const UserProfilePage = () => {
 
   const wallet = useAtomValue(walletStarknetkitLatestAtom);
 
-  const navItems = [
-    { label: 'My Profile', href: `/app/myprofile` },
-    { label: 'My funds', href: `/app/myfunds` }
-  ];
-
   // Mock data for design purposes
   const totalDonations = 20000;
   const currentLevel = 10;
diff --git a/frontend/gostarkme-web/app/app/page.tsx b/frontend/gostarkme-web/app/app/page.tsx
index 855a557..85a0307 100644
--- a/frontend/gostarkme-web/app/app/page.tsx
+++ b/frontend/gostarkme-web/app/app/page.tsx
@@ -1,13 +1,10 @@
+import React from "react";
 import FundCards from "@/components/dashboard/fundCard";
 import Footer from "@/components/ui/Footer";
 import Navbar from "@/components/ui/Navbar";
-import React from "react";
+import { navItems } from "@/constants";
 
 const Dashboard = () => {
-  const navItems = [
-    { label: 'My Profile', href: 'app/myprofile' },
-    { label: 'My funds', href: '/app/myfunds' }
-  ];
 
   const funds = [
     {
diff --git a/frontend/gostarkme-web/constants/index.ts b/frontend/gostarkme-web/constants/index.ts
index 341e17d..a6ff0fb 100644
--- a/frontend/gostarkme-web/constants/index.ts
+++ b/frontend/gostarkme-web/constants/index.ts
@@ -35,3 +35,8 @@ export const ARGENT_SESSION_SERVICE_BASE_URL =
 
 export const ARGENT_WEBWALLET_URL =
   process.env.NEXT_PUBLIC_ARGENT_WEBWALLET_URL || "https://web.argent.xyz"
+
+export const navItems = [
+    { label: 'My Profile', href: '/app/myprofile' },
+    { label: 'My funds', href: '/app/myfunds' }
+  ];
\ No newline at end of file