From f739b06c74e6687541a690dada1bfafcf115da80 Mon Sep 17 00:00:00 2001
From: Jack Robetson <jackrobertsonps3@gmail.com>
Date: Wed, 17 Apr 2024 14:20:33 +0100
Subject: [PATCH] Updates to maya intro Buttion

---
 src/pages/Home/App.js                                 | 6 +++---
 src/pages/StartingZoom/ComponentSections/MayaIntro.js | 7 ++++---
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/pages/Home/App.js b/src/pages/Home/App.js
index 66e093d..5dd7e89 100644
--- a/src/pages/Home/App.js
+++ b/src/pages/Home/App.js
@@ -63,10 +63,10 @@ const App = () => {
                 />
             )}
 
-            <DevZoom onZoom={handleZoom} />
-            {/* {showZoomFrontLoadScreen && (
+            {/* <DevZoom onZoom={handleZoom} /> */}
+            {showZoomFrontLoadScreen && (
                 <ZoomFrontLoadScreen onZoom={handleZoom} onOtherAction={() => setShowZoomFrontLoadScreen(false)} />
-            )} */}
+            )}
         </div>
     );
 };
diff --git a/src/pages/StartingZoom/ComponentSections/MayaIntro.js b/src/pages/StartingZoom/ComponentSections/MayaIntro.js
index fb79303..d208b34 100644
--- a/src/pages/StartingZoom/ComponentSections/MayaIntro.js
+++ b/src/pages/StartingZoom/ComponentSections/MayaIntro.js
@@ -34,7 +34,7 @@ const MayaIntro = ({ onNext }) => {
             opacity: 1,
             y: 0,
             transition: {
-                delay: 9000, // Adjusting button delay to match the initial delay
+                delay: 1.9, // Adjusted delay to follow the initial animation
                 duration: 0.5,
             },
         },
@@ -61,7 +61,8 @@ const MayaIntro = ({ onNext }) => {
                     onClick={onNext}
                     className="jump-animation"
                     style={{
-                        backgroundColor: "transparent",
+                        backgroundColor: "#3498db", // Changed to a solid, visible color
+                        color: "white", // Ensure text/icon is visible
                         padding: "0",
                         display: "inline-block",
                         justifyContent: "center",
@@ -71,7 +72,7 @@ const MayaIntro = ({ onNext }) => {
                         marginTop: "2rem",
                     }}
                 >
-                    <BsArrowRightSquareFill style={{ fontSize: "3rem" }} />
+                    <BsArrowRightSquareFill style={{ fontSize: "3rem", color: "white" }} />
                 </Button>
             </motion.div>
         </motion.div>