diff --git a/App.js b/App.js
index ed8f60e..94fa98b 100644
--- a/App.js
+++ b/App.js
@@ -5,7 +5,12 @@ import { NavigationContainer } from '@react-navigation/native';
 import { createNativeStackNavigator } from '@react-navigation/native-stack';
 
 import ScreenHome from './screens/ScreenHome';
-import ScreenContoh from './screens/ScreenContoh';
+import ScreenProfile from './screens/ScreenProfile';
+import ScreenMassa from './screens/ScreenMassa';
+import ScreenSuhu from './screens/ScreenSuhu';
+import ScreenPuasa from './screens/ScreenPuasa';
+import ScreenTensi from './screens/ScreenTensi';
+import ScreenGula from './screens/ScreenGula';
 
 const Stack = createNativeStackNavigator();
 
@@ -14,7 +19,12 @@ const App = () => {
     <NavigationContainer>
       <Stack.Navigator initialRouteName="Home">
         <Stack.Screen name="Home" component={ScreenHome} />
-        <Stack.Screen name="Contoh" component={ScreenContoh} />
+        <Stack.Screen name="Profile" component={ScreenProfile} />
+        <Stack.Screen name="Massa" component={ScreenMassa} />
+        <Stack.Screen name="Suhu" component={ScreenSuhu} />
+        <Stack.Screen name="Puasa" component={ScreenPuasa} />
+        <Stack.Screen name="Tensi" component={ScreenTensi} />
+        <Stack.Screen name="Gula" component={ScreenGula} />
       </Stack.Navigator>
     </NavigationContainer>
   );
diff --git a/assets/illustration/menu/height.png b/assets/illustration/menu/height.png
new file mode 100644
index 0000000..8702f83
Binary files /dev/null and b/assets/illustration/menu/height.png differ
diff --git a/assets/illustration/menu/male.png b/assets/illustration/menu/male.png
new file mode 100644
index 0000000..69e1bf3
Binary files /dev/null and b/assets/illustration/menu/male.png differ
diff --git a/assets/illustration/menu/medicine.png b/assets/illustration/menu/medicine.png
new file mode 100644
index 0000000..2da6093
Binary files /dev/null and b/assets/illustration/menu/medicine.png differ
diff --git a/assets/illustration/menu/sphygmomanometer.png b/assets/illustration/menu/sphygmomanometer.png
new file mode 100644
index 0000000..7286480
Binary files /dev/null and b/assets/illustration/menu/sphygmomanometer.png differ
diff --git a/assets/illustration/menu/sugar-blood-level.png b/assets/illustration/menu/sugar-blood-level.png
new file mode 100644
index 0000000..78b7a65
Binary files /dev/null and b/assets/illustration/menu/sugar-blood-level.png differ
diff --git a/assets/illustration/menu/thermometer.png b/assets/illustration/menu/thermometer.png
new file mode 100644
index 0000000..ee81c82
Binary files /dev/null and b/assets/illustration/menu/thermometer.png differ
diff --git a/screens/ScreenGula.js b/screens/ScreenGula.js
new file mode 100644
index 0000000..4db3fcb
--- /dev/null
+++ b/screens/ScreenGula.js
@@ -0,0 +1,22 @@
+import { StatusBar } from 'expo-status-bar';
+import { StyleSheet, Text, View } from 'react-native';
+
+const ScreenGula = ({ navigation }) => {
+  return (
+    <View style={styles.container}>
+      <Text>Ini halaman Cek Gula Darah</Text>
+      <StatusBar style="auto" />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+});
+
+export default ScreenGula;
diff --git a/screens/ScreenHome.js b/screens/ScreenHome.js
index 15b2e11..dc04d6f 100644
--- a/screens/ScreenHome.js
+++ b/screens/ScreenHome.js
@@ -6,21 +6,39 @@ const ScreenHome = ({ navigation }) => {
     const menuItems = [
         {
             key: '1',
-            title: 'Apa aja',
-            icon: require('../assets/illustration/cheeky.png'),
-            screen: 'Contoh',
+            title: 'Profile',
+            icon: require('../assets/illustration/menu/male.png'),
+            screen: 'Profile',
         },
         {
             key: '2',
-            title: 'Boleh',
-            icon: require('../assets/illustration/cheeky.png'),
-            screen: 'Contoh',
+            title: 'Berat Badan Ideal',
+            icon: require('../assets/illustration/menu/height.png'),
+            screen: 'Massa',
         },
         {
             key: '3',
-            title: 'Boleh',
-            icon: require('../assets/illustration/cheeky.png'),
-            screen: 'Contoh',
+            title: 'Suhu Badan',
+            icon: require('../assets/illustration/menu/thermometer.png'),
+            screen: 'Suhu',
+        },
+        {
+            key: '4',
+            title: 'Riwayat Puasa',
+            icon: require('../assets/illustration/menu/medicine.png'),
+            screen: 'Puasa',
+        },
+        {
+            key: '5',
+            title: 'Tensi',
+            icon: require('../assets/illustration/menu/sphygmomanometer.png'),
+            screen: 'Tensi',
+        },
+        {
+            key: '6',
+            title: 'Gula Darah',
+            icon: require('../assets/illustration/menu/sugar-blood-level.png'),
+            screen: 'Gula',
         }
     ];
 
@@ -99,4 +117,4 @@ const styles = StyleSheet.create({
     },
 });
 
