docs(starter-app): add site (#1529)

packages/documentation/docs/starter-app.mdx

@@ -0,0 +1,42 @@
+---
+title: Starter app
+---
+
+# Explore the Siemens Industrial Experience Design System
+
+<div style={{
+  display: 'flex',
+  flexDirection: 'row',
+  gap: '1rem',
+}}>
+  <img src="/img/starter-app/image.png"
+    style={{
+      minWidth: '35%',
+      width: '35%',
+      height: 'auto',
+      objectFit: 'contain',
+      alignSelf: 'flex-start'
+    }}
+  />
+  <section>
+      Get a first-hand experience of the Siemens Industrial Experience Design System with our interactive starter app.
+      The app offers a practical insight into the intuitive and efficient components that you can use to improve your projects. Experience the seamless integration and functionality that our design system offers.
+
+      Explore the code and get started quickly by visiting our [GitHub repository](https://github.com/siemens/ix-starter/).
+
+      Or view the [starter app](https://siemens.github.io/ix-starter/react-starter/).
+
+  </section>
+</div>
+
+## Key features
+
+- Intuitive design: Simplify your workflow with user-friendly components.
+- Versatile components: Adapt to different project requirements.
+- Seamless integration: Easy to implement and customize.
+
+## Benefits
+
+- Comprehensive documentation: Access detailed guides and examples.
+- Consistent UI: Ensure consistency across your applications.
+- Time-saving: Reduce development time with pre-built components.

packages/documentation/sidebars.ts

@@ -34,6 +34,10 @@ const sidebars: SidebarsConfig = {
       type: 'doc',
       id: 'contact-us',
     },
+    {
+      type: 'doc',
+      id: 'starter-app',
+    },
     {
       type: 'category',
       label: "What's happening?",
@@ -148,7 +152,7 @@ const sidebars: SidebarsConfig = {
           type: 'autogenerated',
           dirName: 'mobile',
         },
-      ]
+      ],
     },
     {
       type: 'category',