update

src/screens/Onboarding.js

@@ -4,6 +4,8 @@ import Button from "../components/Button";
 import { gutters } from "../styles";
 import { navigate } from "../navigation/NavigationService";
 import { Routes } from "../navigation";
+import { LinearGradient } from "../components/LinearGradient/LinearGradient";
+import GradientButton from "../components/GradientButton";
 
 export default ({ navigation }) => {
   return (
@@ -13,11 +15,20 @@ export default ({ navigation }) => {
         justifyContent: "flex-end",
         padding: gutters,
         paddingBottom: gutters * 2,
+        backgroundColor: "#0A0D12",
+        gap: 10,
       }}
     >
-      <Button text="WRITING" onPress={() => navigate(Routes.Writing)} />
-      <Button text="STUDIO" onPress={() => navigate(Routes.Studio)} />
-      <Button text="PRODUCTION" onPress={() => navigate(Routes.ProductionOnboarding)} />
+      <GradientButton title="LOGIN" onPress={() => navigate(Routes.Login)} />
+      <GradientButton
+        title="WRITING"
+        onPress={() => navigate(Routes.Writing)}
+      />
+      <GradientButton title="STUDIO" onPress={() => navigate(Routes.Studio)} />
+      <GradientButton
+        title="PRODUCTION"
+        onPress={() => navigate(Routes.ProductionOnboarding)}
+      />
     </View>
   );
 };