Update app.py

app.py

@@ -1,23 +1,93 @@
 import gradio as gr
-from scraper import scrape_blog  # your existing scraper function
-
-# Define a function to scrape and return results
-def scrape(url, tag='h2'):
-    data = scrape_blog(url, tag)
-    # Join the results into a string for display in Gradio
-    return "\n".join(data)
-
-# Create Gradio interface
-iface = gr.Interface(
-    fn=scrape,
-    inputs=[
-        gr.Textbox(label="Enter URL"),
-        gr.Textbox(label="Enter HTML Tag (default: h2)", value="h2")
-    ],
-    outputs=gr.Textbox(label="Scraped Titles"),
-    title="Blog Scraper",
-    description="Enter a URL and an HTML tag to scrape titles or headings from a blog."
-)
-
-# Launch the interface
-iface.launch()
+from scraper import scrape_blog
+
+# Scrape function for multiple tags
+def scrape(url, tags):
+    if not url:
+        return "⚠️ Please enter a valid URL"
+    tags_list = [t.strip() for t in tags.split(",") if t.strip()]
+    all_data = []
+    for tag in tags_list:
+        data = scrape_blog(url, tag)
+        if data:
+            all_data.append(f"Results for <{tag}>:\n" + "\n".join(data))
+    return "\n\n".join(all_data) if all_data else "No data found!"
+
+# Gradio Blocks with enhanced UI
+with gr.Blocks(css="""
+body {
+    background: linear-gradient(135deg, #89f7fe, #66a6ff);
+    font-family: 'Arial', sans-serif;
+}
+.glass-card {
+    background: rgba(255, 255, 255, 0.15);
+    backdrop-filter: blur(20px);
+    border-radius: 25px;
+    padding: 25px;
+    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
+    border: 1px solid rgba(255, 255, 255, 0.18);
+}
+h1 {
+    color: #fff;
+    text-align: center;
+    text-shadow: 1px 1px 8px rgba(0,0,0,0.3);
+}
+.gr-button {
+    background: rgba(255, 255, 255, 0.3) !important;
+    color: #000 !important;
+    font-weight: bold;
+    border-radius: 12px !important;
+    margin: 5px;
+    transition: 0.3s;
+}
+.gr-button:hover {
+    background: rgba(255, 255, 255, 0.6) !important;
+    color: #222 !important;
+    transform: scale(1.05);
+}
+.gr-textbox {
+    border-radius: 15px !important;
+    padding: 10px !important;
+}
+.output-box {
+    max-height: 400px;
+    overflow-y: auto;
+    white-space: pre-wrap;
+}
+""") as demo:
+
+    gr.HTML("<h1>✨ Professional Blog Scraper ✨</h1>")
+
+    with gr.Row():
+        with gr.Column():
+            with gr.Box(css_class="glass-card"):
+                url_input = gr.Textbox(label="Enter Blog URL", placeholder="https://example.com")
+                tag_input = gr.Textbox(label="Enter Tags (comma separated, e.g., h1,h2,h3)", value="h2")
+                
+                # Tag buttons for quick selection
+                with gr.Row():
+                    h1_btn = gr.Button("h1")
+                    h2_btn = gr.Button("h2")
+                    h3_btn = gr.Button("h3")
+                    all_btn = gr.Button("h1,h2,h3")
+                
+                scrape_btn = gr.Button("Scrape Blog")
+        
+        with gr.Column():
+            with gr.Box(css_class="glass-card output-box"):
+                output = gr.Textbox(label="Scraped Titles", interactive=False)
+                copy_btn = gr.Button("Copy to Clipboard")
+
+    # Tag button clicks
+    h1_btn.click(lambda: "h1", inputs=None, outputs=tag_input)
+    h2_btn.click(lambda: "h2", inputs=None, outputs=tag_input)
+    h3_btn.click(lambda: "h3", inputs=None, outputs=tag_input)
+    all_btn.click(lambda: "h1,h2,h3", inputs=None, outputs=tag_input)
+
+    # Scrape button click
+    scrape_btn.click(scrape, inputs=[url_input, tag_input], outputs=output)
+
+    # Copy button (Gradio native copy support)
+    copy_btn.click(lambda x: x, inputs=output, outputs=None)
+
+demo.launch()