import streamlit as st
from PIL import Image

image = Image.open('./assets/logo_latam_brain.png')
logo = Image.open('./assets/LatamBrainlogo.png')
scrum = Image.open("./assets/Scrum'ProcessLB.png")

tag = "background:#5c62ac;padding:2px 4px;border-radius:4px"


def Home():
    # Logo y Presentación
    col1, col2 = st.columns(2)
    col1.markdown("""
        <br/>
        <br/>
        <br/>
        <h1 style="text-align:center; font-weight:bold; 
        text-shadow:0px 0px 10px #5c62ac;font-size:3rem">LatamBrain</h1>
        <h5 style="text-align:center;color:#5c62ac">tú cerebro tecnológico</h5>
        <br />
    """, unsafe_allow_html=True)
    col2.image(image, width=300)

    # Quienes somos
    st.markdown('''
        <br>
        <h2><strong>Descubre</strong> la historia detrás de <strong>nuestra 
        empresa y conoce al equipo</strong> de expertos apasionados que están 
        detrás de nuestros servicios de primera clase</h2>
        <hr>
        <p><strong>LatamBrain</strong> es la startup que necesitas para llevar 
        tu negocio al siguiente nivel. Nuestro enfoque altamente innovador y 
        tecnológico garantiza soluciones personalizadas, seguras y eficientes 
        que te mantendrán un paso adelante de la competencia. Nos enorgullece 
        ser líderes en nuestra industria y estamos comprometidos en ayudarte a 
        prepararte para el futuro. No pierdas la oportunidad de contactar con 
        <strong>LatamBrain</strong> y descubrir cómo podemos ayudarte a llevar 
        tus ideas más allá.</p> 
        
        <p><strong>LatamBrain</strong>, tú cerebro tecnológico!</p>
    ''', unsafe_allow_html=True)

    # Servicios
    st.markdown('''
            <br>
            <h2>Desata todo tu potencial con nuestros 
            <strong>servicios</strong> a medida.</h2>
            <hr>
        ''', unsafe_allow_html=True)

    col1, col2, col3 = st.columns(3)
    col1.markdown('''
        <li>Data Análisis
        <li>Reportes financieros
        <li>KPI's personalizados
        <li>Asesoramientos y Plan de Ejecución
        <li><span style="background:#5c62ac;padding:2px 4px;border-radius:4px">Y más...</span>
    ''', unsafe_allow_html=True)
    col2.markdown('''
            <li>Machine Learning
            <li>Deep Learning
            <li>Automatización de con ML
            <li>ChatBot
            <li><span style="background:#5c62ac;padding:2px 4px;border-radius:4px">Y más...</span>
        ''', unsafe_allow_html=True)
    col3.markdown('''
            <li>Cloud AWS
            <li>Máxima seguridad en tús datos
            <li>Disponibilidad y velocidad de datos
            <li><span style="background:#5c62ac;padding:2px 4px;border-radius:4px">Y más...</span>
        ''', unsafe_allow_html=True)

    # Nosotros y como trabajamos
    st.markdown('''
                <br>
                <h2>Conoce nuestro <strong>enfoque único y</strong> descubre 
                <strong>cómo trabajamos</strong> para superar tus expectativas</h2>
                <hr>
            ''', unsafe_allow_html=True)
    st.image(scrum)

    # Video
    st.markdown("""
    <br>
    <h3>La esencia de nuestra empresa en un solo <strong>video.</strong></h3>
    <hr>
    """, unsafe_allow_html=True)

    VIDEO_ID = "https://www.youtube.com/embed/G8PdiAwhbNM"

    # Genera el código HTML del iframe
    html = f"""
            <div >
                <iframe
                    style="height:200px;width
                    :700px"
                    width="530"
                    height="360"
                    src= {VIDEO_ID}
                    title="LatamBrain - Spot"
                    frameborder="0"
                    allow="accelerometer; autoplay; clipboard-write;
                    encrypted-media; gyroscope;
                    picture-in-picture; web-share"
                    allowfullscreen
                    >
                </iframe>
            </div>

                """

    # Inserta el iframe en la aplicación de Streamlit
    st.components.v1.html(html)

    # Opiniones
    st.markdown('''
                    <br>
                    <h3>Cómo hemos llegado hasta aquí. <strong>Nuestro 
                    proceso</strong> de evolución y crecimiento.</h3>
                    <hr>
                ''', unsafe_allow_html=True)
    col1, col2, col3 = st.columns(3)

    catriel = '''
                <h4><strong>Catriel Pérez<strong></h4>
                <p style="margin-top:-20px"><i>Data Engineer</i></p>
                <p>Ha sido una experiencia increíble trabajar con este equipo. 
                Todos han sido muy profesionales y comprometidos con el éxito 
                del proyecto. Me siento agradecido de haber formado parte de 
                este equipo y haber aprendido tanto en el proceso. Y esto... 
                recién comienza!</p>
                <a href="https://www.linkedin.com/in/perezcatriel/">Más sobre 
                mí...</a>
                <a href="mailto:perezcastriel@gmail.com">Contactame...</a>
                <p>24 de abril del 2023</p>
            '''
    mati = '''
                    <h4><strong>Matias Benitez</strong></h4>
                    <p style="margin-top:-20px"><i>Machine Learning</i></p>
                    <p>Trabajar en este proyecto ha sido una verdadera aventura. 
                    He enfrentado muchos desafíos y he aprendido cosas nuevas 
                    todos los días. El equipo con el que he trabajado ha sido 
                    excepcional, siempre dispuesto a ayudar y colaborar en todo 
                    momento. Me llevo una experiencia enriquecedora y 
                    valiosa.</p>
                    <a href="https://www.linkedin.com/in/matias-benitez-carrizo/">Más 
                    sobre mí...</a>
                    <a href="mailto:matiasbenitezcarrizo@gmail.com">Contactame...</a>
                    <p>24 de abril del 2023</p>
                '''
    luis = '''
                        <h4><strong>Luis Rascón</strong></h4>
                        <p style="margin-top:-20px"><i>Data Analyst</i></p>
                        <p>No tengo más que palabras de agradecimiento por esta experiencia. He tenido la oportunidad de trabajar con gente talentosa y apasionada por su trabajo, lo que ha hecho que el proyecto sea un éxito rotundo. Me llevo muchas lecciones aprendidas y nuevas habilidades que me servirán en mi carrera profesional. Ha sido una experiencia inolvidable.</p>
                        <a href="https://www.linkedin.com/in/luis-francisco-rascon-carrasco/">Más sobre mí...</a>
                        <a href="mailto:luis.francisco.rc@gmail.com">Contactame...</a>
                        <p>24 de abril del 2023</p>
                    '''

    col1.markdown(luis, unsafe_allow_html=True)
    col2.markdown(mati, unsafe_allow_html=True)
    col3.markdown(catriel, unsafe_allow_html=True)

    # Documentos Extras
    st.markdown("""
        <br>
        <h3>Documentación Extra</h3>
        <hr>
    """, unsafe_allow_html=True)

    col1, col2, col3, col4 = st.columns(4)
    col1.markdown("""
    <a href="https://github.com/LRascon/data_world_jobs">Github</a>
    """, unsafe_allow_html=True)
    col2.markdown("""
        <a href="https://www.notion.so/Data-World-Tendencias-del-Mercado-Laboral-c61f044bd0db44988147fc961551666d">Notion</a>
        """, unsafe_allow_html=True)
    col3.markdown("""
        <a href="https://public.tableau.com/views/latam_brain_context
        /DashboardVistazoelMercadoActual?:language=es-ES&publish=yes
        &:display_count=n&:origin=viz_share_link">Tableau</a>
        """, unsafe_allow_html=True)
    col4.markdown("""
        <a href="https://www.youtube.com/watch?v=G8PdiAwhbNM">YouTube</a>
        """, unsafe_allow_html=True)