Update modules/ui/ui.py

modules/ui/ui.py

@@ -454,93 +454,133 @@ def display_videos_and_info(lang_code, landing_t):
     ])
 
     # ============================================
-    # TAB 1: 👥 ABOUT US (NUEVO)
+    # ESTILOS GLOBALES PARA CONSISTENCIA
+    # ============================================
+    st.markdown("""
+    <style>
+        /* Estilos para títulos consistentes */
+        .tab-title {
+            font-size: 1.8em;
+            font-weight: 700;
+            color: #1E3A8A;
+            margin-bottom: 20px;
+            padding-bottom: 10px;
+            border-bottom: 3px solid #1E3A8A;
+        }
+        .section-title {
+            font-size: 1.4em;
+            font-weight: 600;
+            color: #374151;
+            margin: 25px 0 15px 0;
+        }
+        .subsection-title {
+            font-size: 1.2em;
+            font-weight: 600;
+            color: #4B5563;
+            margin: 20px 0 10px 0;
+        }
+        .content-text {
+            font-size: 1em;
+            line-height: 1.6;
+            color: #6B7280;
+        }
+        .highlight-box {
+            background-color: #F3F4F6;
+            border-left: 4px solid #1E3A8A;
+            padding: 15px;
+            margin: 15px 0;
+            border-radius: 0 5px 5px 0;
+        }
+        .logo-grid {
+            display: flex;
+            align-items: center;
+            margin: 15px 0;
+            padding: 15px;
+            background: white;
+            border-radius: 8px;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.05);
+        }
+    </style>
+    """, unsafe_allow_html=True)
+
+    # ============================================
+    # TAB 1: 👥 ABOUT US
     # ============================================
     with tab_about:
