Update sandbox.html

Author: Figsh

sandbox.html

@@ -1,10 +1,31 @@
+
 <!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
-  <title>Sandbox · devtemDesign</title>
-  <meta name="description" content="Interactive config playground for devtemDesign — edit the schema, see the page render live.">
+<title>Sandbox | devtemDesign Playground & Live Editor</title><meta name="description" content="Experiment with devtemDesign in real time. Edit configuration objects, switch templates, preview changes instantly, and generate production-ready UI layouts directly in the browser."><meta name="keywords" content="devtemDesign sandbox, devtemDesign playground, devtemDesign live editor, devtemDesign demo, UI playground, JavaScript playground, declarative UI editor, frontend framework sandbox, live configuration editor"><meta name="author" content="DevTemple">
+<meta name="robots" content="index, follow">
+<meta name="theme-color" content="#00ffff"><link rel="canonical" href="https://design.devtem.org/sandbox"><!-- Open Graph --><meta property="og:type" content="website">
+<meta property="og:site_name" content="devtemDesign">
+<meta property="og:title" content="Sandbox | devtemDesign Playground">
+<meta property="og:description" content="Build, test, and preview devtemDesign configurations instantly with the interactive live editor.">
+<meta property="og:url" content="https://design.devtem.org/sandbox">
+<meta property="og:image" content="https://design.devtem.org/assets/images/og.jpg"><!-- Twitter --><meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:title" content="Sandbox | devtemDesign Playground">
+<meta name="twitter:description" content="Interactive playground for creating and testing devtemDesign configurations.">
+<meta name="twitter:image" content="https://design.devtem.org/assets/images/og.jpg"><!-- Structured Data --><script type="application/ld+json">
+{
+  "@context":"https://schema.org",
+  "@type":"WebApplication",
+  "name":"devtemDesign Sandbox",
+  "applicationCategory":"DeveloperApplication",
+  "operatingSystem":"Web",
+  "url":"https://design.devtem.org/sandbox",
+  "image":"https://design.devtem.org/assets/images/og.jpg",
+  "description":"Interactive playground for building and testing devtemDesign configurations."
+}
+</script>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/devtemdesign@0.0.2/style.css">
   <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -671,4 +692,3 @@
 </script>
 </body>
 </html>
-