Create app.py

app.py

@@ -0,0 +1,76 @@
+import gradio as gr
+import requests
+import numpy as np
+
+
+def run(prompt, token):
+    result = requests.post(
+        "https://api.workranked.com/ai-web-design",
+        data={"prompt": prompt, "token": token},
+    ).json()
+
+    image = np.array(result["images"][0]) if result.get("images") else None
+
+    return [image, result["balance"]]
+
+
+gr.Interface(
+    fn=run,
+    inputs=[
+        gr.Textbox(
+            label="Text Prompt",
+            lines=3,
+            info="For the best results, try formatting your prompt similar to the examples below",
+        ),
+        gr.Textbox(label="Secret Token"),
+    ],
+    outputs=[
+        gr.Image(label="AI-generated Image"),
+        gr.Number(label="Generations Remaining"),
+    ],
+    title="AI Web Design Demo",
+    description="""Try out a text-to-image AI model specifically trained to generate website designs and graphics.
+
+[Subscribe here](https://upperhorizon.com/waitlist-wd?utm_campaign=gradio-demo) to get updates on the development and release of this tool.
+
+Have an idea or suggestion? Provide feedback directly to me (the developer) at [hello@upperhorizon.com](mailto:hello@upperhorizon.com).""",
+    submit_btn="Generate",
+    examples=[
+        [
+            "header, homepage, 1920px, award-winning, Shopping & Retail\nminimalist, dark mode, flat vector graphic of film camera, tech-focused, monochrome elements, black, orange accents, modern design, futuristic vibe\ncinematic gear, motor upgrade, camera control, training app, testimonials, demos, creative filmmaking, film production technology, wireless control, virtual production tools, third axis control",
+            None,
+        ],
+        [
+            "header, 1920px, award winning, Food & Drink\nmodern, eco friendly, clean design, subtle divider lines, sans serif fonts, minimalistic, nature themed, images of jars and leaves, earthy tones, colors: olive green, cream, soft brown\nsustainability, eco friendly, packaging, recycling, food waste, environmental protection, honey products, innovation, conservation, community, recipes, composting, green initiatives",
+            None,
+        ],
+        [
+            "homepage, 1920px, tech startup, detailed\nindustrial space theme, scientific, modern, technical vibes, large serif text, colors: deep black, cosmic gray, bright red accents\nspace exploration, robotics, technology development, scientific research, missions, educational resources, planetary studies, climate change",
+            None,
+        ],
+        [
+            "header, 1920px, award-winning, Community\nclean, simple, 2-column, minimal, playful, pastel vibes, vector illustration of graph, icons, rounded buttons, soft shadows, colors: yellow, white, black\nreporting analytics, data dashboards, employee engagement, trends, recognition, free trial, peer feedback, integrations, Slack, Microsoft Teams, custom rewards",
+            None,
+        ],
+        [
+            "1920px, award-winning, Best Mobile User Experience\npurple background, bold sans-serif text, minimalist, two-column layout, app store buttons, centered elements, playful, modern, clean design, colors: pastel purple, white, black\ntemplates, marketplace, pricing, download, connect socials, monetize, audience building, analytics, creators, influencers, small businesses, e-commerce, mobile app, community",
+            None,
+        ],
+        [
+            "header, 1920px, detailed, award-winning, e-commerce\nnatural textures, minimalist, neutral tones, modern, clean layout, Scandinavian design, earthy vibes, subtle elegance, images: cozy interiors, muted beige, warm brown, soft grey\nrug collections, classic styles, heirloom, new arrivals, sale, samples, custom, cart, wishlist, sustainable, B Corporation, home decor, interior design, online shopping",
+            None,
+        ],
+        [
+            "header, homepage, 1920px, detailed, award-winning, Non-Profit\nclassical, grayscale, academic theme, clean design, serif fonts, overlapping images, geometric accents, neutral tones, colors: muted teal, brick red, classic tan\nresearch programs, antitrust, consumer protection, data security, privacy, financial regulation, innovation, intellectual property, telecommunications, publications, events, policy debates",
+            None,
+        ],
+        [
+            "homepage, 1920px, highly detailed\ncolorful futuristic, vibrant neon green, deep purple, holographic elements, tech-themed, 3D graphics of phones and rings, single bold column, minimal text, playful, modern, floating objects, abstract shapes\nfinancial services, money management, peer-to-peer payments, stock investment, discounts, banking apps, prepaid debit cards, tax filing",
+            None,
+        ],
+        [
+            "header, homepage, 1920px, detailed, award-winning, Best Visual Design, Aesthetic\nsleek, minimalist, dark mode, monochrome, modern, tech-themed, large hero image, 2-column layout, rounded buttons, seamless transitions, bold typography, dynamic, colors: black, white, violet accents\ncreative collaboration, media sharing, feedback tracking, cloud-based platform, video editing, production workflow, file transfer",
+            None,
+        ],
+    ],
+).launch()