Create Xoxo

Xoxo

@@ -0,0 +1,50 @@
+import gradio as gr
+
+# Configuration du thème "Crédit Mutuel"
+theme = gr.themes.Soft(
+    primary_hue="green",
+    font=gr.themes.GoogleFont("Open Sans")
+).set(
+    button_primary_background_fill="*primary_200",
+    button_primary_text_color="black"
+)
+
+with gr.Blocks(theme=theme) as demo:
+    # ------ En-tête avec logo et titre ------
+    with gr.Row():
+        # Logo (remplace "IMG_1601.png" si besoin)
+        gr.Image("IMG_1601.png", 
+                show_label=False, 
+                width=200,
+                elem_classes="center-logo")
+        
+    # Titre principal
+    gr.Markdown("""
+    <div style="text-align: center; margin: 20px 0;">
+        <h1 style="color: #006B3D; font-weight: 700;">Crédit Mutuel</h1>
+        <p style="color: #333;">Votre banque coopérative depuis 1884</p>
+    </div>
+    """)
+
+    # ------ Zone de contenu principale ------
+    with gr.Row():
+        with gr.Column():
+            # Exemple de composant 1
+            gr.Number(label="Montant du prêt (€)", interactive=True)
+            gr.Dropdown(["Immobilier", "Voiture", "Projet perso"], label="Type de prêt")
+            
+        with gr.Column():
+            # Exemple de composant 2
+            gr.Slider(1, 30, label="Durée (années)")
+            gr.Button("Simuler le prêt", variant="primary")
+
+    # ------ Pied de page ------
+    gr.Markdown("""
+    <hr>
+    <div style="text-align: center; color: #666; font-size: 0.9em;">
+        📞 Contact : 09 86 76 08 10 | 📍 Paris, France
+    </div>
+    """)
+
+# Lance l'application
+demo.launch()