Add API usage examples to web app

app/main.py

@@ -51,6 +51,49 @@ def read_root():
             
             <div id="result"></div>
 
+            <div style="margin-top: 40px; border-top: 1px solid #eee; padding-top: 20px;">
+                <h2>API Usage</h2>
+                <p>You can also access this model via the API.</p>
+                
+                <h3>cURL</h3>
+                <pre style="background: #f4f4f4; padding: 10px; border-radius: 5px; overflow-x: auto;">
+curl -X POST "https://nipun-ml-deploy-app.hf.space/predict" \
+     -H "Content-Type: application/json" \
+     -d '{"sepal_length": 5.1, "sepal_width": 3.5, "petal_length": 1.4, "petal_width": 0.2}'</pre>
+
+                <h3>Python</h3>
+                <pre style="background: #f4f4f4; padding: 10px; border-radius: 5px; overflow-x: auto;">
+import requests
+
+url = "https://nipun-ml-deploy-app.hf.space/predict"
+data = {
+    "sepal_length": 5.1,
+    "sepal_width": 3.5,
+    "petal_length": 1.4,
+    "petal_width": 0.2
+}
+
+response = requests.post(url, json=data)
+print(response.json())</pre>
+
+                <h3>JavaScript</h3>
+                <pre style="background: #f4f4f4; padding: 10px; border-radius: 5px; overflow-x: auto;">
+fetch("https://nipun-ml-deploy-app.hf.space/predict", {
+    method: "POST",
+    headers: {
+        "Content-Type": "application/json"
+    },
+    body: JSON.stringify({
+        sepal_length: 5.1,
+        sepal_width: 3.5,
+        petal_length: 1.4,
+        petal_width: 0.2
+    })
+})
+.then(response => response.json())
+.then(data => console.log(data));</pre>
+            </div>
+
             <script>
                 async function predict() {
                     const data = {