update

src/screens/Production/DownloadSongs.js

@@ -0,0 +1,12 @@
+import { View, Text } from "react-native";
+import React from "react";
+
+const DownloadSongs = () => {
+  return (
+    <View>
+      <Text>DownloadSongs</Text>
+    </View>
+  );
+};
+
+export default DownloadSongs;

src/screens/Production/Production.js

@@ -0,0 +1,37 @@
+import { View } from "react-native";
+import React from "react";
+import Page from "../../layouts/Page";
+import { background } from "../../assets";
+import { gutters } from "../../styles";
+import GradientButton from "../../components/GradientButton";
+import MusicLandHeader from "../../components/MusicLandHeader";
+import { goBack } from "../../navigation/NavigationService";
+import BorderGradientButton from "../../components/BorderGradientButton";
+
+const Production = () => {
+  return (
+    <Page headerType="NONE" backgroundImg={background.productionBG}>
+      <MusicLandHeader onPressBack={goBack} progress={9} />
+      <View
+        style={{
+          flex: 1,
+          paddingBottom: gutters * 2,
+          justifyContent: "flex-end",
+          gap: 37,
+        }}
+      >
+        <BorderGradientButton title="Je télécharge ma chanson" />
+        <View style={{ gap: 12 }}>
+          <GradientButton title="Je veux devenir Playbacker" />
+          <BorderGradientButton title="Voir exemples" />
+        </View>
+        <View style={{ gap: 12 }}>
+          <GradientButton title="Je veux créer un Clip" />
+          <BorderGradientButton title="Voir exemples" />
+        </View>
+      </View>
+    </Page>
+  );
+};
+
+export default Production;

src/screens/Production/ProductionOnboarding.js

@@ -0,0 +1,29 @@
+import { View, Text } from "react-native";
+import React from "react";
+import Page from "../../layouts/Page";
+import { background } from "../../assets";
+import { gutters } from "../../styles";
+import GradientButton from "../../components/GradientButton";
+import { navigate } from "../../navigation/NavigationService";
+import { Routes } from "../../navigation";
+
+const ProductionOnboarding = () => {
+  return (
+    <Page headerType="NONE" backgroundImg={background.productionBG}>
+      <View
+        style={{
+          flex: 1,
+          paddingBottom: gutters * 2,
+          justifyContent: "flex-end",
+        }}
+      >
+        <GradientButton
+          title="Commence"
+          onPress={() => navigate(Routes.Production)}
+        />
+      </View>
+    </Page>
+  );
+};
+
+export default ProductionOnboarding;