From 7499155502e8c9f8672aa97128ebf72849f771fb Mon Sep 17 00:00:00 2001
From: Devansh013 <devanshbhrd013@gmail.com>
Date: Thu, 9 Jan 2025 13:08:37 +0530
Subject: [PATCH] Added storylane demos

---
 docs/hyperexecute-jobs-archiving.md         | 14 +++++++++-----
 docs/hyperexecute-running-your-first-job.md |  9 ++++++---
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/docs/hyperexecute-jobs-archiving.md b/docs/hyperexecute-jobs-archiving.md
index 97db84f43..3dc0cdfdb 100644
--- a/docs/hyperexecute-jobs-archiving.md
+++ b/docs/hyperexecute-jobs-archiving.md
@@ -40,23 +40,27 @@ HyperExecute's job archiving feature lets you seamlessly organize your workspace
 
 > Archived jobs are not deleted, they are just removed from the default view on this page.
 
+<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/sq7mblsuyjsg?embed=inline" name="sl-embed" allow="fullscreen" allowfullscreen></iframe>
+  </div>
+</div>
+
 ## Archive the Jobs
 
 In order to archive any job, just click on the eclipses (three dots) that you see on the right side on job list page, it would provide you a small dropdown to archive that job.
 
-<img loading="lazy" src={require('../assets/images/hyperexecute/features/job-archiving/archive.gif').default} alt="Image" className="doc_img"/>
-
 ## View the Archived Jobs
 
 In order to view the archived jobs, you can simply go to filters and select view archived jobs. All the jobs that you archive, will be available here.
 
-<img loading="lazy" src={require('../assets/images/hyperexecute/features/job-archiving/view-archive.gif').default} alt="Image" className="doc_img"/>
-
 ## Unarchive the Jobs
 
 You can also unarchive your jobs similarly the way you archived your jobs.
 
-<img loading="lazy" src={require('../assets/images/hyperexecute/features/job-archiving/unarchive.gif').default} alt="Image" className="doc_img"/>
+
+
 
 <nav aria-label="breadcrumbs">
   <ul className="breadcrumbs">
diff --git a/docs/hyperexecute-running-your-first-job.md b/docs/hyperexecute-running-your-first-job.md
index 30b20edcc..86daac76e 100644
--- a/docs/hyperexecute-running-your-first-job.md
+++ b/docs/hyperexecute-running-your-first-job.md
@@ -67,9 +67,12 @@ The platform automatically gets the instructions from the HyperExecute YAML file
 
 **Step 5:** Click on **View Test Result** to navigate to [HyperExecute Dashboard](https://hyperexecute.lambdatest.com/hyperexecute/jobs) where you can see the job getting executed and the test results.
 
-<video class="right-side" width="100%" controls id="vid">
-<source src= {require('../assets/videos/hyperexecute/getting-started/run-first-job/quick-run.mp4').default} type="video/mp4" />
-</video>
+<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/ydgq44tmjpdc?embed=inline" name="sl-embed" allow="fullscreen" allowfullscreen></iframe>
+  </div>
+</div>
 
 ***