Fixes and tickets

src/screens/Home/Home.js

@@ -371,13 +371,19 @@ const Home = ({ navigation, route }) => {
     simpleRef: true,
   });
   const videoUrl = isWeb ? video?.landingWeb : video?.landing;
+  const homeBackgroundImage = isWeb
+    ? background.homeBGWeb
+    : background.homeBG;
+  const landingBackgroundImage = homeBackgroundImage;
+
   return adventureStarted ? (
     <Page
       shareBtn
       headerType="NONE"
       containerStyle={{ width: "100%", maxWidth: "100%", paddingHorizontal: 0 }}
+      backgroundImg={homeBackgroundImage}
     >
-      <View style={styles.root}>
+      <View style={[styles.root, isWeb ? styles.rootWeb : styles.rootNative]}>
         <View
           style={{
             zIndex: 10,
@@ -418,7 +424,7 @@ const Home = ({ navigation, route }) => {
             stageStates={stageStates}
             activeIndex={activeStageIndex}
             onActiveIndexChange={setActiveStageIndex}
-            backgroundImage={background.homeBGWeb}
+            backgroundImage={homeBackgroundImage}
           />
         </View>
         <View
@@ -464,7 +470,11 @@ const Home = ({ navigation, route }) => {
     </Page>
   ) : (
     <>
-      <Page shareBtn title="Landing Page" backgroundImg={background.homeBGWeb}>
+      <Page
+        shareBtn
+        title="Landing Page"
+        backgroundImg={landingBackgroundImage}
+      >
         <View
           style={{
             flex: 1,
@@ -493,7 +503,12 @@ export default Home;
 const styles = StyleSheet.create({
   root: {
     flex: 1,
-    backgroundColor: "#425B87",
+  },
+  rootWeb: {
+    backgroundColor: "transparent",
+  },
+  rootNative: {
+    backgroundColor: "rgba(66, 91, 135, 0.3)",
   },
   heroImage: {
     position: "absolute",