+        # NO repetir "About Us" - el tab ya lo dice
         about_texts = {
             'en': """
-            **AIdeaText** is a digital technology company for human cognitive development based in Mexico. 
-            Our solution has its core business in Semantic Reasoning Graphs (SRGs), a technological 
+            <div class="content-text">
+            <div class="highlight-box">
+            <strong>AIdeaText</strong> is a digital technology company for human cognitive development based in Mexico. 
+            Our solution has its core business in <strong>Semantic Reasoning Graphs (SRGs)</strong>, a technological 
             configuration that makes the critical thinking process visible, connecting educational 
             training with business needs by implementing a cognitive development measurement system 
             based on advanced natural language processing.
+            </div>
             
-            We have been validated by the **NVIDIA Inception** program for emerging companies and are in 
+            <div class="section-title">Validation & Stage</div>
+            We have been validated by the <strong>NVIDIA Inception</strong> program for emerging companies and are in 
             an advanced development stage with a functional MVP and a scalable business model in 
             Latin America.
             
-            **Our Mission:** To transform how the world measures and develops critical thinking.
-            **Our Vision:** To be the global standard for cognitive development assessment.
+            <div class="section-title">Mission & Vision</div>
+            <strong>Mission:</strong> To transform how the world measures and develops critical thinking.<br>
+            <strong>Vision:</strong> To be the global standard for cognitive development assessment.
             
-            **Key Differentiators:**
-            • **First cognitive development measurement system** based on NLP
-            • **Semantic Reasoning Graphs** make thinking visible
-            • **Validated by NVIDIA** Inception Program
-            • **Scalable model** for Latin American education market
+            <div class="section-title">Key Differentiators</div>
+            • <strong>First cognitive development measurement system</strong> based on NLP<br>
+            • <strong>Semantic Reasoning Graphs</strong> make thinking visible<br>
+            • <strong>Validated by NVIDIA</strong> Inception Program<br>
+            • <strong>Scalable model</strong> for Latin American education market
             
-            **Learn More:**
-            • [Functional MVP Demo](https://youtu.be/_4WMufl6MTA)
-            • [Business Model Presentation](https://youtu.be/Nt7IEas_P54)
+            <div class="section-title">Learn More</div>
+            • <a href="https://youtu.be/_4WMufl6MTA" target="_blank">Functional MVP Demo</a><br>
+            • <a href="https://youtu.be/Nt7IEas_P54" target="_blank">Business Model Presentation</a>
+            </div>
             """,
             
             'es': """
-            **AIdeaText** es una empresa de tecnología digital para el desarrollo cognitivo humano con base en México. 
-            Nuestra solución tiene su core business en los Grafos de Razonamiento Semántico (GRS), una configuración 
+            <div class="content-text">
+            <div class="highlight-box">
+            <strong>AIdeaText</strong> es una empresa de tecnología digital para el desarrollo cognitivo humano con base en México. 
+            Nuestra solución tiene su core business en los <strong>Grafos de Razonamiento Semántico (GRS)</strong>, una configuración 
             tecnológica que hace visible el proceso de pensamiento crítico, conectando la formación educativa con las 
             necesidades empresariales implementando un sistema de medición del desarrollo cognitivo basado en el 
             procesamiento avanzado del lenguaje natural.
+            </div>
             
-            Hemos sido validados por el programa **NVIDIA Inception** para empresas emergentes y estamos en una fase 
+            <div class="section-title">Validación y Etapa</div>
+            Hemos sido validados por el programa <strong>NVIDIA Inception</strong> para empresas emergentes y estamos en una fase 
             avanzada de desarrollo con un MVP funcional y un modelo de negocio escalable en Latinoamérica.
             
-            **Nuestra Misión:** Transformar cómo el mundo mide y desarrolla el pensamiento crítico.
-            **Nuestra Visión:** Ser el estándar global para la evaluación del desarrollo cognitivo.
-            
-            **Diferenciadores Clave:**
-            • **Primer sistema de medición de desarrollo cognitivo** basado en PLN
-            • **Grafos de Razonamiento Semántico** hacen visible el pensamiento
-            • **Validado por NVIDIA** Inception Program
-            • **Modelo escalable** para el mercado educativo latinoamericano
-            
-            **Conoce Más:**
-            • [Demo del MVP Funcional](https://youtu.be/_4WMufl6MTA)
-            • [Presentación del Modelo de Negocio](https://youtu.be/Nt7IEas_P54)
-            """,
-            
-            'fr': """
-            **AIdeaText** est une entreprise de technologie numérique pour le développement cognitif humain basée au Mexique.
-            Notre solution a son cœur de métier dans les Graphes de Raisonnement Sémantique (GRS), une configuration
-            technologique qui rend visible le processus de pensée critique, connectant la formation éducative avec les
-            besoins des entreprises en mettant en œuvre un système de mesure du développement cognitif basé sur le
-            traitement avancé du langage naturel.
-            
-            Nous avons été validés par le programme **NVIDIA Inception** pour les entreprises émergentes et nous sommes
-            dans une phase avancée de développement avec un MVP fonctionnel et un modèle commercial évolutif en Amérique latine.
-            
-            **Notre Mission :** Transformer la façon dont le monde mesure et développe la pensée critique.
-            **Notre Vision :** Être la norme mondiale pour l'évaluation du développement cognitif.
-            """,
+            <div class="section-title">Misión y Visión</div>
+            <strong>Misión:</strong> Transformar cómo el mundo mide y desarrolla el pensamiento crítico.<br>
+            <strong>Visión:</strong> Ser el estándar global para la evaluación del desarrollo cognitivo.
             
-            'pt': """
-            **AIdeaText** é uma empresa de tecnologia digital para o desenvolvimento cognitivo humano com base no México.
-            Nossa solução tem seu core business em Grafos de Raciocínio Semântico (GRS), uma configuração
-            tecnológica que torna visível o processo de pensamento crítico, conectando a formação educacional com as
-            necessidades empresariais implementando um sistema de medição do desenvolvimento cognitivo baseado no
-            processamento avançado de linguagem natural.
+            <div class="section-title">Diferenciadores Clave</div>
+            • <strong>Primer sistema de medición de desarrollo cognitivo</strong> basado en PLN<br>
+            • <strong>Grafos de Razonamiento Semántico</strong> hacen visible el pensamiento<br>
+            • <strong>Validado por NVIDIA</strong> Inception Program<br>
+            • <strong>Modelo escalable</strong> para el mercado educativo latinoamericano
             
-            Fomos validados pelo programa **NVIDIA Inception** para empresas emergentes e estamos em uma fase
-            avançada de desenvolvimento com um MVP funcional e um modelo de negócios escalável na América Latina.
+            <div class="section-title">Conoce Más</div>
+            • <a href="https://youtu.be/_4WMufl6MTA" target="_blank">Demo del MVP Funcional</a><br>
+            • <a href="https://youtu.be/Nt7IEas_P54" target="_blank">Presentación del Modelo de Negocio</a>
+            </div>
             """
         }
         
         about_content = about_texts.get(lang_code, about_texts['en'])
