diff --git a/src/components/FormButton/index.js b/src/components/FormButton/index.js
new file mode 100644
index 0000000..6aa5c17
--- /dev/null
+++ b/src/components/FormButton/index.js
@@ -0,0 +1,31 @@
+import React from 'react';
+import {StyleSheet, Text, Pressable, Dimensions } from 'react-native';
+
+export default function FormButton({text, color, onPress}) {
+  const styles = StyleSheet.create({
+    button: {
+      width : '100%',
+      alignItems: 'center',
+      justifyContent: 'center',
+      paddingVertical: 12,
+      paddingHorizontal: 0,
+      borderRadius: 6,
+      elevation: 3,
+      backgroundColor: color,
+    },
+    text: {
+      fontSize: Dimensions.get('window').width / 25,
+      fontWeight: '300',
+      color: 'white',
+    },
+  });
+  return (
+    <Pressable
+      color={color}
+      style={styles.button}
+      onPress={() => onPress}
+    >
+      <Text style={styles.text}>{text}</Text>
+    </Pressable>
+  );
+}
\ No newline at end of file
diff --git a/src/views/Home/index.js b/src/views/Home/index.js
index 06dc4f1..7ee3ec3 100644
--- a/src/views/Home/index.js
+++ b/src/views/Home/index.js
@@ -1,13 +1,17 @@
-import React from 'react'
-import { View, Text } from 'react-native';
-import {connect} from 'react-redux';
+import React from 'react';
+import {View} from 'react-native';
+import FormButton from '../../components/FormButton/index.js';
 
 function Home({}) {
   return (
     <View>
-      <Text></Text>
+      <FormButton
+        text={'ادامه'}
+        color={'#6CBE44'}
+        onPress={console.log('reza')}
+      />
     </View>
-  )
+  );
 }
 
 export default Home;
diff --git a/src/views/Support/index.js b/src/views/Support/index.js
index 7d2dd04..f8f9362 100644
--- a/src/views/Support/index.js
+++ b/src/views/Support/index.js
@@ -10,4 +10,4 @@ function Support({}) {
   )
 }
 
-export default Support;
+export default Support;
\ No newline at end of file