update

src/screens/Writing/WritingLyrics.js

@@ -0,0 +1,44 @@
+import { View, Text, Image, StyleSheet } from "react-native";
+import React from "react";
+import Page from "../../layouts/Page";
+import { ai } from "../../assets";
+import GradientButton from "../../components/GradientButton";
+import { gutters } from "../../styles";
+import BorderGradientButton from "../../components/BorderGradientButton";
+import MusicLandHeader from "../../components/MusicLandHeader";
+import { goBack } from "../../navigation/NavigationService";
+
+const WritingLyrics = () => {
+  return (
+    <Page headerType="NONE">
+      <Image source={ai.nathalie} style={styles.img} resizeMode="contain" />
+      <MusicLandHeader showSkip onPressBack={goBack} />
+      <View
+        style={{ flex: 1, position: "relative", justifyContent: "flex-end" }}
+      >
+        <View
+          style={{
+            paddingBottom: gutters * 2,
+            paddingHorizontal: gutters,
+            gap: 12,
+          }}
+        >
+          <BorderGradientButton />
+          <GradientButton title="Écrire des paroles avec une IA" />
+        </View>
+      </View>
+    </Page>
+  );
+};
+
+export default WritingLyrics;
+
+const styles = StyleSheet.create({
+  img: {
+    width: "100%",
+    height: "70%",
+    position: "absolute",
+    bottom: -40,
+    right: -30,
+  },
+});