-        st.markdown(about_content)
+        st.markdown(about_content, unsafe_allow_html=True)
         
     # ============================================
-    # TAB 2: 🏆 CURRENT PROGRAMS (NUEVO)
+    # TAB 2: 🏆 CURRENT PROGRAMS
     # ============================================
     with tab_programs:
-        st.markdown("### 🏆 Current Acceleration & Recognition Programs")
+        # NO repetir "Current Programs" - el tab ya lo dice
+        
+        st.markdown('<div class="section-title">NVIDIA Inception Program</div>', unsafe_allow_html=True)
         
         # Fila 1: NVIDIA Inception
         col_nvidia_logo, col_nvidia_text = st.columns([1, 3])
@@ -549,8 +589,8 @@ def display_videos_and_info(lang_code, landing_t):
                     width=150)
         with col_nvidia_text:
             st.markdown("""
-            **NVIDIA Inception Program**
-            *Exclusive program for AI and Deep Tech startups*
+            <div class="content-text">
+            <strong>Exclusive program for AI and Deep Tech startups</strong>
             
             • **Access to NVIDIA GPUs** for training and inference
             • **Technical mentoring** from NVIDIA engineers
@@ -558,11 +598,14 @@ def display_videos_and_info(lang_code, landing_t):
             • **Market validation** and business development
             • **Global network** of AI innovators
             
-            *Status: Active Member*
-            """)
+            <em>Status: Active Member</em>
+            </div>
+            """, unsafe_allow_html=True)
         
         st.markdown("---")
                 
+        st.markdown('<div class="section-title">incMTY Accelerator</div>', unsafe_allow_html=True)
+        
         # Fila 2: incMTY
         col_inc_logo, col_inc_text = st.columns([1, 3])
         with col_inc_logo:
@@ -570,74 +613,76 @@ def display_videos_and_info(lang_code, landing_t):
                     width=150)
         with col_inc_text:
             st.markdown("""
-            **incMTY Accelerator**
-            *Deep Tech acceleration program*
+            <div class="content-text">
+            <strong>Deep Tech acceleration program</strong>
             
             • **Seed funding** up to $50K
             • **Mentorship** from industry experts
             • **Prototype development** support
             • **Pilot implementation** with educational institutions
             
-            *Status: Current Cohort*
-            """)
-        
-        st.markdown("---")
+            <em>Status: Current Cohort</em>
+            </div>
+            """, unsafe_allow_html=True)
         
     # ============================================
     # TAB 3: 💰 COMPETITIONS
     # ============================================
     with tab_competitions:
