@@ -1,6 +1,7 @@
 import { useState } from 'react';
 import { Copy, Terminal, Database, Shield, HardDrive, Check, Server, Menu, X, ChevronDown, AlertCircle, Zap } from 'lucide-react';
 import { API_URL } from '../config';
+import TryItPanel from "../components/TryItPanel.jsx";
 
 import Footer from '../components/Layout/Footer';
 
@@ -253,6 +254,8 @@ console.log(data);
                             body={{ name: "MacBook Pro", price: 1299, inStock: true }}
                             comment="Add a new item"
                         />
+                        <TryItPanel endpoint="/api/data/products" method="POST" />
+
 
                         <h3 style={{ fontSize: '1.1rem', marginTop: '2rem' }}>3. Get / Update / Delete by ID</h3>
                         <p style={{ fontSize: '0.9rem', color: 'var(--color-text-muted)' }}>