Create pages/0_Problem-Statement_and_Aim.py

pages/0_Problem-Statement_and_Aim.py

@@ -0,0 +1,74 @@
+import streamlit as st 
+import pandas as pd 
+import numpy as np 
+
+# Title with centered alignment
+st.markdown("<h1 style='text-align:center; color:white;'>Problem Statement and Aim for this Project</h1>", unsafe_allow_html=True)
+
+# Centered header for the Streamlit app
+st.markdown("<h2 style='text-align:center;'>Analyzing and classifying the heart desease based on stroke.</h2>", unsafe_allow_html=True)
+
+st.markdown(
+    """
+    <div style="text-align: center;">
+        <img src="https://cdn-uploads.huggingface.co/production/uploads/674410caadaa0555589a9ec6/3OVCohh6mS6cEaVJtEi7T.jpeg" width="90%" />
+    </div>
+    """, 
+    unsafe_allow_html=True
+)
+
+# Problem statement section with center alignment
+st.markdown("<h3>Problem Statement and Aim:</h3>", unsafe_allow_html=True)
+
+# Text explaining the problem
+st.markdown(
+    """
+    <div>
+        <p><b>Title:</b> Analyzing and predicting the heart desease based on stroke.</ intent Using Machine Learning</p>
+        <p><b>Problem Statement:</b> To develop a predictive model to identify the likelihood of a stroke based on patient demographic, medical history, and lifestyle factors.This involves exploring the relationship between features like age, hypertension, heart disease, and other health metrics to accurately classify whether a stroke is likely to occur.</p>
+        <p><b>Aim for this project:</b> To analyze healthcare data and identify key risk factors for strokes, enabling early detection and prevention through data analysis and predictive modeling..</p>
+        <p><b>Key Objectives:</b></p>
+        <ul style="list-style-position: inside;">
+            <li>Data Preprocessing, Feature Engineering</li>
+            <li>Exploratory Data Analysis</li>
+            <li>Model Creation & Evaluation</li>
+        </ul>
+    </div>
+    """, 
+    unsafe_allow_html=True
+)
+
+# Center-aligned image
+
+
+# Background image with semi-transparent overlay
+background_image_url = "https://cdn-uploads.huggingface.co/production/uploads/67441c51a784a9d15cb12871/clljdAv7f_LGL8dH5vCZQ.jpeg"
+
+st.markdown(
+    f"""
+    <style>
+        .stApp {{
+        background-image: url("{background_image_url}");
+            background-size: cover;
+            background-position: center;
+            height: 100vh;
+        }}
+        /* Semi-transparent overlay */
+        .stApp::before {{
+            content: "";
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: rgba(0, 0, 0, 0.4);  /* Adjust transparency here (0.4 for 40% transparency) */
+            z-index: -1;
+        }}
+        /* Styling the content to ensure text visibility */
+        .stMarkdown {{
+            color: white;  /* White text to ensure visibility */
+        }}
+    </style>
+    """, 
+    unsafe_allow_html=True
+)