From fc81027567a89b0ff295cbf555b3474ee28497a6 Mon Sep 17 00:00:00 2001
From: Serge Ilyashenko <age_bookend_0j@icloud.com>
Date: Wed, 25 Sep 2024 14:35:14 +0200
Subject: [PATCH] feat(homepage): update network demo examples

---
 .../src/content/docs/getting-started/introduction.mdx    | 4 ++++
 .../src/content/docs/getting-started/simple-pie.mdx      | 9 ++++++++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/apps/homepage/src/content/docs/getting-started/introduction.mdx b/apps/homepage/src/content/docs/getting-started/introduction.mdx
index 1694bfc..7fa186d 100644
--- a/apps/homepage/src/content/docs/getting-started/introduction.mdx
+++ b/apps/homepage/src/content/docs/getting-started/introduction.mdx
@@ -27,6 +27,10 @@ a simple and efficient way to visualize data without the bulk of heavier librari
 
 ## Network
 
+<Aside type="tip">
+  The demo is interactive
+</Aside>
+
 <Network />
 
 ## Map
diff --git a/apps/homepage/src/content/docs/getting-started/simple-pie.mdx b/apps/homepage/src/content/docs/getting-started/simple-pie.mdx
index 17c05ae..8ab8f4e 100644
--- a/apps/homepage/src/content/docs/getting-started/simple-pie.mdx
+++ b/apps/homepage/src/content/docs/getting-started/simple-pie.mdx
@@ -2,7 +2,8 @@
 title: simple-pie
 description: How to install and use simple-pie npm package
 ---
-import { Aside, Card, CardGrid, Code, Tabs, TabItem } from '@astrojs/starlight/components';
+import { Aside, Code, Tabs, TabItem } from '@astrojs/starlight/components';
+import Network from '@components/Network.astro'
 
 `simple-pie` creates simple svg pie and doughnut charts for infographics like graphs and others in browser environments.
 
@@ -126,3 +127,9 @@ const nodes = new DataSet([{
 },
 ...
 ```
+
+<Aside type="tip">
+  The demo is interactive
+</Aside>
+
+<Network />