home carousel

src/screens/Home/Home.js

@@ -249,7 +249,11 @@ const Home = () => {
   const continueDisabled = !hasActiveProject || stageLocked || !stageRoute;
   const startDisabled = !songwriterAction?.route;
   return (
-    <Page shareBtn backgroundImg={background.homeBGWeb} headerType="NONE">
+    <Page
+      shareBtn
+      headerType="NONE"
+      containerStyle={{ width: "100%", maxWidth: "100%" }}
+    >
       <View style={styles.root}>
         <View
           style={{
@@ -291,6 +295,7 @@ const Home = () => {
             stageStates={stageStates}
             activeIndex={activeStageIndex}
             onActiveIndexChange={setActiveStageIndex}
+            backgroundImage={background.homeBGWeb}
           />
         </View>
         <View
@@ -342,6 +347,7 @@ export default Home;
 const styles = StyleSheet.create({
   root: {
     flex: 1,
+    backgroundColor: "#425B87",
   },
   heroImage: {
     position: "absolute",