Create app.py

app.py

@@ -0,0 +1,114 @@
+import os
+import gradio as gr
+from groq import Groq
+
+# Read Groq key from HF Secrets
+groq_api_key = os.getenv("GROQ_API_KEY")
+if not groq_api_key:
+    raise ValueError("GROQ_API_KEY not found. Add it in Space → Settings → Secrets.")
+
+client = Groq(api_key=groq_api_key)
+
+def translate_to_urdu(english_text):
+    if not english_text or english_text.strip() == "":
+        return "Please enter some text to translate."
+    
+    try:
+        chat_completion = client.chat.completions.create(
+            messages=[
+                {
+                    "role": "system",
+                    "content": "You are a professional translator. Translate the following English text to Urdu. "
+                               "Provide only the Urdu translation without any explanations, transliterations, or comments. "
+                               "Ensure the translation is natural and culturally appropriate for Pakistani Urdu speakers."
+                },
+                {
+                    "role": "user",
+                    "content": english_text
+                }
+            ],
+            model="llama-3.3-70b-versatile",
+            temperature=0.3,
+            max_tokens=1024,
+        )
+        
+        return chat_completion.choices[0].message.content
+        
+    except Exception as e:
+        return f"Error: {str(e)}"
+
+
+# ---------- UI ----------
+custom_css = """
+.container { max-width: 800px; margin: 0 auto; }
+.title { text-align: center; color: #1a73e8; font-size: 2.5em; }
+.description { text-align: center; color: #666; margin-bottom: 2em; }
+.input-box { border: 2px solid #1a73e8 !important; border-radius: 8px !important; }
+.output-box { background:#f8f9fa; border:2px solid #34a853 !important; border-radius:8px !important; }
+.urdu-text { direction: rtl; text-align: right; font-family: 'Noto Nastaliq Urdu','Jameel Noori Nastaleeq',serif; }
+"""
+
+with gr.Blocks(css=custom_css, theme=gr.themes.Soft()) as demo:
+    gr.HTML("""
+        <div class="container">
+            <h1 class="title">🌐 English to Urdu Translator</h1>
+            <p class="description">
+                Powered by Groq LLaMA 3.3 | Fast & Accurate
+            </p>
+        </div>
+    """)
+    
+    with gr.Row():
+        with gr.Column():
+            input_text = gr.Textbox(
+                label="English Text",
+                placeholder="Enter your English text here...",
+                lines=4,
+                elem_classes=["input-box"]
+            )
+            translate_btn = gr.Button("Translate to Urdu ➜", variant="primary", size="lg")
+            
+        with gr.Column():
+            output_text = gr.Textbox(
+                label="Urdu Translation (اردو ترجمہ)",
+                placeholder="Translation will appear here...",
+                lines=4,
+                elem_classes=["output-box", "urdu-text"],
+                interactive=False
+            )
+            copy_btn = gr.Button("📋 Copy Translation")
+    
+    gr.Examples(
+        examples=[
+            ["Hello, how are you today?"],
+            ["The weather is beautiful today."],
+            ["Pakistan is a beautiful country with rich culture and history."],
+            ["Please help me translate this document."],
+        ],
+        inputs=input_text,
+        label="Try these examples"
+    )
+    
+    translate_btn.click(translate_to_urdu, input_text, output_text)
+    input_text.submit(translate_to_urdu, input_text, output_text)
+
+    copy_btn.click(
+        fn=None,
+        inputs=output_text,
+        outputs=None,
+        js="""
+        async (text) => {
+            if (!text) return;
+            await navigator.clipboard.writeText(text);
+        }
+        """
+    )
+
+    gr.Markdown("""
+        <div style="text-align:center;margin-top:20px;color:#666;">
+            💡 Tip: Use clear English for best results.
+        </div>
+    """)
+
+if __name__ == "__main__":
+    demo.launch()