Update pages/3_EDA and Feature Engineering.py

pages/3_EDA and Feature Engineering.py

@@ -17,9 +17,9 @@ st.markdown(
     <style>
         .stApp {{
             background-image: url("{background_image_url}");
-            background-size: auto;  /* Ensures the image retains its original size */
-            background-repeat: repeat;  /* Makes the image repeat to cover the entire background */
-            background-position: top left;  /* Starts repeating from the top-left corner */
+            background-size: 100% auto;  /* Ensure the image width is 100% of the screen, and the height scales proportionally */
+            background-repeat: repeat-y;  /* Repeat only vertically */
+            background-position: top center;  /* Start repeating from the top center */
             background-attachment: fixed;  /* Keeps the background fixed as you scroll */
         }}
         
@@ -45,13 +45,13 @@ st.markdown(
         .stMarkdown {{
             color: white;  /* White text to ensure visibility */
             font-size: 100px;  /* Adjust font size for readability */
-            # text-align: center;  /* Center align text */
         }}
     </style>
     """, 
     unsafe_allow_html=True
 )
 
+
 # Title of the Streamlit app
 st.title("Exploratory Data Analysis (EDA) on Agoda Hotel Dataset")
 
@@ -727,3 +727,48 @@ if data is not None:
 else:
    st.warning("No dataset found in session state. Please load the dataset into `st.session_state['data']`.")
 
+st.markdown(
+    """
+    <style>
+    .custom-button {
+        display: inline-block;
+        padding: 5px 10px;
+        font-size: 14px;
+        color: #ffffff;
+        background-color: #4CAF50;
+        border: none;
+        border-radius: 5px;
+        text-align: center;
+        text-decoration: none;
+        transition: background-color 0.3s ease, transform 0.2s ease;
+        cursor: pointer;
+    }
+    .custom-button:hover {
+        background-color: #45a049;
+        transform: scale(1.05);
+    }
+    .button-container {
+        display: flex;
+        justify-content: space-between;
+        margin-top: 20px;
+    }
+    </style>
+    """,
+    unsafe_allow_html=True,
+)
+import streamlit as st
+
+st.title("Exploratory Data Analysis (EDA) and Feature Engineering")
+
+st.write("Conduct EDA and derive features for the model here.")
+
+# Navigation Buttons
+st.markdown(
+    """
+    <div class="button-container">
+        <a href="pages/2_Data_Cleaning_and_Processing" target="_self" class="custom-button">Previous ⏮️</a>
+        <a href="pages/4_Model_Creation_and_Evaluation" target="_self" class="custom-button">Next ⏭️</a>
+    </div>
+    """,
+    unsafe_allow_html=True,
+)