diff --git a/src/ui/src/Apps/Casino/index.tsx b/src/ui/src/Apps/Casino/index.tsx
new file mode 100644
index 000000000..1b3aa28d2
--- /dev/null
+++ b/src/ui/src/Apps/Casino/index.tsx
@@ -0,0 +1,15 @@
+import { useEffect } from 'react';
+import { TopNavigation } from '../../components/Navigation/TopNavigation';
+
+export const CasinoApp = () => {
+  useEffect(() => {
+    document.title = 'Casino';
+  }, []);
+
+  return (
+    <div className="flex flex-col gap-2 flex-1 h-full overflow-hidden">
+      <TopNavigation title="Casino" />
+      <span>hello I am casino app</span>
+    </div>
+  );
+};
diff --git a/src/ui/src/Router.tsx b/src/ui/src/Router.tsx
index 63f3c794d..e6b2c5260 100644
--- a/src/ui/src/Router.tsx
+++ b/src/ui/src/Router.tsx
@@ -7,6 +7,7 @@ import { ContactView } from './Apps/Calls/Contacts/Contact';
 import { Call } from './Apps/Calls/Call';
 import { KeypadView } from './Apps/Calls/Keypad';
 import { LatestView } from './Apps/Calls/Latest';
+import { CasinoApp } from './Apps/Casino';
 
 export const router = createHashRouter([
   {
@@ -46,6 +47,10 @@ export const router = createHashRouter([
               },
             ],
           },
+          {
+            path: 'casino',
+            element: <CasinoApp />,
+          },
         ],
       },
     ],
diff --git a/src/ui/src/views/Home/index.tsx b/src/ui/src/views/Home/index.tsx
index a1b6055dc..5eff6dc6a 100644
--- a/src/ui/src/views/Home/index.tsx
+++ b/src/ui/src/views/Home/index.tsx
@@ -8,9 +8,9 @@ const apps = [
     logo: '📞',
   },
   {
-    id: 'contacts',
-    name: 'Contacts',
-    logo: '📇',
+    id: 'casino',
+    name: 'Casino',
+    logo: '🎰',
   },
   {
     id: 'messages',
@@ -32,16 +32,6 @@ const apps = [
     name: 'Camera',
     logo: '📸',
   },
-  {
-    id: 'weather',
-    name: 'Weather',
-    logo: '🌤️',
-  },
-  {
-    id: 'maps',
-    name: 'Maps',
-    logo: '🗺️',
-  },
   {
     id: 'clock',
     name: 'Clock',