import solara

@solara.component
def Page():
    with solara.Columns([1, 4]):

        contact = """
        ### Application Information
        - Web App URL: <https://interactive-crime-map.hf.space/>
        - HuggingFace repository: <https://huggingface.co/spaces/interactive-crime/map/tree/main>
        ### Contact Information
        Yunus Serhat Bıçakçı at [yunusserhat.com](https://yunusserhat.com) | [GitHub](https://github.com/yunusserhat) | [Twitter](https://twitter.com/yunusserhat) | [LinkedIn](https://www.linkedin.com/in/yunusserhat)
        """
        solara.Markdown(contact)
        markdown = """
    # Interactive Crime Map Application

    ### Introduction

    **This interactive crime map apps created using [Solara](https://github.com/widgetti/solara), [Docker](https://www.docker.com/) and open-source libraries and repositories, such as [leafmap](https://leafmap.org), [geopandas](https://geopandas.org), [solara-geospatial](https://huggingface.co/spaces/giswqs/solara-geospatial) ,and [ipyleaflet](https://github.com/jupyter-widgets/ipyleaflet).**
    
    More features will be added in the future. 
    
    **Click on the menu above to see the other pages.**


    ### Demos

    ![](https://i.imgur.com/4uIEnAJ.gif)

    """

        solara.Markdown(markdown)