feat: text message

src/screens/cover/ChooseCoverType.js

@@ -327,6 +327,17 @@ export const ChooseCoverType = () => {
             gap: 12,
           }}
         >
+          <View style={styles.coverInstructions}>
+            <Text style={styles.coverTitle}>Personnalise ta pochette</Text>
+            <Text style={styles.coverDescription}>
+              Choisis une photo ou une image de ta galerie pour illustrer ta chanson au centre de
+              la pochette MusicLand.
+            </Text>
+            <Text style={styles.coverDescription}>
+              Tu peux aussi appuyer sur « Voir ma pochette » pour découvrir le modèle proposé.
+              Tu pourras ensuite valider ta pochette à l’étape suivante.
+            </Text>
+          </View>
           <BorderGradientButton
             title="Choisir l’image centrale"
             onPress={handlePickCenterImage}
@@ -424,6 +435,23 @@ export const ChooseCoverType = () => {
 }
 
 const styles = StyleSheet.create({
+  coverInstructions: {
+    padding: 20,
+    gap: 12,
+    borderRadius: 18,
+    backgroundColor: 'rgba(15, 12, 20, 0.88)',
+  },
+  coverTitle: {
+    fontFamily: FONT_FAMILY.InterSemiBold,
+    fontSize: 22,
+    color: Palette.white,
+  },
+  coverDescription: {
+    fontFamily: FONT_FAMILY.InterRegular,
+    fontSize: 15,
+    lineHeight: 22,
+    color: Palette.white,
+  },
   modalBackdrop: {
     flex: 1,
     backgroundColor: 'rgba(0,0,0,0.65)',