update

src/screens/Studio/ComposeSong.js

@@ -0,0 +1,10 @@
+import { View, Text } from "react-native";
+import React from "react";
+import Page from "../../layouts/Page";
+import { background } from "../../assets";
+
+const ComposeSong = () => {
+  return <Page backgroundImg={background.studioBG2}></Page>;
+};
+
+export default ComposeSong;

src/screens/Studio/Studio.js

@@ -0,0 +1,30 @@
+import { View, Text } from "react-native";
+import React from "react";
+import Page from "../../layouts/Page";
+import { background } from "../../assets";
+import GradientButton from "../../components/GradientButton";
+import { navigate } from "../../navigation/NavigationService";
+import { Routes } from "../../navigation";
+import { gutters } from "../../styles";
+
+const Studio = () => {
+  return (
+    <Page
+      headerType="NONE"
+      backgroundImg={background.studioBG}
+      containerStyle={{ paddingHorizontal: 0 }}
+      contentContainerStyle={{
+        padding: gutters * 2,
+      }}
+    >
+      <View style={{ flex: 1, justifyContent: "flex-end" }}>
+        <GradientButton
+          title="Commencer"
+          onPress={() => navigate(Routes.ComposeSong)}
+        />
+      </View>
+    </Page>
+  );
+};
+
+export default Studio;