import streamlit as st
import pandas as pd
import base64
import json

st.set_page_config(
    page_title="app",
    page_icon="📈",
)
st.markdown("<h1 style='text-align: center; color: black;'> Welcome to DataAI! 👋</h1>", unsafe_allow_html=True)

st.sidebar.success("Select a demo above.")

st.markdown("<h2 style='text-align: center; color: black;'>This is the demo for the usecases we've worked on.</h1>", unsafe_allow_html=True)

st.markdown("<h3 style='text-align: center; color: black;'>Select a demo from the sidebar to see some examples of what we can do!!! </h2>", unsafe_allow_html=True)
footer="""<style>
a:link , a:visited{
color: blue;
background-color: transparent;
text-decoration: underline;
}

a:hover,  a:active {
color: red;
background-color: transparent;
text-decoration: underline;
}

.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: white;
color: black;
text-align: center;
}
</style>
<div class="footer">
<p>Developed with ❤ by DataAi Team. Please contact us at +91 12-32130332</p>
</div>
"""
st.markdown(footer,unsafe_allow_html=True)   

main_bg_ext = "jpg"
main_bg = "vally4.jpg"
        
st.markdown(
 f"""
 <style>
 .stApp {{
     background: url(data:image/{main_bg_ext};base64,{base64.b64encode(open(main_bg, "rb").read()).decode()});
     background-size: cover
 }}
 </style>
 """,
 unsafe_allow_html=True
)