-export default ScreenHome;
\ No newline at end of file
+export default ScreenHome;
diff --git a/screens/ScreenMassa.js b/screens/ScreenMassa.js
new file mode 100644
index 0000000..8da61c4
--- /dev/null
+++ b/screens/ScreenMassa.js
@@ -0,0 +1,22 @@
+import { StatusBar } from 'expo-status-bar';
+import { StyleSheet, Text, View } from 'react-native';
+
+const ScreenMassa = ({ navigation }) => {
+  return (
+    <View style={styles.container}>
+      <Text>Ini halaman Massa</Text>
+      <StatusBar style="auto" />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+});
+
+export default ScreenMassa;
diff --git a/screens/ScreenProfile.js b/screens/ScreenProfile.js
new file mode 100644
index 0000000..a276e79
--- /dev/null
+++ b/screens/ScreenProfile.js
@@ -0,0 +1,22 @@
+import { StatusBar } from 'expo-status-bar';
+import { StyleSheet, Text, View } from 'react-native';
+
+const ScreenProfile = ({ navigation }) => {
+  return (
+    <View style={styles.container}>
+      <Text>Ini halaman Profile</Text>
+      <StatusBar style="auto" />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+});
+
+export default ScreenProfile;
diff --git a/screens/ScreenPuasa.js b/screens/ScreenPuasa.js
new file mode 100644
index 0000000..85fd574
--- /dev/null
+++ b/screens/ScreenPuasa.js
@@ -0,0 +1,22 @@
+import { StatusBar } from 'expo-status-bar';
+import { StyleSheet, Text, View } from 'react-native';
+
+const ScreenPuasa = ({ navigation }) => {
+  return (
+    <View style={styles.container}>
+      <Text>Ini halaman Puasa</Text>
+      <StatusBar style="auto" />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+});
+
+export default ScreenPuasa;
diff --git a/screens/ScreenSuhu.js b/screens/ScreenSuhu.js
new file mode 100644
index 0000000..3eee30f
--- /dev/null
+++ b/screens/ScreenSuhu.js
@@ -0,0 +1,22 @@
+import { StatusBar } from 'expo-status-bar';
+import { StyleSheet, Text, View } from 'react-native';
+
+const ScreenSuhu = ({ navigation }) => {
+  return (
+    <View style={styles.container}>
+      <Text>Ini halaman Suhu</Text>
+      <StatusBar style="auto" />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+});
+
+export default ScreenSuhu;
diff --git a/screens/ScreenTensi.js b/screens/ScreenTensi.js
new file mode 100644
index 0000000..04388e7
--- /dev/null
+++ b/screens/ScreenTensi.js
@@ -0,0 +1,22 @@
+import { StatusBar } from 'expo-status-bar';
+import { StyleSheet, Text, View } from 'react-native';
+
+const ScreenTensi = ({ navigation }) => {
+  return (
+    <View style={styles.container}>
+      <Text>Ini halaman Tensi</Text>
+      <StatusBar style="auto" />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+});
+
+export default ScreenTensi;