diff --git a/src/components/HomeMenuComponent.tsx b/src/components/HomeMenuComponent.tsx
index 20eeffb..6a06fe8 100644
--- a/src/components/HomeMenuComponent.tsx
+++ b/src/components/HomeMenuComponent.tsx
@@ -1,24 +1,36 @@
 import React from 'react';
-import {View} from 'react-native';
+import {View, TouchableWithoutFeedback} from 'react-native';
 import {SvgProps} from 'react-native-svg';
 
 import {homeScreenStyles} from '../theme/homeScreenStyles';
+import {useNavigation} from '@react-navigation/native';
 
 export interface Props {
   svgIcon: React.FC<SvgProps>;
   footerColor: string;
+  navigateToScreen: string;
 }
 
-export const HomeMenuComponent = ({svgIcon, footerColor}: Props) => {
+export const HomeMenuComponent = ({
+  svgIcon,
+  footerColor,
+  navigateToScreen,
+}: Props) => {
+  const navigation = useNavigation();
+
   const Icon = svgIcon as React.FC<SvgProps>;
+
   return (
-    <View style={homeScreenStyles.optionContainer}>
-      <Icon style={homeScreenStyles.optionIcon}></Icon>
-      <View
-        style={{
-          ...homeScreenStyles.optionFooter,
-          backgroundColor: footerColor,
-        }}></View>
-    </View>
+    <TouchableWithoutFeedback
+      onPress={() => navigation.navigate(navigateToScreen as never)}>
+      <View style={homeScreenStyles.optionContainer}>
+        <Icon style={homeScreenStyles.optionIcon}></Icon>
+        <View
+          style={{
+            ...homeScreenStyles.optionFooter,
+            backgroundColor: footerColor,
+          }}></View>
+      </View>
+    </TouchableWithoutFeedback>
   );
 };
diff --git a/src/screens/HomeScreen.tsx b/src/screens/HomeScreen.tsx
index 8f2b28d..5e5108b 100644
--- a/src/screens/HomeScreen.tsx
+++ b/src/screens/HomeScreen.tsx
@@ -12,21 +12,35 @@ export const HomeScreen = () => {
   const appVersion = DeviceInfo.getVersion();
   return (
     // <ScrollView style={{backgroundColor: 'transparent', flex: 1}}>    </ScrollView>
-    <View style={{ backgroundColor: '#E5E5E5',flex:1}}>
-      <View
-        style={{ flex: 1, justifyContent:'center'}}>
-        <HomeMenuComponent svgIcon={Ic_Appointment} footerColor="#E68038" />
-        <HomeMenuComponent svgIcon={Ic_Promotions} footerColor="#3F80EC" />
-        <HomeMenuComponent svgIcon={Ic_My_Account} footerColor="#00559C" />
+    <View style={{backgroundColor: '#E5E5E5', flex: 1}}>
+      <View style={{flex: 1, justifyContent: 'center'}}>
+        <HomeMenuComponent
+          svgIcon={Ic_Appointment}
+          footerColor="#E68038"
+          navigateToScreen="TutorialScreen"
+        />
+        <HomeMenuComponent
+          svgIcon={Ic_Promotions}
+          footerColor="#3F80EC"
+          navigateToScreen="TutorialScreen"
+        />
+        <HomeMenuComponent
+          svgIcon={Ic_My_Account}
+          footerColor="#00559C"
+          navigateToScreen="TutorialScreen"
+        />
       </View>
       <View
         style={{
           flexDirection: 'row',
           justifyContent: 'space-between',
           marginHorizontal: 18,
-          marginBottom:20
+          marginBottom: 20,
         }}>
-        <Text onPress={async () => await Linking.openURL(Constants.TermsAndConditionsUri) }
+        <Text
+          onPress={async () =>
+            await Linking.openURL(Constants.TermsAndConditionsUri)
+          }
           style={{
             color: '#2097F6',
             fontSize: 12,