Update app.py

app.py

@@ -313,24 +313,49 @@ with gr.Blocks() as demo:
             # Agregar el video al inicio
             video = gr.Video(value="video.mp4", label="Video de Introducción")
 
-            # Agregar las imágenes en un grid de 3 columnas por fila
-            # Sección de acordeón para las imágenes
-            with gr.Accordion("Mostrar imágenes", open=True):
-                for i in range(0, len(images), 3):
-                    with gr.Row():
-                        for j in range(3):
-                            if i + j < len(images):
-                                with gr.Column(scale=1):
-                                    gr.Image(value=images[i + j]["path"])
-                                    gr.Markdown(images[i + j]["description"])
+            # Crear la estructura para tres columnas de carruseles
+            gr.Markdown("### Carruseles de Imágenes")
+
+            # Agrupar las imágenes en sets de 3 para cada carrusel
+            image_groups = [
+                ["rId101", "rId105", "rId109"],
+                ["rId113", "rId117", "rId121"],
+                ["rId125", "rId129", "rId133"],
+                ["rId136", "rId139", "rId142"],
+                ["rId145", "rId149", "rId153"],
+                ["rId157", "rId161", "rId165"],
+                ["rId169", "rId173", "rId177"],
+                ["rId180", "rId184", "rId187"],
+                ["rId192", "rId195", "rId40"],
+                ["rId44", "rId47", "rId50"],
+                ["rId53", "rId56", "rId59"],
+                ["rId63", "rId66", "rId70"],
+                ["rId73", "rId76", "rId80"],
+                ["rId83", "rId87", "rId90"],
+                ["rId94", "rId97", "rId101"]
+            ]
             
+            # Crear tres columnas de carruseles
+            with gr.Row():
+                for group in range(0, len(image_groups), 3):  # Iterar en sets de 3 carruseles
+                    with gr.Column(scale=1):  # Crear columna para cada carrusel
+                        with gr.Tabs():
+                            for idx in range(3):  # Tres carruseles por columna
+                                if group + idx < len(image_groups):
+                                    images_in_carousel = image_groups[group + idx]
+                                    with gr.Tab(f"Carrusel {group + idx + 1}"):  # Permitir tags personalizados
+                                        with gr.Gallery(images_in_carousel, label=f"Carrusel {group + idx + 1}"):
+                                            pass
+
+            # Botón de descarga de PDF
             download_button = gr.File(label="Descargar Informe sobre Administración de Medicamentos a Recién Nacidos", value="Reporte.pdf")
+            
+            # Chatbot
             chatbot_output = gr.Chatbot(label="ChatBot")
             chatbot_input = gr.Textbox(label="Tu mensaje")
             submit_button = gr.Button("Enviar")
             chatbot_history = gr.State(value=[])
             image_url = gr.State(value=None)
-            # Agregar un botón para descargar el PDF
             
 
             # Main accordion for categories