+        # NO repetir "Competitions" - el tab ya lo dice
+        
         competitions_text = {
             'en': """
-            ## 🏆 Competing for $950K USD in Prizes
-            
-            ### 🥇 **Learning Tools Competition - $600K**
-            **Phase II - Top 50 Global**  
-            *International Society for Technology in Education (ISTE)*  
+            <div class="content-text">
+            <div class="highlight-box">
+            Competing for <strong>$950K USD</strong> in prizes across multiple prestigious competitions.
+            </div>
+            
+            <div class="section-title">Learning Tools Competition - $600K</div>
+            <strong>Phase II - Top 50 Global</strong><br>
+            <em>International Society for Technology in Education (ISTE)</em><br>
             Competing with 1,200 projects from 75 countries
             
-            ---
-            
-            ### 💰 **NVIDIA Inception - $250K**  
-            **Venture Capital Program**  
-            *NVIDIA Corporation*  
+            <div class="section-title">NVIDIA Inception - $250K</div>
+            <strong>Venture Capital Program</strong><br>
+            <em>NVIDIA Corporation</em><br>
             Exclusive program for Deep Tech startups
             
-            ---
-            
-            ### 🤖 **Kaggle/Google - $100K**  
-            **Explainable AI Models**  
-            *Google Research*  
+            <div class="section-title">Kaggle/Google - $100K</div>
+            <strong>Explainable AI Models</strong><br>
+            <em>Google Research</em><br>
             Research in interpretable AI for education
+            </div>
             """,
             
             'es': """
-            ## 🏆 Competimos por $950K USD en Premios
-            
-            ### 🥇 **Learning Tools Competition - $600K**
-            **Fase II - Top 50 Global**  
-            *International Society for Technology in Education (ISTE)*  
+            <div class="content-text">
+            <div class="highlight-box">
+            Competimos por <strong>$950K USD</strong> en premios en múltiples competencias prestigiosas.
+            </div>
+            
+            <div class="section-title">Learning Tools Competition - $600K</div>
+            <strong>Fase II - Top 50 Global</strong><br>
+            <em>International Society for Technology in Education (ISTE)</em><br>
             Compitiendo con 1,200 proyectos de 75 países
             
-            ---
-            
-            ### 💰 **NVIDIA Inception - $250K**  
-            **Programa de Capital de Riesgo**  
-            *NVIDIA Corporation*  
+            <div class="section-title">NVIDIA Inception - $250K</div>
+            <strong>Programa de Capital de Riesgo</strong><br>
+            <em>NVIDIA Corporation</em><br>
             Programa exclusivo para startups de Deep Tech
             
-            ---
-            
-            ### 🤖 **Kaggle/Google - $100K**  
-            **Modelos Explicables de IA**  
-            *Google Research*  
+            <div class="section-title">Kaggle/Google - $100K</div>
+            <strong>Modelos Explicables de IA</strong><br>
+            <em>Google Research</em><br>
             Investigación en IA interpretable para educación
+            </div>
             """
         }
         
         content = competitions_text.get(lang_code, competitions_text['en'])
-        st.markdown(content)
+        st.markdown(content, unsafe_allow_html=True)
         
+        st.markdown("---")
         if st.button("🎯 Apply as Beta Tester", use_container_width=True):
             st.info("Beta tester program launching Q1 2025")
 
@@ -645,7 +690,13 @@ def display_videos_and_info(lang_code, landing_t):
     # TAB 4: 🎯 USE CASES
     # ============================================
     with tab_use_case:
-        st.markdown("### 🎯 Use Cases - Demonstrations")
+        # NO repetir "Use Cases" - el tab ya lo dice
+        
+        st.markdown("""
+        <div class="content-text">
+        Select a demonstration to see practical applications of our technology:
+        </div>
+        """, unsafe_allow_html=True)
         
         use_case_videos = {
             "📊 Semantic Analysis Advanced": "https://youtu.be/_4WMufl6MTA",
@@ -654,7 +705,7 @@ def display_videos_and_info(lang_code, landing_t):
         }
         
         selected_title = st.selectbox(
-            "Select a use case:" if lang_code == 'en' else "Selecciona un caso de uso:", 
+            "Select demonstration:" if lang_code == 'en' else "Selecciona demostración:", 
             list(use_case_videos.keys())
         )
         
@@ -669,12 +720,43 @@ def display_videos_and_info(lang_code, landing_t):
                 )
             except Exception as e:
                 st.error(f"Error loading video: {str(e)}" if lang_code == 'en' else f"Error al cargar el video: {str(e)}")
