# Import required libraries
import streamlit as st

# Set Streamlit page configuration
st.set_page_config(page_title='Help - XLS Office Documents Analysis with ChatGPT4 NLP Model', 
                   page_icon=":memo:", 
                   layout='wide', 
                   initial_sidebar_state='collapsed')

# Set CSS properties for HTML components
st.markdown("""
<style>
body {
    color: #fff;
    background-color: #4f8bf9;
}
h1, h2 {
    color: #ffdd00;
}
</style>
    """, unsafe_allow_html=True)

# Use HTML in markdown to center align the title
st.markdown("""
<h1 style='text-align: center; color: #ffdd00;'>Help Document for XLS Office Documents Analysis with ChatGPT4 NLP Model</h1>
    """, unsafe_allow_html=True)

# Display authorship details
st.markdown("""
## Developed by Falah.G.Salieh
* AI Developer
* Specialized in Natural Language Processing
""", unsafe_allow_html=True)

# Display help content
st.markdown("""
## Getting Started

This project aims to ...

Here's how to use this app:

1. Step 1: ...
2. Step 2: ...
3. Step 3: ...

Please note that ...

### Uploading Your XLS File

To upload your XLS file, ...

### Using the ChatGPT-4 NLP Model

To use the ChatGPT-4 NLP model, ...

### Understanding the Results

When you receive the results, ...

### Troubleshooting

If you encounter any problems, ...

## Contact

If you have any questions, feel free to ...
""", unsafe_allow_html=True)