background iamges

.gitignore

@@ -52,7 +52,7 @@ local.properties
 *.hprof
 .cxx/
 
-
+firebase-debug.log
 # node.js
 #
 node_modules/

src/assets/index.js

@@ -105,13 +105,13 @@ import john from "./UI/john.png";
 import nathalie from "./UI/nathalie.png";
 import theo from "./UI/theo.png";
 
+import { Platform } from "react-native";
 import goodVibe from "./UI/goodVibe.png";
 import placeholder from "./UI/placeholder.jpg";
 import placeholder2 from "./UI/placeholder2.jpg";
 import placeholder3 from "./UI/placeholder3.png";
 import placeholder4 from "./UI/placeholder4.jpg";
 import profile from "./UI/profile.jpg";
-import { Platform } from "react-native";
 
 export const tabs = {
   home,
@@ -224,9 +224,11 @@ export const background = {
   profileBG,
   profileBgWeb: require("./UI/profileBgWeb.png"),
   hitParadeBG,
+  hitParadeBG2: require("./UI/hitParadeBG2.jpeg"),
   homeBG,
   homeBGWeb: require("./UI/homeBGWeb.png"),
   loginBgWeb: require("./UI/loginBgWeb.png"),
+  profileWebBG: require("./UI/profileWebBG.jpeg"),
 };
 
 export const ai = {

src/screens/HitParade/HitParade.js

@@ -210,11 +210,11 @@ const HitParade = () => {
 
   return (
     <Page
-      backgroundImg={isWeb ? background.libraryBgWeb : background.hitParadeBG}
+      backgroundImg={isWeb ? background.hitParadeBG2 : background.hitParadeBG}
       headerType="NONE"
       width="100%"
       maxWidth={800}
-      blurIntensity={isWeb ? 2 : 0}
+      blurIntensity={isWeb ? 1 : 0}
     >
       <View style={{ gap: 12, flex: 1 }}>
         <Image source={icons.musicLandLogo} style={{ alignSelf: "center" }} />

src/screens/Profile/Profile.js

@@ -300,7 +300,7 @@ const Profile = () => {
 
   return (
     <Page
-      backgroundImg={isWeb ? background.profileBgWeb : background.profileBG}
+      backgroundImg={isWeb ? background.profileWebBG : background.profileWebBG}
       headerType="NAVIGATE"
       hideBackButton={params?.noBack}
       contentContainerStyle={{