Refactor app flows and refresh UI components

src/assets/index.js

@@ -220,17 +220,19 @@ export const background = {
   productionBG2,
   playbackBG,
   playbackBG2,
+  playbackMainBackground: require('./UI/playbackMainBackground.jpg'),
   libraryBG,
   writingMobileBackground,
   libraryBgWeb: require('./UI/libraryBgWeb.png'),
+  libraryMainBackground: require('./UI/libraryMainBackground.jpg'),
   libraryBG2,
   libraryBG2Web: require('./UI/libraryBG2Web.png'),
   profileBG,
   profileBgWeb: require('./UI/profileBgWeb.png'),
   hitParadeBG,
   hitParadeBG2: require('./UI/hitparadeBG2.jpg'),
-  playbackWeb: require('./UI/playbackWeb.png'),
-  playbackMobile: require('./UI/playbackMobile.png'),
+  playbackWeb: require('./UI/videoSpaceBackground.jpg'),
+  playbackMobile: require('./UI/videoSpaceBackground.jpg'),
   homeBG,
   homeBGWeb: require('./UI/homeBGWeb.png'),
   loginBgWeb: require('./UI/loginBgWeb.png'),
@@ -251,6 +253,11 @@ export const videos = {
     Platform.OS === 'web' ? require('./video/testVideoWeb.mp4') : require('./video/testVideo.mp4'),
   club: require('./video/club.mp4'),
   entryJingle: require('./video/entry-jingle.mp4'),
+  languageBackground: require('./video/language-background-web.mp4'),
+  writingSpaceIntroFr: require('./video/writing-space-intro-fr.mp4'),
+  writingSpaceIntroEn: require('./video/writing-space-intro-en.mp4'),
+  videoSpaceIntroFr: require('./video/video-space-intro-fr.mp4'),
+  videoSpaceIntroEn: require('./video/video-space-intro-en.mp4'),
   welcomeFr: require('./video/welcome-fr.mp4'),
   welcomeEn: require('./video/welcome-en.mp4'),
 }
@@ -264,6 +271,8 @@ export const img = {
   goodVibe,
   musiclandClub,
   musiclandPlaybackCover,
+  musiclandPlayback: require('./UI/musiclandPlayback.png'),
+  musiclandStreaming: require('./UI/musiclandStreaming.png'),
 }
 
 export const cardsImg = {