Upload folder using huggingface_hub

README.md

@@ -11,13 +11,10 @@ pinned: false
 
 # ZamVision
 
-A lightweight public demo of **ZamVision**, a smart visual assistant for OCR, translation, and image understanding.
+A polished public demo of **ZamVision**, a smart visual assistant for OCR, translation, and image understanding.
 
-## Demo focus
-- image upload
-- OCR workflow preview
-- translation flow preview
-- visual assistant UX
-
-## Notes
-This demo can later be connected to OCR, multilingual translation, and computer vision pipelines.
+## Highlights
+- image upload workflow
+- OCR preview
+- translation-style experience
+- visual AI branding

app.py

@@ -1,60 +1,107 @@
 import gradio as gr
 
+
 def analyze_image(image, task, target_language):
     if image is None:
-        return "Please upload an image first."
+        return "Please upload an image to continue."
 
     width, height = image.size
 
-    return f"""Task: {task}
-Target language: {target_language}
+    summary = f"""
+### Vision Result
+
+**Task:** {task}  
+**Target language:** {target_language}  
+**Image size:** {width} × {height}
 
-Demo analysis:
+### Demo analysis
 - Image received successfully
-- Size: {width} x {height}
-- This is a placeholder public demo for ZamVision
+- ZamVision workflow triggered
+- Placeholder output generated for public demo
 
-In the full ZamVision app, this output can include:
+### Future capabilities
 - OCR text extraction
 - document translation
 - object recognition
-- visual explanation
+- image explanation
 """
 
-with gr.Blocks(title="ZamVision") as demo:
-    gr.Markdown(
-        """
-# ZamVision
-### Smart vision demo for OCR, translation, and image understanding
-Upload an image to preview the ZamVision experience.
+    return summary
+
+
+css = """
+.gradio-container {
+    background: linear-gradient(180deg, #08121d 0%, #10263c 100%);
+}
+.hero {
+    text-align: center;
+    padding: 28px 16px 10px 16px;
+}
+.hero h1 {
+    font-size: 2.4rem;
+    margin-bottom: 0.35rem;
+}
+.hero p {
+    font-size: 1.05rem;
+    opacity: 0.92;
+}
+.badges {
+    display: flex;
+    justify-content: center;
+    gap: 10px;
+    flex-wrap: wrap;
+    margin-top: 14px;
+}
+.badge {
+    background: #11324a;
+    border: 1px solid #27506a;
+    color: #e5f4ff;
+    padding: 8px 12px;
+    border-radius: 999px;
+    font-size: 0.9rem;
+}
 """
-    )
 
-    image_input = gr.Image(type="pil", label="Upload image")
+
+with gr.Blocks(title="ZamVision", css=css, theme=gr.themes.Soft()) as demo:
+    gr.HTML("""
+    <div class="hero">
+        <h1>👁️ ZamVision</h1>
+        <p>Smart visual AI for OCR, translation, and image understanding.</p>
+        <div class="badges">
+            <div class="badge">OCR</div>
+            <div class="badge">Translation</div>
+            <div class="badge">Image Understanding</div>
+            <div class="badge">Public Demo</div>
+        </div>
+    </div>
+    """)
 
     with gr.Row():
-        task = gr.Dropdown(
-            choices=["OCR", "Document Translation", "Object Recognition", "Visual Explanation"],
-            value="OCR",
-            label="Task"
-        )
-        target_language = gr.Dropdown(
-            choices=["English", "Pashto", "Dari"],
-            value="English",
-            label="Target language"
-        )
-
-    output = gr.Textbox(label="Result", lines=12)
-    btn = gr.Button("Analyze")
+        with gr.Column(scale=1):
+            image_input = gr.Image(type="pil", label="Upload image")
+            task = gr.Dropdown(
+                choices=["OCR", "Document Translation", "Object Recognition", "Visual Explanation"],
+                value="OCR",
+                label="Task"
+            )
+            target_language = gr.Dropdown(
+                choices=["English", "Pashto", "Dari"],
+                value="English",
+                label="Target language"
+            )
+            btn = gr.Button("Analyze Image", variant="primary")
+
+        with gr.Column(scale=1):
+            output = gr.Markdown(label="Vision Output")
+
     btn.click(analyze_image, inputs=[image_input, task, target_language], outputs=output)
 
-    gr.Markdown(
-        """
-## About this demo
-ZamVision is designed as a practical visual AI assistant.
-This lightweight public version demonstrates the interface and workflow.
-"""
-    )
+    gr.Markdown("""
+### About this demo
+ZamVision showcases a practical visual workflow designed for OCR, translation, and image-based assistance.
+""")
+
 
 if __name__ == "__main__":
     demo.launch()