Create page layout

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() {

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>
+  )
+}