Update app.py

app.py

@@ -16,7 +16,7 @@ def generate_headlines(number_of_headlines, target_audience, product, temperatur
     # Llama a la API de Claude para generar titulares
     message = client.messages.create(
         model="claude-3-5-sonnet-20240620",
-        max_tokens=1000,
+        max_tokens=4000,  # Cambiado a 4000 tokens
         temperature=temperature,  # Usa el valor del slider aquí
         system="You are a world-class copywriter, with experience in creating hooks, headlines, and subject lines that immediately capture attention. Your skill lies in deeply understanding the emotions, desires, and challenges of a specific audience, allowing you to design personalized marketing strategies that resonate and motivate action. You know how to use proven structures to attract your target audience, generating interest and achieving a powerful connection that drives desired results in advertising and content campaigns.\n\nAnswer in Spanish.",
         messages=[
@@ -40,8 +40,8 @@ def gradio_generate_headlines(number_of_headlines, target_audience, product, tem
 with gr.Blocks(css=".gradio-container { background-color: #f8f8f8; }") as demo:
     gr.Markdown(
         """
-        <h1 style="color: #2c7be5; text-align: center;">Hook Customers</h1>
-        <p style="color: #212529; text-align: center;">Engancha a tus clientes con titulares atractivos</p>
+        <h1 style="color: #2c7be5; text-align: center;">Generador de Titulares</h1>
+        <p style="color: #212529; text-align: center;">Usa el poder de Claude AI para crear titulares atractivos</p>
         """
     )
 
@@ -54,7 +54,14 @@ with gr.Blocks(css=".gradio-container { background-color: #f8f8f8; }") as demo:
             submit_btn = gr.Button("Generar Titulares")
         
         with gr.Column(scale=2):
-            output = gr.Textbox(label="Titulares Generados", lines=30, placeholder="Los titulares aparecerán aquí...")
+            output = gr.HTML(
+                """
+                <div id="result-container" style="background-color: #ffffff; padding: 10px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); max-height: 300px; overflow-y: auto;">
+                    <p id="result-text" style="font-size: 16px; color: #333333;">Los titulares aparecerán aquí...</p>
+                </div>
+                """,
+                label="Titulares Generados"
+            )
 
     submit_btn.click(
         fn=gradio_generate_headlines,