feat: add connection between landing and pair page

src/App.tsx

@@ -36,6 +36,7 @@ const router = createBrowserRouter([
   },
   { path: '/create-local-node', element: <CreateLocalNodePage /> },
 ])
+
 function App() {
   return (
     <ReduxProvider store={store}>

src/pages/LandingPage/LandingPage.tsx

@@ -6,8 +6,15 @@ import NimbusLogo from '../../components/Logos/NimbusLogo'
 import { NodeIcon } from '@status-im/icons'
 import { Button as StatusButton, Text } from '@status-im/components'
 import QuickStartBar from '../../components/General/QuickStartBar/QuickStartBar'
+import { useNavigate } from 'react-router'
 
 function LandingPage() {
+  const navigate = useNavigate()
+
+  const getStartedHanlder = () => {
+    navigate('/pair-device')
+  }
+
   return (
     <>
       <PageWrapperShadow rightImageSrc="./background-images/landing-page-bg.png">
@@ -25,7 +32,9 @@ function LandingPage() {
           </YStack>
 
           <XStack>
-            <StatusButton icon={<NodeIcon size={20} />}>Get Started</StatusButton>
+            <StatusButton icon={<NodeIcon size={20} />} onPress={getStartedHanlder}>
+              Get Started
+            </StatusButton>
           </XStack>
         </YStack>
       </PageWrapperShadow>