From 5232b5a0c4da7bb038000298598ce1c2b3499aa6 Mon Sep 17 00:00:00 2001
From: Isha vyas <72408461+Ishavyas9@users.noreply.github.com>
Date: Mon, 6 Jan 2025 20:11:12 +0530
Subject: [PATCH] Merge pull request #1215 from keys-github/devansh-stage

Added storylane demo to docs
---
 docs/hyperexecute-background-services.md |  8 +++++++-
 docs/hyperexecute-test-muting.md         | 26 +++++++++++++++++++-----
 2 files changed, 28 insertions(+), 6 deletions(-)

diff --git a/docs/hyperexecute-background-services.md b/docs/hyperexecute-background-services.md
index ae747fea5..b3a7ff7fa 100644
--- a/docs/hyperexecute-background-services.md
+++ b/docs/hyperexecute-background-services.md
@@ -75,12 +75,18 @@ background:
 
 To check the background service logs, follow the below mentioned steps:
 
+<div className="storylane-iframe">
+  <script async src="https://js.storylane.io/js/v2/storylane.js"></script>
+  <div className="sl-embed">
+    <iframe loading="lazy" className="sl-demo" src="https://app.storylane.io/demo/jxrlvsdcnfte?embed=inline" name="sl-embed" allow="fullscreen" allowfullscreen></iframe>
+  </div>
+</div>
+
 **Step 1:** After executing your job, go to the [HyperExecute Dashboard](https://hyperexecute.lambdatest.com/hyperexecute/jobs) to check the status of the job.
 
 **Step 2:** Click on the **Background Service** button.
 
 **Step 3:** Click on the desired **background service** you have triggered to check its logs.
-<img loading="lazy" src={require('../assets/images/hyperexecute/features/background-service/background-service.gif').default} alt="automation-dashboard"  width="1920" height="868" className="doc_img"/>
 
 ## Frequently Asked Questions
 
diff --git a/docs/hyperexecute-test-muting.md b/docs/hyperexecute-test-muting.md
index c6bd752f6..96aac1d39 100644
--- a/docs/hyperexecute-test-muting.md
+++ b/docs/hyperexecute-test-muting.md
@@ -55,6 +55,13 @@ As you can see, we have triggered a Job in HyperExecute, and we've encountered a
 
 Now, to enable the Test Muting, follow the below mentioned steps:
 
+<div className="storylane-iframe">
+  <script async src="https://js.storylane.io/js/v2/storylane.js"></script>
+  <div className="sl-embed">
+    <iframe loading="lazy" className="sl-demo" src="https://app.storylane.io/demo/ctmmlcgefgxn?embed=inline" name="sl-embed" allow="fullscreen" allowfullscreen></iframe>
+  </div>
+</div>
+
 **Step 1:** Go to the [LambdaTest Dashboard](https://accounts.lambdatest.com/dashboard).
 
 **Step 2:** Click on the **Settings** button.
@@ -71,27 +78,36 @@ Now, to enable the Test Muting, follow the below mentioned steps:
 
 **Step 6:** Now, if you trigger the same job again, you will notice that the particular test has muted.
 
-<img loading="lazy" src={require('../assets/images/hyperexecute/features/test-muting/test-mute.gif').default} alt="Image" className="doc_img"/>
-
 ## How do you Manually Mute specific Tests?
 
+<div className="storylane-iframe">
+  <script async src="https://js.storylane.io/js/v2/storylane.js"></script>
+  <div className="sl-embed">
+    <iframe loading="lazy" className="sl-demo" src="https://app.storylane.io/demo/d9wfxwteumny?embed=inline" name="sl-embed" allow="fullscreen" allowfullscreen></iframe>
+  </div>
+</div>
+
 **Step 1:** Execute your job on HyperExecute.
 
 - Click on the **3 dots** of the desired test you want to **Mute**.
 - Click on the **Mute Scenario** button.
 
-<img loading="lazy" src={require('../assets/images/hyperexecute/features/test-muting/manual-mute.gif').default} alt="Image" style={{width: '700px',}} className="doc_img"/>
-
 **Step 2:** Trigger the same job again, and you will notice that particular test won't be executed.
 
 <img loading="lazy" src={require('../assets/images/hyperexecute/features/test-muting/6.png').default} alt="Image" style={{width: '700px',}} className="doc_img"/>
 
 ## How do you UnMute Tests?
 
+<div className="storylane-iframe">
+  <script async src="https://js.storylane.io/js/v2/storylane.js"></script>
+  <div className="sl-embed">
+    <iframe loading="lazy" className="sl-demo" src="https://app.storylane.io/demo/m48g5owz95jz?embed=inline" name="sl-embed" allow="fullscreen" allowfullscreen></iframe>
+  </div>
+</div>
+
 **Step 1:** Click on the **3 dots** of the muted test.
 
 **Step 2:** Click on the **Unmute scenario** button. 
 
-<img loading="lazy" src={require('../assets/images/hyperexecute/features/test-muting/unmute.gif').default} alt="Image" className="doc_img"/>
 
 > The test will remain in-active until manually unmuted.
\ No newline at end of file