updated requirements

app.py

@@ -30,10 +30,73 @@ def generate_view(source_img, elevation, azimuth, camera_distance, num_inference
     return images[0]
 
 
-iface = gr.Interface(fn=generate_view, inputs=[gr.Image(type="pil", value="images/bottle.png"), 
-                                               gr.Number(label="elevation", value=0.), 
-                                               gr.Number(label="azimuth", value=45.), 
-                                               gr.Number(label="camera_distance", value=1.2), 
-                                               gr.Number(label="num_inference_steps", value=20)], 
-                                               outputs=gr.Image(width=256, height=256))
-iface.launch()
+def app():
+    with gr.Blocks():
+        with gr.Row():
+            with gr.Column():
+                image = gr.Image(type="pil", value="https://huggingface.co/spaces/p4vv37/Stable-zero123/resolve/main/images/bottle.png?download=true")
+
+                elevation = gr.Number(label="elevation", value=0.)
+                azimuth = gr.Number(label="azimuth", value=45.) 
+                camera_distance = gr.Number(label="camera_distance", value=1.2)
+                num_inference_steps = gr.Slider(
+                    label="Inference Steps",
+                    minimum=0,
+                    maximum=100,
+                    step=1,
+                    value=20,
+                )
+
+                generate = gr.Button(value="Generate")
+
+            with gr.Column():
+                output = gr.Image(type="pil",label="Output", width=256, height=256)
+
+        generate.click(
+            fn=generate_view,
+            inputs=[
+                image,
+                elevation,
+                azimuth,
+                camera_distance,
+                num_inference_steps,
+            ],
+            outputs=[output],
+        )
+        
+        gr.Examples(
+            examples=[
+                [
+                    "images/bottle.png",
+                    0.,
+                    45.,
+                    1.2,
+                    40,
+                ]
+            ],
+            fn=generate_view,
+            inputs=[
+                image,
+                elevation,
+                azimuth,
+                camera_distance,
+                num_inference_steps,
+            ],
+            outputs=[output],
+            cache_examples=True,
+        )
+
+
+gradio_app = gr.Blocks()
+with gradio_app:
+    gr.HTML(
+        """
+    <h1 style='text-align: center'>
+    Demo of new view generation with [Stable-Zero123] (https://huggingface.co/stabilityai/stable-zero123) implemented in [stable-zero123-diffusers](https://huggingface.co/ashawkey/stable-zero123-diffusers)
+    </h1>
+    """)
+    with gr.Row():
+        with gr.Column():
+            app()
+
+gradio_app.launch(debug=True)