diff --git a/public/background-images/sync-status-background.png b/public/background-images/sync-status-background.png
new file mode 100644
index 00000000..9b288c6a
Binary files /dev/null and b/public/background-images/sync-status-background.png differ
diff --git a/src/App.tsx b/src/App.tsx
index 177ea5ef..dac76b68 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -5,6 +5,7 @@ import './App.css'
 import config from '../tamagui.config'
 import LandingPage from './components/LandingPage'
 import DeviceHealthCheck from './pages/DeviceHealthCheck/DeviceHealthCheck'
+import DeviceSyncStatus from './pages/DeviceHealthCheck/DeviceSyncStatus'
 
 const router = createBrowserRouter([
   {
@@ -15,6 +16,10 @@ const router = createBrowserRouter([
     path: '/device-health-check',
     element: <DeviceHealthCheck />,
   },
+  {
+    path: '/device-sync-status',
+    element: <DeviceSyncStatus />,
+  },
 ])
 
 function App() {
diff --git a/src/pages/DeviceHealthCheck/DeviceSyncStatus.tsx b/src/pages/DeviceHealthCheck/DeviceSyncStatus.tsx
new file mode 100644
index 00000000..991ea471
--- /dev/null
+++ b/src/pages/DeviceHealthCheck/DeviceSyncStatus.tsx
@@ -0,0 +1,24 @@
+import { Stack, YStack } from 'tamagui'
+import LayoutComponent from '../../components/LayoutComponent'
+import NimbusLogo from '../../components/NimbusLogo'
+import Titles from '../../components/Titles'
+import { Button } from '@status-im/components'
+
+const DeviceSyncStatus = () => {
+  return (
+    <LayoutComponent
+      content={<DeviceSyncStatusContent />}
+      rightImageSrc="/background-images/sync-status-background.png"
+    />
+  )
+}
+
+export default DeviceSyncStatus
+
+const DeviceSyncStatusContent = () => {
+  return (
+    <div className="container-inner landing-page">
+      
+    </div>
+  )
+}