From 1bccf7642f5d7b6a14b0f349c7d2ae7822822941 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Tue, 22 Aug 2023 12:38:00 +0300
Subject: [PATCH] feat: add connection between landing and pair page

---
 src/App.tsx                           |  1 +
 src/pages/LandingPage/LandingPage.tsx | 11 ++++++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/App.tsx b/src/App.tsx
index 4136b233..79aced95 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -36,6 +36,7 @@ const router = createBrowserRouter([
   },
   { path: '/create-local-node', element: <CreateLocalNodePage /> },
 ])
+
 function App() {
   return (
     <ReduxProvider store={store}>
diff --git a/src/pages/LandingPage/LandingPage.tsx b/src/pages/LandingPage/LandingPage.tsx
index ba3065b9..c3833354 100644
--- a/src/pages/LandingPage/LandingPage.tsx
+++ b/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>