Add examples page with direct links to interactive demos and enhance folder metadata

docs/assets/examples/examples.markdown.folder.json

@@ -4,22 +4,27 @@
     "docs": [
         {
             "title": "Why Chartifact",
+            "description": "Discover the capabilities and benefits of Chartifact for creating interactive data documents.",
             "href": "markdown/why-chartifact.idoc.md"
         },
         {
             "title": "Sales Dashboard",
+            "description": "A comprehensive sales dashboard with interactive charts and data visualization.",
             "href": "markdown/sales-dashboard.idoc.md"
         },
         {
             "title": "Sales Report",
+            "description": "A detailed sales report with tabular data and analysis.",
             "href": "markdown/sales-report.idoc.md"
         },
         {
             "title": "Grocery List",
+            "description": "An interactive grocery list demonstrating form controls and data management.",
             "href": "markdown/grocery-list.idoc.md"
         },
         {
             "title": "Mermaid Org Chart",
+            "description": "An organizational chart created using Mermaid diagrams with dynamic data.",
             "href": "markdown/mermaid-org-chart.idoc.md"
         }
     ]

docs/examples.md

@@ -0,0 +1,29 @@
+---
+layout: default
+title: "Examples"
+---
+
+# Examples
+
+Explore these interactive Chartifact examples. Each link opens the example in the Chartifact viewer where you can interact with the document and see how it works.
+
+Click on any example below to view it in the interactive document viewer:
+
+## [Why Chartifact](https://microsoft.github.io/chartifact/view/?load=https://raw.githubusercontent.com/microsoft/chartifact/f71baa845d55a5c533c8ce8efaca3bd00039cc88/packages/web-deploy/json/why-chartifact.idoc.json)
+Discover the capabilities and benefits of Chartifact for creating interactive data documents.
+
+## [Sales Dashboard](https://microsoft.github.io/chartifact/view/?load=https://raw.githubusercontent.com/microsoft/chartifact/f71baa845d55a5c533c8ce8efaca3bd00039cc88/packages/web-deploy/json/sales-dashboard.idoc.json)
+A comprehensive sales dashboard with interactive charts and data visualization.
+
+## [Sales Report](https://microsoft.github.io/chartifact/view/?load=https://raw.githubusercontent.com/microsoft/chartifact/f71baa845d55a5c533c8ce8efaca3bd00039cc88/packages/web-deploy/json/sales-report.idoc.json)
+A detailed sales report with tabular data and analysis.
+
+## [Grocery List](https://microsoft.github.io/chartifact/view/?load=https://raw.githubusercontent.com/microsoft/chartifact/f71baa845d55a5c533c8ce8efaca3bd00039cc88/packages/web-deploy/json/grocery-list.idoc.json)
+An interactive grocery list demonstrating form controls and data management.
+
+## [Mermaid Org Chart](https://microsoft.github.io/chartifact/view/?load=https://raw.githubusercontent.com/microsoft/chartifact/f71baa845d55a5c533c8ce8efaca3bd00039cc88/packages/web-deploy/json/mermaid-org-chart.idoc.json)
+An organizational chart created using Mermaid diagrams with dynamic data.
+
+---
+
+*These examples showcase the various capabilities of Chartifact, from data visualization to interactive forms and dynamic diagrams.*