+        
+        # Información adicional sobre casos de uso
+        st.markdown("""
+        <div class="content-text">
+        <div class="section-title">Applications</div>
+        
+        <strong>For Students:</strong>
+        • Visualize thinking processes
+        • Receive immediate feedback
+        • Improve academic writing
+        • Track cognitive progress
+        
+        <strong>For Educators:</strong>
+        • Assess deep understanding
+        • Identify individual needs
+        • Personalize teaching
+        • Save grading time
+        
+        <strong>For Institutions:</strong>
+        • Measure cognitive development
+        • Improve academic outcomes
+        • Validated educational innovation
+        • Data for research
+        </div>
+        """, unsafe_allow_html=True)
 
     # ============================================
     # TAB 5: 🎬 PITCHES & PRESENTATIONS
     # ============================================
     with tab_presentations:
-        st.markdown("### 🎬 Pitches, Demos & Presentations")
+        # NO repetir "Pitches & Presentations" - el tab ya lo dice
+        
+        st.markdown("""
+        <div class="content-text">
+        Watch our key pitches, demonstrations, and conference presentations:
+        </div>
+        """, unsafe_allow_html=True)
         
         videos = {
             "🎬 AIdeaText Reel (90 seconds)": "https://youtu.be/hXnwUvN1Q9Q",
@@ -687,7 +769,7 @@ def display_videos_and_info(lang_code, landing_t):
         }
 
         selected_title = st.selectbox(
-            "Select a presentation:" if lang_code == 'en' else "Selecciona una presentación:", 
+            "Select video:" if lang_code == 'en' else "Selecciona video:", 
             list(videos.keys())
         )
         
@@ -702,17 +784,38 @@ def display_videos_and_info(lang_code, landing_t):
                 )
             except Exception as e:
                 st.error(f"Error loading video: {str(e)}" if lang_code == 'en' else f"Error al cargar el video: {str(e)}")
+        
+        # Próximos eventos
+        st.markdown("""
+        <div class="content-text">
+        <div class="section-title">Upcoming Events</div>
+        
+        <strong>2025</strong>
+        • <strong>WebSummit Rio 2025</strong> - April 27-30, Rio de Janeiro, Brazil<br>
+        • <strong>ISTE Conference 2025</strong> - June 22-25, Denver, USA<br>
+        • <strong>EdTechX Europe 2025</strong> - October, London, UK
+        
+        <em>Confirmed participation in showcases and panels.</em>
+        </div>
+        """, unsafe_allow_html=True)
 
     # ============================================
     # TAB 6: 📸 EVENTS & RECOGNITION
     # ============================================
     with tab_gallery:
-        st.markdown("### 📸 Events Gallery & Recognition")
+        # NO repetir "Events & Recognition" - el tab ya lo dice
+        
+        st.markdown("""
+        <div class="content-text">
+        Gallery of our participation in events and recognition received:
+        </div>
+        """, unsafe_allow_html=True)
+        
         show_carousel()
         
-        # F6S Logo en esta sección
+        # Reconocimiento F6S
         st.markdown("---")
-        st.markdown("### 🏅 Global Recognition")
+        st.markdown('<div class="section-title">Global Recognition</div>', unsafe_allow_html=True)
         
         col_f6s_logo, col_f6s_info = st.columns([1, 3])
         with col_f6s_logo:
@@ -720,17 +823,18 @@ def display_videos_and_info(lang_code, landing_t):
                     width=150)
         with col_f6s_info:
             st.markdown("""
-            **F6S Top 27 EdTech Companies 2024**
+            <div class="content-text">
+            <strong>F6S Top 27 EdTech Companies 2024</strong>
             
-            • **Global ranking** among 5,000+ EdTech startups
-            • **Network** of 3M+ founders and inve
-
-stors
-            • **Validation** as promising education technology
+            • <strong>Global ranking</strong> among 5,000+ EdTech startups
+            • <strong>Network</strong> of 3M+ founders and investors
+            • <strong>Validation</strong> as promising education technology
             
-            *This recognition places AIdeaText among the most innovative 
-            educational technology companies worldwide.*
-            """)
+            <em>This recognition places AIdeaText among the most innovative 
+            educational technology companies worldwide.</em>
+            </div>
+            """, unsafe_allow_html=True)
+
 
 #############################################################
 #############################################################