feat: slider

src/screens/LandingPage.js

@@ -20,6 +20,7 @@ import { Routes } from "../navigation/Routes";
 import { useUser } from "../providers/UserDataProvider";
 import { Palette } from "../styles";
 import { FONT_FAMILY } from "../styles/Fonts";
+import { BlurView } from "expo-blur";
 
 const LANGUAGE_STORAGE_KEY = "preferredLanguage";
 
@@ -120,12 +121,7 @@ export default function LandingPage() {
             {selectedLanguage && (
               <View style={styles.actions}>
                 {showFreeCreditsPopup && (
-                  <LinearGradient
-                    colors={["#F94697", "#7023F7"]}
-                    start={{ x: 0, y: 0 }}
-                    end={{ x: 1, y: 0 }}
-                    style={styles.freeCreditsCard}
-                  >
+                  <BlurView style={styles.freeCreditsCard}>
                     <View style={styles.freeCreditsContent}>
                       <View style={styles.freeCreditsTextContainer}>
                         <Text style={styles.freeCreditsTitle}>
@@ -147,7 +143,7 @@ export default function LandingPage() {
                         />
                       </TouchableOpacity>
                     </View>
-                  </LinearGradient>
+                  </BlurView>
                 )}
                 <GradientButton
                   title="Découvrir Musicland"
@@ -158,9 +154,7 @@ export default function LandingPage() {
                   title="Présentation de Musicland"
                   onPress={() =>
                     setVideoUrl(
-                      Platform.OS === "web"
-                        ? video?.landingWeb
-                        : video?.landing,
+                      Platform.OS === "web" ? video?.landingWeb : video?.landing
                     )
                   }
                   containerStyle={styles.actionButton}