From 7d5959c849ed6d9e4cbd6f59cb98b698f62c5979 Mon Sep 17 00:00:00 2001
From: digvijay26 <digvijay.singh@viithiisys.com>
Date: Wed, 23 Dec 2020 06:06:56 +0530
Subject: [PATCH] removed un-used files

---
 src/components/AuthorIntro.vue                    |  85 ------
 src/components/AuthorReadingNow.vue               |  73 -----
 src/components/ChangePassword.vue                 | 177 ------------
 src/components/EpisodeIntro.vue                   | 107 --------
 src/components/Insight.vue                        | 109 --------
 src/components/Intermediate.vue                   |  22 --
 src/components/NoScreenshotSingleAuthor.vue       | 130 ---------
 src/components/NoScreenshotTwoAuthor.vue          | 146 ----------
 src/components/Otp.vue                            | 169 ------------
 src/components/ProductInsight.vue                 | 161 -----------
 src/components/ReadingFlowBounceBoard.vue         | 139 ----------
 src/components/ReadingFlowBounceBoard_chat.vue    | 288 -------------------
 src/components/Reset.vue                          | 152 ----------
 src/components/SignUp.vue                         | 166 -----------
 src/components/SingleAuthor.vue                   | 129 ---------
 src/components/SingleMobileInsight.vue            | 137 ---------
 src/components/SingleMobileScreenChatComments.vue | 142 ----------
 src/components/SingleMobileScreenInsightOne.vue   | 321 ----------------------
 src/components/SingleScreengrabOneInsight.vue     | 130 ---------
 src/components/SingleWebScreenInsightOne.vue      | 130 ---------
 src/components/ToAddYourComment.vue               | 115 --------
 src/components/TwoAuthor.vue                      |  98 -------
 src/components/TwoAuthorDesktop.vue               |  96 -------
 src/components/TwoAuthorReadingNow.vue            |  74 -----
 src/components/TwoScreenWithInsight.vue           | 144 ----------
 src/components/TwoScreenWithoutInsight.vue        | 147 ----------
 src/components/TwoScreengrabWithComments.vue      | 139 ----------
 src/components/TwoScreensWithTwoAuthor.vue        | 151 ----------
 src/components/TwoWebScreenWithInsight.vue        | 142 ----------
 src/components/outro.vue                          | 160 -----------
 src/components/welcome.vue                        |  17 --
 src/router/index.js                               | 184 +------------
 32 files changed, 2 insertions(+), 4378 deletions(-)
 delete mode 100644 src/components/AuthorIntro.vue
 delete mode 100644 src/components/AuthorReadingNow.vue
 delete mode 100644 src/components/ChangePassword.vue
 delete mode 100644 src/components/EpisodeIntro.vue
 delete mode 100644 src/components/Insight.vue
 delete mode 100644 src/components/Intermediate.vue
 delete mode 100644 src/components/NoScreenshotSingleAuthor.vue
 delete mode 100644 src/components/NoScreenshotTwoAuthor.vue
 delete mode 100644 src/components/Otp.vue
 delete mode 100644 src/components/ProductInsight.vue
 delete mode 100644 src/components/ReadingFlowBounceBoard.vue
 delete mode 100644 src/components/ReadingFlowBounceBoard_chat.vue
 delete mode 100644 src/components/Reset.vue
 delete mode 100644 src/components/SignUp.vue
 delete mode 100644 src/components/SingleAuthor.vue
 delete mode 100644 src/components/SingleMobileInsight.vue
 delete mode 100644 src/components/SingleMobileScreenChatComments.vue
 delete mode 100644 src/components/SingleMobileScreenInsightOne.vue
 delete mode 100644 src/components/SingleScreengrabOneInsight.vue
 delete mode 100644 src/components/SingleWebScreenInsightOne.vue
 delete mode 100644 src/components/ToAddYourComment.vue
 delete mode 100644 src/components/TwoAuthor.vue
 delete mode 100644 src/components/TwoAuthorDesktop.vue
 delete mode 100644 src/components/TwoAuthorReadingNow.vue
 delete mode 100644 src/components/TwoScreenWithInsight.vue
 delete mode 100644 src/components/TwoScreenWithoutInsight.vue
 delete mode 100644 src/components/TwoScreengrabWithComments.vue
 delete mode 100644 src/components/TwoScreensWithTwoAuthor.vue
 delete mode 100644 src/components/TwoWebScreenWithInsight.vue
 delete mode 100644 src/components/outro.vue
 delete mode 100644 src/components/welcome.vue

diff --git a/src/components/AuthorIntro.vue b/src/components/AuthorIntro.vue
deleted file mode 100644
index 8a5c87a..0000000
--- a/src/components/AuthorIntro.vue
+++ /dev/null
@@ -1,85 +0,0 @@
-<template>
-  <main class="landing-page">
-   
-    <div class="container-fluid episode-intro">
-    <nav class="navbar navbar-expand-sm spotLight-nav">
-        <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="user-profile-photo insights-profile">
-          <a href="#"><img src="../assets/images/lock.svg"></a>
-        </div>
-      </nav>
-      <!-- menu wrapper -->
-    <div class="intro-startup">
-      <div class="smasung-g-10wrp">
-           <div class="samsung-compare-c">
-          <div class="logo-1"><img src="../assets/images/logo-1.png" /></div><!-- logo 1 -->
-           <div class="vs">vs</div><!-- vs -->
-            <div class="logo-2"><img src="../assets/images/logo-2.png" /></div><!-- logo 2 -->
-          </div><!-- compare -->
-              <div class="comment-box">
-          <div class="comment-box-s-1">
-          <p>👋 Hi there! My name is <strong> Rashmi</strong>, and these are a few observations on the user workflows that I had while using the WhiteHat Jr. app.</p>
-         <div class="footer">
-           <img src="../assets/images/comment-user.svg" />  <a href="#">View My Profile</a>
-           </div><!-- footer -->
-          </div><!-- comment box 1 -->
-              <div class="comment-box-s-1 comment-w-397">
-          <p>
-            Use arrow keys to navigate <br/>
-<img src="../assets/images/key-arrow.jpg" class="key-arrow" />
-          </p>
-          </div><!-- comment box 1 -->
-          <div class="user-photo">
-            <img src="../assets/images/comment-photo.png" />
-          </div>
-          </div><!-- comment box -->
-        </div><!-- samsung g 10 -->
-      <div class="footer-nav">
-        <div class="footer-top">
-              <ul class="top-intro-bt">
-            <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
-             <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
-          </ul>
-          </div><!-- footer top -->
-        <div class="footer-bottom">
-          <ul>
-            <li></li>
-             <li></li>
-          </ul>
-          </div><!-- footer top -->
-        </div><!-- footer -->
-    
-    </div>
-      <!-- body wrapper -->
-    </div>
-    <!-- main wrapper -->
-  </main>
-</template>
-
-<script>
-import Vue from "vue";
-import router from "../router";
-
-export default {
-  name: "AuthorIntro",
-
-  data() {
-    return {};
-  },
-  mounted() {},
-  methods: {
-    goToLogin() {
-      this.$router.push("/");
-    },
-    goToSignUp() {
-      this.$router.push("/signup");
-    },
-    
-  },
-};
-</script>
diff --git a/src/components/AuthorReadingNow.vue b/src/components/AuthorReadingNow.vue
deleted file mode 100644
index 17570f6..0000000
--- a/src/components/AuthorReadingNow.vue
+++ /dev/null
@@ -1,73 +0,0 @@
-<template>
-  <main class="landing-page">
-     <div class="container-fluid episode-intro app-discovery-bg">
-    <nav class="navbar navbar-expand-sm spotLight-nav">
-        <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="user-profile-photo insights-profile">
-          <a href="#"><img src="../assets/images/lock.svg"></a>
-        </div>
-      </nav>
-      <!-- menu wrapper -->
-    <div class="intro-startup">
-        <div class="spot-light-top">
-            <img src="../assets/images/spot-light-top.svg" />
-            <div class="app-discovery">
-                <div class="top-user">
-                    <img src="../assets/images/app-photo.svg" />
-                    </div><!-- top user -->
-                    <h1>App Discovery</h1>
-                      <h2>01</h2>
-                      <img src="../assets/images/discovery.svg" class="discovery-app-img" />
-                </div><!-- app Disovery -->
-               
-        </div><!-- spot light top -->
- <img src="../assets/images/popcorn-set.svg" class="popcorn-set" />
-      <div class="footer-nav">
-        <div class="footer-top">
-              <ul class="top-intro-bt">
-            <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
-             <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
-          </ul>
-          </div><!-- footer top -->
-        <div class="footer-bottom">
-          <ul>
-            <li class="active"></li>
-             <li></li>
-          </ul>
-          </div><!-- footer top -->
-        </div><!-- footer -->
-    
-    </div>
-      <!-- body wrapper -->
-    </div>
-    <!-- main wrapper -->
-  </main>
-</template>
-
-<script>
-import Vue from "vue";
-import router from "../router";
-
-export default {
-  name: "AuthorReadingNow",
-
-  data() {
-    return {};
-  },
-  mounted() {},
-  methods: {
-    goToLogin() {
-      this.$router.push("/");
-    },
-    goToSignUp() {
-      this.$router.push("/signup");
-    },
-    
-  },
-};
-</script>
diff --git a/src/components/ChangePassword.vue b/src/components/ChangePassword.vue
deleted file mode 100644
index 4c0eab2..0000000
--- a/src/components/ChangePassword.vue
+++ /dev/null
@@ -1,177 +0,0 @@
-<template>
-  <main class="landing-page">
-    <div class="container-fluid main-wrp">
-      <nav class="navbar navbar-expand-sm spotLight-nav">
-        <a class="navbar-brand" href="#"
-          ><img src="../assets/images/logo.png"
-        /></a>
-        <button
-          class="navbar-toggler"
-          type="button"
-          data-toggle="collapse"
-          data-target="#navbarsExample03"
-          aria-controls="navbarsExample03"
-          aria-expanded="false"
-          aria-label="Toggle navigation"
-        >
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-        </button>
-
-        <div class="collapse navbar-collapse" id="navbarsExample03">
-          <ul class="navbar-nav mr-auto">
-            <li class="nav-item active">
-              <a class="nav-link" href="#">About</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="#">Masterclass</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="#">Stories</a>
-            </li>
-            <li class="nav-item spotLight-img">
-              <a class="nav-link" href="#"
-                ><img src="../assets/images/SPOTLight.svg"
-              /></a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="#">Library</a>
-            </li>
-          </ul>
-        </div>
-      </nav>
-      <!-- menu wrapper -->
-      <div class="sign-wrp">
-        <div class="row col-reverse">
-          <div class="col-sm-3 col-md-1 col-lg-1 col-xl-3"></div>
-          <!-- users land image -->
-          <div class="col-sm-5 col-md-6 col-lg-7 col-xl-4 wc-spc-lf-tp">
-            <h1 class="welcome-hd-back">
-              Welcome <br />
-              back
-            </h1>
-          </div>
-          <!-- users land image -->
-          <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
-            <div class="form-layout signup-frm-spc">
-              <form>
-                <!-- <h5>SignUp Using</h5> -->
-                <div class="social-login" style="visibility: hidden">
-                  <ul>
-                    <li>
-                      <a href="#"><img src="../assets/images/google.svg" /></a>
-                    </li>
-                    <li>
-                      <a href="#"><img src="../assets/images/linkdin.svg" /></a>
-                    </li>
-                    <li>
-                      <a href="#"><img src="../assets/images/twitter.svg" /></a>
-                    </li>
-                  </ul>
-                </div>
-                <h5>
-                 Setup a new password. Please enter the OTP shared to {{email}} to confirm
-                  your email address
-                </h5>
-                <div class="fill-form">
-                  <label for="inputEmail" class="sr-only">OTP</label>
-                  <input
-                    type="text"
-                    id="inputEmail"
-                    class="form-control"
-                    placeholder="Your OTP"
-                    v-model="otp"
-                    autocomplete="off"
-
-                  />
-                  <label for="inputEmail" class="sr-only">New Password</label>
-                  <input
-                    type="password"
-                    id="inputEmail"
-                    class="form-control"
-                    placeholder="Your New Password"
-                    v-model="password"
-                    autocomplete="off"
-
-                  />
-                  <!-- <label for="inputPassword" class="sr-only">Password</label>
-    <input type="password" id="inputPassword" class="form-control" placeholder="Password" required> -->
-
-                  <a href="javascript:void(0);" class="btn btn-lg sb-button" @click="changePassword">
-                    <img src="../assets/images/password-reload.png" />Update Password
-                  </a>
-                  <p class="forget-pass">Didn’t Get the OTP? <a @click="ResendEmail">Resend</a></p>
-                  <!-- <h3>Didn’t Get the OTP?<a @click="goToLogin">Login</a></h3> -->
-                </div>
-              </form>
-            </div>
-          </div>
-          <!-- sign up -->
-        </div>
-      </div>
-      <!-- body wrapper -->
-    </div>
-  </main>
-</template>
-
-<script>
-import Vue from "vue";
-import router from "../router";
-import axios from "axios";
-
-export default {
-  name: "ChangePassword",
-
-  data() {
-    return {
-        email:null,
-        otp:null,
-        password:null,
-    };
-  },
-  mounted() {
-    this.email = localStorage.getItem("spotlight_email");
-    console.log("this.$route.params.flag",this.$route.params.flag)
-    if(this.$route.params.flag == true){
-        this.ResendEmail(false);
-    }
-
-  },
-  methods: {
-    goToLogin() {
-      this.$router.push("/");
-    },
-    changePassword(){
-        axios
-        .post("/resetPassword", {'email':this.email,'otp':this.otp,'newPassword':this.password})
-        .then((response) => {
-           console.log("resetPassword- response",response)
-        this.$toaster.success(response.data.message)
-        if(response.data.status == "success"){
-             this.$router.push("/");
-        }
-        })
-        .catch( (error) =>{
-          if (error.response) {
-            this.$toaster.error(error.response.data.message)
-          }
-        });
-
-    },
-    ResendEmail(){
-         axios
-        .post("/forgotPassword", {'email':this.email,'otp':true})
-        .then((response) => {
-           console.log("forgotPassword- response",response)
-        this.$toaster.success(response.data.message)
-        })
-        .catch( (error) =>{
-          if (error.response) {
-            this.$toaster.error(error.response.data.message)
-          }
-        });
-    }
-  },
-};
-</script>
diff --git a/src/components/EpisodeIntro.vue b/src/components/EpisodeIntro.vue
deleted file mode 100644
index 32c0b12..0000000
--- a/src/components/EpisodeIntro.vue
+++ /dev/null
@@ -1,107 +0,0 @@
-<template>
-  <main class="landing-page">
-   
-    <div class="container-fluid episode-intro">
-    <nav class="navbar navbar-expand-sm spotLight-nav">
-        <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="user-profile-photo insights-profile">
-          <a href="#"><img src="../assets/images/lock.svg"></a>
-        </div>
-      </nav>
-      <!-- menu wrapper -->
-      <div class="startup-wrp">
-
-        <div class="compare-c">
-          <div class="logo-1"><img src="../assets/images/logo-1.png" /></div><!-- logo 1 -->
-           <div class="vs">vs</div><!-- vs -->
-            <div class="logo-2"><img src="../assets/images/logo-2.png" /></div><!-- logo 2 -->
-          </div><!-- compare -->
-<img src="../assets/images/spot-light.svg" class="epi-bg" />
-    <div class="bottom-startup">
-        <div class="logo-wrp">
-            <a href="#"><img src="../assets/images/ps-growth.svg" />
-            <span>Product Growth</span> 
-            </a>
-            </div><!-- logo wrp -->
-            <div class="title">Apple music vs Spotify</div><!-- title -->
-            <div class="author-sec">
-              <div class="top">
-                <span>Author</span>
-                <span class="name">Rashmi & Shubham</span>
-              </div><!-- top section -->
-              <div class="bottom">
-                <div class="left">
-                  <span>Issue</span>
-                  <span class="dt">06</span>
-                  </div><!-- left -->
-                 <div class="right">
-                    <span>Last updated</span>
-                  <span class="dt">11.11.2020</span>
-                   </div><!-- right -->
-                </div><!-- bottom -->
-              </div><!-- author section-->
-                   <div class="author-sec">
-              <div class="top">
-                <span>App</span>
-                <span class="name">Whitehat Jr.</span>
-              </div><!-- top section -->
-            <div class="top">
-                <span>Focus</span>
-                <span class="name">Product Discovery</span>
-              </div><!-- top section -->
-              </div><!-- app section-->
-                         <div class="author-sec info">
-              <div class="top">
-                <span>Read</span>
-                <span class="name">5 min</span>
-              </div><!-- top section -->
-            <div class="top bt-brd">
-                <span>Platform</span>
-                <span class="name">Android</span>
-              </div><!-- top section -->
-              </div><!-- info section-->
-              <div class="u-img-info">
-                <img src="../assets/images/jxtapose.svg" />
-              </div><!-- image info -->
-              <div class="start">
-                <a href="#">
-                  <img src="../assets/images/arrow-right.svg" /> 
-                  <span>Start</span>
-                </a>
-                </div><!-- start -->
-        </div><!-- bottom startup -->
-        
-      </div>
-      <!-- body wrapper -->
-    </div>
-    <!-- main wrapper -->
-  </main>
-</template>
-
-<script>
-import Vue from "vue";
-import router from "../router";
-
-export default {
-  name: "EpisodeIntro",
-
-  data() {
-    return {};
-  },
-  mounted() {},
-  methods: {
-    goToLogin() {
-      this.$router.push("/");
-    },
-    goToSignUp() {
-      this.$router.push("/signup");
-    },
-    
-  },
-};
-</script>
diff --git a/src/components/Insight.vue b/src/components/Insight.vue
deleted file mode 100644
index 884fece..0000000
--- a/src/components/Insight.vue
+++ /dev/null
@@ -1,109 +0,0 @@
-<template>
-  <main class="landing-page">
-   <div class="container-fluid insights-wrp">
-      <nav class="navbar navbar-expand-sm spotLight-nav">
-        <a class="navbar-brand" href="#"><img src="../assets/images/logo.png" /></a>
-        <div class="user-profile-photo insights-profile">
-          <a href="#"><img src="../assets/images/user.png" /></a>
-        </div>
-      </nav><!-- menu wrapper -->
-    <div class="clearfix"></div>
-  <div class="row">
-<div class="col-lg-12">
-<form class="insights-searh">
-  <div class="form-group">
-    <input type="text" class="form-control" value="" placeholder="Search Insights Library" id="fname">
-    <a href="#"><img src="../assets/images//search-icon.svg" /></a>
-  </div>
-</form>
-</div>
-  </div><!-- tab style -->
-    <div class="row">
-<div class="col-lg-7 mr-auto ml-auto">
-<div class="insights-border"><span>or Filter by</span></div>
-<div class="insights-list-filter">
-<ul>
-<li><a href="" class="lavender-blue-bg">Pricing</a></li>
-<li><a href="" class="golden-tainoi-bg">Design</a></li>
-<li><a href="" class="red-orange-bg">Marketing</a></li>
-<li><a href="" class="morning-glory-bg">Product</a></li>
-<li><a href="" class="dark-green-copper-bg">Psychology</a></li>
-<li><a href="" class="red-orange-bg">Marketing</a></li>
-<li><a href="" class="morning-glory-bg">Product</a></li>
-<li><a href="" class="dark-green-copper-bg">Psychology</a></li>
-</ul>
-</div>
-</div>
-</div>
-  <div class="row">
-<div class="col-lg-4 insight-mb-spc">
-<div class="insights-products radical-red-border">
-<h3 class="radical-red-col">PRODUCT Insight <a href="#"><img src="../assets/images/radical-red-icon.svg"></a></h3>
-<h2>Decide on using multiple call to action vs single call to action depending on the stage of the user journey</h2>
-<p>Marketing 101 teaches us to use one single, call to action (CTA) at the top of the funnel before the uer has shown interest in...</p>
-</div>
-</div>
-<div class="col-lg-4 insight-mb-spc">
-<div class="insights-products selective-yellow-border">
-<h3 class="selective-yellow-col">PRODUCT Insight <a href="#"><img src="../assets/images/selective-yellow-icon.svg"></a></h3>
-<h2>Decide on using multiple call to action vs single call to action depending on the stage of the user journey</h2>
-<p>Marketing 101 teaches us to use one single, call to action (CTA) at the top of the funnel before the uer has shown interest in...</p>
-</div>
-</div>
-<div class="col-lg-4 insight-mb-spc">
-<div class="insights-products lavender-blue-border">
-<h3 class="lavender-blue-col">PRODUCT Insight <a href="#"><img src="../assets/images/lavender-blue-icon.svg"></a></h3>
-<h2>Decide on using multiple call to action vs single call to action depending on the stage of the user journey</h2>
-<p>Marketing 101 teaches us to use one single, call to action (CTA) at the top of the funnel before the uer has shown interest in...</p>
-</div>
-</div>
-<div class="col-lg-4 insight-mb-spc">
-<div class="insights-products dark-green-copper-border">
-<h3 class="dark-green-copper-col">PRODUCT Insight <a href="#"><img src="../assets/images/dark-green-copper-icon.svg"></a></h3>
-<h2>Decide on using multiple call to action vs single call to action depending on the stage of the user journey</h2>
-<p>Marketing 101 teaches us to use one single, call to action (CTA) at the top of the funnel before the uer has shown interest in...</p>
-</div>
-</div>
-<div class="col-lg-4 insight-mb-spc">
-<div class="insights-products purple-heart-border">
-<h3 class="purple-heart-col">PRODUCT Insight <a href="#"><img src="../assets/images/purple-heart-icon.svg"></a></h3>
-<h2>Decide on using multiple call to action vs single call to action depending on the stage of the user journey</h2>
-<p>Marketing 101 teaches us to use one single, call to action (CTA) at the top of the funnel before the uer has shown interest in...</p>
-</div>
-</div>
-<div class="col-lg-4 insight-mb-spc">
-<div class="insights-products silver-border">
-<h3 class="silver-col">PRODUCT Insight <a href="#"><img src="../assets/images/silver-icon.svg"></a></h3>
-<h2>Decide on using multiple call to action vs single call to action depending on the stage of the user journey</h2>
-<p>Marketing 101 teaches us to use one single, call to action (CTA) at the top of the funnel before the uer has shown interest in...</p>
-</div>
-</div>
-</div>
-      <!-- body wrapper -->
-    </div><!-- main wrapper -->
-    <!-- main wrapper -->
-  </main>
-</template>
-
-<script>
-import Vue from "vue";
-import router from "../router";
-
-export default {
-  name: "Insight",
-
-  data() {
-    return {};
-  },
-  mounted() {},
-  methods: {
-    goToLogin() {
-      this.$router.push("/");
-    },
-    goToSignUp() {
-      this.$router.push("/signup");
-    },
-    
-  },
-};
-</script>
diff --git a/src/components/Intermediate.vue b/src/components/Intermediate.vue
deleted file mode 100644
index 4b2b65e..0000000
--- a/src/components/Intermediate.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template>
-
-    <div class="contact-page">
-        <p>Loading</p>
-    </div>
-</template>
-
-<script>
-    import router from '../router'
-    export default {
-        name: 'Intermediate',
-        data() {
-            var userdata = localStorage.getItem('spotlight_usertoken')
-            if(userdata){
-                router.push({ path: '/profile'})
-            }
-            return {
-                msg: 'Welcome to Your Vue.js App'
-            }
-        },
-    }
-</script>
diff --git a/src/components/NoScreenshotSingleAuthor.vue b/src/components/NoScreenshotSingleAuthor.vue
deleted file mode 100644
index 74a529d..0000000
--- a/src/components/NoScreenshotSingleAuthor.vue
+++ /dev/null
@@ -1,130 +0,0 @@
-<template>
-  <main class="landing-page">
-   
-    <div class="container-fluid episode-intro">
-    <nav class="navbar navbar-expand-sm spotLight-nav">
-        <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="user-profile-photo insights-profile">
-          <a href="#"><img src="../assets/images/lock.svg"></a>
-        </div>
-      </nav>
-      <!-- menu wrapper -->
-    <div class="intro-startup">
-    <div class="single-author-comments">
-        <img class="s-user-comments" src="../assets/images/u-info.png" />
-        <div class="comments-a-wrp">
-        <div class="single-author-li-comments">
-            <div class="a-intro-comments">
-               <p> Before I dive in to showcase my observations and userflows that stood out to me in the app, I want to call out that the situation or time-frame in which I was using the app is extremely important for what I am about to show as well.</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-               <div class="single-author-li-comments">
-            <div class="a-intro-comments">
-               <p> Before I dive in to showcase my observations and userflows that stood out to me in the app, I want to call out that the situation or time-frame in which I was using the app is extremely important for what I am about to show as well.</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-           <div class="a-intro-comments custom-selected-author-style">
-              <img src="../assets/images/org-rect.svg" class="rect" />
-              <div class="top-wrp">
-             Product Insight <a href="#"><img src="../assets/images/org-link.svg" /></a>
-              </div>
-              <div class="top-head">Automate your customer support for better engagement</div>
-               <p>Only 9% of consumers believe it’s acceptable to wait up to one minute to speak with an agent. Automated service is a critical step in giving customers a platform to become self-sufficient. </p>
-
-            
-                </div><!-- comments box -->
-            </div>
-        </div><!-- single author comments -->
-      <div class="footer-nav">
-        <div class="footer-top white-bg">
-            <div class="row">
-                <div class="col-8 col-sm-8 col-md-8 col-lg-8 ">
-                    <div class="row h-100p">
-                         <div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4">
-              <ul class="top-intro-bt">
-            <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
-             <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
-          </ul>
-          </div>
-           <div class="col-8 col-sm-8 col-md-8 col-lg-8 col-xl-8 bord-r">
-                <div class="ft-comments-group">
-                             <div class="c-with-photos">
-              <span class="count-comments">16+ Comments</span><!-- count commets -->
-              <ul class="comments-photos">
-                  <li><img src="../assets/images/c-photo-1.png" /></li>
-                  <li><img src="../assets/images/c-photo-2.png" /></li>
-                  <li><img src="../assets/images/c-photo-3.png" /></li>
-                  </ul><!-- comment photos -->
-                  </div>
-                  <div class="comments-detail all-c-space">
-                      <span>Saudrika commented <a href="#">View All</a></span>
-                      <p>I wonder what the difference between “Dunzo Assistant” and “Pickup and Drop...</p>
-                      </div><!-- comments detail -->
-                  
-              </div><!-- comments Group -->
-              </div></div>
-              </div>
-              <div class="col-4 col-sm-4 col-md-4 col-lg-4 ">
-                
-                  <div class="comment-frm no-c-frm">
-                        <div class="row">
-                            <div class="col-8 col-sm-8 col-md-8 col-lg-10 col-xl-10">
-                           <div class="form-group frm-wdth addfrm-spc">
-    <input type="text" class="form-control" placeholder="Kathy, Something on your mind?" id="">
-  </div></div>
-  <div class="col-2 col-sm-4 col-md-4 col-lg-4 col-xl-2">
-  <a href="#" class="add-comment"><img src="../assets/images/add-comment.svg" /> Comment</a>
-  </div>
-                          </div><!-- comment from -->
-                          </div> </div></div>
-          </div><!-- footer top -->
-        <div class="footer-bottom">
-          <ul>
-            <li class="active"></li>
-             <li></li>
-          </ul>
-          </div><!-- footer top -->
-        </div><!-- footer -->
-    
-    </div>
-      <!-- body wrapper -->
-    </div>
-    <!-- main wrapper -->
-  </main>
-</template>
-
-<script>
-import Vue from "vue";
-import router from "../router";
-
-export default {
-  name: "NoScreenshotSingleAuthor",
-
-  data() {
-    return {};
-  },
-  mounted() {},
-  methods: {
-    goToLogin() {
-      this.$router.push("/");
-    },
-    goToSignUp() {
-      this.$router.push("/signup");
-    },
-    
-  },
-};
-</script>
diff --git a/src/components/NoScreenshotTwoAuthor.vue b/src/components/NoScreenshotTwoAuthor.vue
deleted file mode 100644
index 7e2de5d..0000000
--- a/src/components/NoScreenshotTwoAuthor.vue
+++ /dev/null
@@ -1,146 +0,0 @@
-<template>
-  <main class="landing-page">
-   
-    <div class="container-fluid episode-intro">
-    <nav class="navbar navbar-expand-sm spotLight-nav">
-        <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="user-profile-photo insights-profile">
-          <a href="#"><img src="../assets/images/user.png"></a>
-        </div>
-      </nav>
-      <!-- menu wrapper -->
-    <div class="intro-startup">
-        <div class="allMWrp">
-           <div class="two-author-comments">
-                <img src="../assets/images/author-u2.png" class="a2-set" />
-                <img src="../assets/images/true-dat.png" class="a2true-set" />
-                
-               <div class="two-author-all-comments">
-                         <div class="single-author-li-comments">
-            <div class="a-intro-comments">
-                 <img src="../assets/images/user-2-set.svg" class="user-b-1" />
-               <p>COVID has accelerated the growth of some sectors in particular. </p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-                   <div class="single-author-li-comments ">
-            <div class="a-intro-comments all-c-style">
-                 <img src="../assets/images/user.png" class="all-c-user-b-r" />
-               <p>COVID has accelerated the growth of some sectors in particular. </p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-                  <div class="single-author-li-comments">
-            <div class="a-intro-comments">
-                 <img src="../assets/images/user-2-set.svg" class="user-b-1" />
-               <p>COVID has accelerated the growth of some sectors in particular. </p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-              <div class="single-author-li-comments ">
-            <div class="a-intro-comments all-c-style">
-                 <img src="../assets/images/user.png" class="all-c-user-b-r" />
-               <p>COVID has accelerated the growth of some sectors in particular. </p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-                   </div><!-- all comments -->
-               </div><!-- two authors comments -->     
-    </div>
-      <div class="footer-nav">
-        <div class="footer-top white-bg">
-            <div class="row">
-                <div class="col-8 col-sm-8 col-md-8 col-lg-8 ">
-                    <div class="row h-100p">
-                         <div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4">
-              <ul class="top-intro-bt">
-            <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
-             <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
-          </ul>
-          </div>
-           <div class="col-8 col-sm-8 col-md-8 col-lg-8 col-xl-8 bord-r">
-                <div class="ft-comments-group">
-                             <div class="c-with-photos">
-              <span class="count-comments">16+ Comments</span><!-- count commets -->
-              <ul class="comments-photos">
-                  <li><img src="../assets/images/c-photo-1.png" /></li>
-                  <li><img src="../assets/images/c-photo-2.png" /></li>
-                  <li><img src="../assets/images/c-photo-3.png" /></li>
-                  </ul><!-- comment photos -->
-                  </div>
-                  <div class="comments-detail all-c-space">
-                      <span>Saudrika commented <a href="#">View All</a></span>
-                      <p>I wonder what the difference between “Dunzo Assistant” and “Pickup and Drop...</p>
-                      </div><!-- comments detail -->
-                  
-              </div><!-- comments Group -->
-              </div></div>
-              </div>
-              <div class="col-4 col-sm-4 col-md-4 col-lg-4 ">
-                
-                  <div class="comment-frm no-c-frm">
-                        <div class="row">
-                            <div class="col-8 col-sm-8 col-md-8 col-lg-10 col-xl-10">
-                           <div class="form-group frm-wdth addfrm-spc">
-    <input type="text" class="form-control" placeholder="Kathy, Something on your mind?" id="">
-  </div></div>
-  <div class="col-2 col-sm-4 col-md-4 col-lg-4 col-xl-2">
-  <a href="#" class="add-comment"><img src="../assets/images/add-comment.svg" /> Comment</a>
-  </div>
-                          </div><!-- comment from -->
-                          </div> </div></div>
-          </div><!-- footer top -->
-        <div class="footer-bottom">
-          <ul>
-            <li class="active"></li>
-             <li></li>
-          </ul>
-          </div><!-- footer top -->
-        </div><!-- footer -->
-    
-    </div>
-      <!-- body wrapper -->
-    </div>
-    <!-- main wrapper -->
-  </main>
-</template>
-
-<script>
-import Vue from "vue";
-import router from "../router";
-
-export default {
-  name: "NoScreenshotTwoAuthor",
-
-  data() {
-    return {};
-  },
-  mounted() {},
-  methods: {
-    goToLogin() {
-      this.$router.push("/");
-    },
-    goToSignUp() {
-      this.$router.push("/signup");
-    },
-    
-  },
-};
-</script>
diff --git a/src/components/Otp.vue b/src/components/Otp.vue
deleted file mode 100644
index 406baa2..0000000
--- a/src/components/Otp.vue
+++ /dev/null
@@ -1,169 +0,0 @@
-<template>
-  <main class="landing-page">
-    <div class="container-fluid main-wrp">
-      <nav class="navbar navbar-expand-sm spotLight-nav">
-        <a class="navbar-brand" href="#"
-          ><img src="../assets/images/logo.png"
-        /></a>
-        <button
-          class="navbar-toggler"
-          type="button"
-          data-toggle="collapse"
-          data-target="#navbarsExample03"
-          aria-controls="navbarsExample03"
-          aria-expanded="false"
-          aria-label="Toggle navigation"
-        >
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-        </button>
-
-        <div class="collapse navbar-collapse" id="navbarsExample03">
-          <ul class="navbar-nav mr-auto">
-            <li class="nav-item active">
-              <a class="nav-link" href="#">About</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="#">Masterclass</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="#">Stories</a>
-            </li>
-            <li class="nav-item spotLight-img">
-              <a class="nav-link" href="#"
-                ><img src="../assets/images/SPOTLight.svg"
-              /></a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="#">Library</a>
-            </li>
-          </ul>
-        </div>
-      </nav>
-      <!-- menu wrapper -->
-      <div class="sign-wrp">
-        <div class="row col-reverse">
-          <div class="col-sm-3 col-md-1 col-lg-1 col-xl-3"></div>
-          <!-- users land image -->
-          <div class="col-sm-5 col-md-6 col-lg-7 col-xl-4 wc-spc-lf-tp">
-            <h1 class="welcome-hd-back">
-              Welcome <br />
-              back
-            </h1>
-          </div>
-          <!-- users land image -->
-          <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
-            <div class="form-layout signup-frm-spc">
-              <form>
-                <!-- <h5>SignUp Using</h5> -->
-                <div class="social-login" style="visibility: hidden">
-                  <ul>
-                    <li>
-                      <a href="#"><img src="../assets/images/google.svg" /></a>
-                    </li>
-                    <li>
-                      <a href="#"><img src="../assets/images/linkdin.svg" /></a>
-                    </li>
-                    <li>
-                      <a href="#"><img src="../assets/images/twitter.svg" /></a>
-                    </li>
-                  </ul>
-                </div>
-                <h5>
-                  Please enter the OTP shared to {{email}} to confirm
-                  your email address
-                </h5>
-                <div class="fill-form">
-                  <label for="inputEmail" class="sr-only">OTP</label>
-                  <input
-                    type="text"
-                    id="inputEmail"
-                    class="form-control"
-                    placeholder="Your OTP"
-                    v-model="otp"
-
-                  />
-                  <!-- <label for="inputPassword" class="sr-only">Password</label>
-    <input type="password" id="inputPassword" class="form-control" placeholder="Password" required> -->
-
-                  <a href="javascript:void(0);" class="btn btn-lg sb-button" @click="verifyOtp">
-                    <img src="../assets/images/check-circle.png" /> Verify Email
-                    Address
-                  </a>
-                  <p class="forget-pass">Didn’t Get the OTP? <a @click="ResendEmail(true)">Resend</a></p>
-                  <!-- <h3>Didn’t Get the OTP?<a @click="goToLogin">Login</a></h3> -->
-                </div>
-              </form>
-            </div>
-          </div>
-          <!-- sign up -->
-        </div>
-      </div>
-      <!-- body wrapper -->
-    </div>
-  </main>
-</template>
-
-<script>
-import Vue from "vue";
-import router from "../router";
-import axios from "axios";
-
-export default {
-  name: "Otp",
-
-  data() {
-    return {
-        email:null,
-        otp:null,
-    };
-  },
-  mounted() {
-    this.email = localStorage.getItem("spotlight_email");
-    console.log("this.$route.params.flag",this.$route.params.flag)
-    if(this.$route.params.flag == true){
-        this.ResendEmail(false);
-    }
-
-  },
-  methods: {
-    goToLogin() {
-      this.$router.push("/");
-    },
-    verifyOtp(){
-        axios
-        .get(`/verifyEmail?email=${this.email}&otp=${this.otp}`, this.userData)
-        .then((response) => {
-            console.log("otp response",response);
-            this.$toaster.success(response.data.message)
-            if(response.data.status == 'success'){
-                localStorage.setItem('spotlight_usertoken', JSON.stringify(response.data.data))
-                this.$router.push("/profile");
-            }
-        })
-        .catch( (error) =>{
-          if (error.response) {
-            this.$toaster.error(error.response.data.message)
-          }
-        });
-
-    },
-    ResendEmail(req){
-         axios
-        .post("/forgotPassword", {'email':this.email,'forgotPassword':false})
-        .then((response) => {
-           console.log("forgotPassword- response",response)
-           if(req){
-                this.$toaster.success(response.data.message)
-           }
-        })
-        .catch( (error) =>{
-          if (error.response) {
-            this.$toaster.error(error.response.data.message)
-          }
-        });
-    }
-  },
-};
-</script>
diff --git a/src/components/ProductInsight.vue b/src/components/ProductInsight.vue
deleted file mode 100644
index d42c64f..0000000
--- a/src/components/ProductInsight.vue
+++ /dev/null
@@ -1,161 +0,0 @@
-<template>
-  <main class="landing-page">
-     <div class="container-fluid inner-wrp">
-
-      
-      <nav class="navbar navbar-expand-sm spotLight-nav">
-        <a class="navbar-brand" href="#"><img src="../assets/images/logo.png" /></a>
-      
-      
-   
-        <div class="user-profile-photo insights-profile">
-          <a href="#"><img src="../assets/images/user.png" /></a>
-        </div>
-      </nav><!-- menu wrapper -->
-    <div class="row profile-tab-spc-top insights-spc">
-      <div class="col-sm-8 col-md-12 col-lg-8 col-xl-8">
-        <a href="#" class="back-to-lib"><img src="../assets/images/arrow-left.svg" />Back to library</a>
-        <ul class="insights-list">
-          <li><a href="#">PRODUCT Insight</a></li>
-        </ul>
-<div class="insights-details">
-  <h2>Decide on using multiple call to action vs single call to action depending on the stage of the user journey</h2>
-
-  <p>Marketing 101 teaches us to use one single, call to action (CTA) at the top of the funnel before the uer has shown interest in the product. 
-<br><br>
-    When the user is already onboarded and is in the <strong>engage stage</strong>, it may be better to use a single CTA for each use case in order to <strong>avoid ambiguity.</strong>
-    </p>
-
-</div>
-
-      </div><!-- user profile -->
-      <div class="col-sm-4 col-md-12 col-lg-4 col-xl-4">
-        <div class="features-group">
-          <h3>Further Reading</h3>
-<ul class="features-group-list">
-<li><a href="#">The Aesthetic-Usability Effect <img src="../assets/images/link.svg" /></a>
-<span>Wikipedia</span>
-</li>
-<li><a href="#">The Aesthetic-Usability Effect: Why beautiful-looking products are preferred over usable-but-not-beautiful ones.  <img src="../assets/images/link.svg" /></a>
-  <span>Nielsen Norman Group</span>
-  </li>
-</ul>
-        </div><!-- list style -->
-      </div>
-    </div>
-    <div class="clearfix"></div>
-  <div class="row top-brd profile-tab-spc-top">
-<div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
-<ul class="profile-tab">
-  <li class="active-green"><a href="#">Citations(16)</a></li>
-</ul>
-
-</div>
-<div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
-<a href="#" class="insights-rply"><img src="../assets/images/reply.svg" /> Share Insight</a>
-  
-</div>
-  </div><!-- tab style -->
-  <div class="profile-data-wrp">
-<div class="container-fluid data-wrp">
-<div class="row">
-  <div class="">
-<div class="card-warpper">
-  <div class="company-detail">
-    <div class="c-logo">
-      <img src="../assets/images/image 46.png" />
-    </div>
-    <div class="c-tag">
-      <img src="../assets/images/c-tag.png" />
-    </div>
-  </div><!-- company detail-->
-  <h1>Urban Company</h1>
-  <div class="u-detail">
-<img src="../assets/images/user-2.png" />
-<h2>Murugan<br> Swaminathan</h2>
-  </div><!-- user detail -->
-  <p>Onboarding, Core usage,<br> Customer Suport</p>
-  <ul class="tags-list">
-    <li><a href="#" class="cape-honey">Design</a></li>
-    <li><a href="#" class="rose-bud">Marketing</a></li>
-    <li><a href="#" class="pattens-blue">Product</a></li>
-  </ul>
-  <div class="clearfix"></div>
-</div><!-- card wrpper -->
-<div class="card-warpper">
-  <div class="company-detail">
-    <div class="c-logo">
-      <img src="../assets/images/image 46.png" />
-    </div>
-    <div class="c-tag">
-      <img src="../assets/images/c-tag.png" />
-    </div>
-  </div><!-- company detail-->
-  <h1>Urban Company</h1>
-  <div class="u-detail">
-<img src="../assets/images/user-2.png" />
-<h2>Murugan<br> Swaminathan</h2>
-  </div><!-- user detail -->
-  <p>Onboarding, Core usage,<br> Customer Suport</p>
-  <ul class="tags-list">
-    <li><a href="#" class="cape-honey">Design</a></li>
-    <li><a href="#" class="rose-bud">Marketing</a></li>
-    <li><a href="#" class="pattens-blue">Product</a></li>
-  </ul>
-  <div class="clearfix"></div>
-</div><!-- card wrpper -->
-<div class="card-warpper">
-  <div class="company-detail">
-    <div class="c-logo">
-      <img src="../assets/images/image 46.png" />
-    </div>
-    <div class="c-tag">
-      <img src="../assets/images/c-tag.png" />
-    </div>
-  </div><!-- company detail-->
-  <h1>Urban Company</h1>
-  <div class="u-detail">
-<img src="../assets/images/user-2.png" />
-<h2>Murugan<br> Swaminathan</h2>
-  </div><!-- user detail -->
-  <p>Onboarding, Core usage,<br> Customer Suport</p>
-  <ul class="tags-list">
-    <li><a href="#" class="cape-honey">Design</a></li>
-    <li><a href="#" class="rose-bud">Marketing</a></li>
-    <li><a href="#" class="pattens-blue">Product</a></li>
-  </ul>
-  <div class="clearfix"></div>
-</div><!-- card wrpper -->
-  </div><!-- all card wrpper -->
-</div>
-</div>
-
-  </div><!-- data wrp -->
-      <!-- body wrapper -->
-    </div><!-- main wrapper -->
-    <!-- main wrapper -->
-  </main>
-</template>
-
-<script>
-import Vue from "vue";
-import router from "../router";
-
-export default {
-  name: "ProductInsight",
-
-  data() {
-    return {};
-  },
-  mounted() {},
-  methods: {
-    goToLogin() {
-      this.$router.push("/");
-    },
-    goToSignUp() {
-      this.$router.push("/signup");
-    },
-    
-  },
-};
-</script>
diff --git a/src/components/ReadingFlowBounceBoard.vue b/src/components/ReadingFlowBounceBoard.vue
deleted file mode 100644
index 6f2abc9..0000000
--- a/src/components/ReadingFlowBounceBoard.vue
+++ /dev/null
@@ -1,139 +0,0 @@
-<template>
-  <main class="landing-page">
-   
-    <div class="container-fluid episode-intro">
-    <nav class="navbar navbar-expand-sm spotLight-nav">
-        <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="user-profile-photo insights-profile">
-          <a href="#"><img src="../assets/images/user.png"></a>
-        </div>
-      </nav>
-      <!-- menu wrapper -->
-    <div class="intro-startup">
-        <div class="bounce-board-wrp">
-            <div class="inner-wrp-bc">
-<div class="bc-top-head">
-    <span class="bc-head">
-        <img src="../assets/images/bounce-icon.svg" /> Bounce Board
-    </span>
-    <div class="action-sort">
-     <span class="sort-by">SORT  BY</span>   <div class="btn-group">
-  <button type="button" class="bc-sort-list dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-   BEST
-  </button>
-  <div class="dropdown-menu">
-    <a class="dropdown-item" href="#">BEST 1</a>
-    <a class="dropdown-item" href="#">BEST 2</a>
-    <a class="dropdown-item" href="#">BEST 3</a>
-  </div>
-</div>
-        </div><!-- action sort -->
-    </div><!-- top head -->
-<div class="bounce-board-body">
-    <div class="bc-empty">Empty State</div>
-    </div><!-- bounce board body -->
-            </div>
-            </div><!-- bounceboard wrp -->
-     <div class="single-mobileInsight">
-          <img src="../assets/images/slide.png" class="slide-img" /> 
-             <div class="single-left-Insight-comments">
-                 <img src="../assets/images/author-thoughts.svg" class="author-thoughts" />
-            <div class="single-author-li-comments">
-            <div class="a-intro-comments custom-c-style">
-               <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-             <div class="single-author-li-comments">
-            <div class="a-intro-comments custom-c-style">
-               <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-         </div><!-- single mobile Left insight  -->
-     <div class="c-product-insight-wrp ">
-            <div class="single-author-li-comments ">
-            <div class="a-intro-comments custom-selected-style">
-              <img src="../assets/images/rect.svg" class="rect" />
-              <div class="top-wrp">
-               PRODUCT Insight <a href="#"><img src="../assets/images/link-red.svg" /></a>
-              </div>
-              <div class="top-head">Decide on using multiple call to action vs single call to action depending on the stage of the user journey</div>
-               <p>Marketing 101 teaches us to use one single, call to action (CTA) at the top of the funnel before the uer has shown interest in the product. 
-<br><br>
-When the user is already onboarded and is in the <strong> engage stage </strong>, it may be better to use a single CTA for each use case in order to <strong> avoid ambiguity.</strong>
-</p>
-<div class="footer">
-  <a href="#" class="cit-16">16 Citations</a>
-  <a href="#" class="ft-share"><img src="../assets/images/reply-red.svg" /> Share from library</a>
-  </div><!-- footer -->
-            
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
- 
-         </div><!-- single mobile Right insight  -->
-        </div><!-- Single Mobile Insight -->
-      <div class="footer-nav">
-        <div class="footer-top">
-            <div class="row">
-                <div class="col-6 col-sm-7 col-md-7 col-lg-6 ">
-                    <div class="row h-100p">
-                         <div class="col-4 col-sm-5 col-md-4 col-lg-4 col-xl-4">
-              <ul class="top-intro-bt">
-            <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
-             <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to the next slide</a></li>
-          </ul>
-          </div>
-       
-              </div>
-              </div>
-            </div>
-          </div><!-- footer top -->
-        <div class="footer-bottom">
-          <ul>
-            <li class=""></li>
-             <li></li>
-          </ul>
-          </div><!-- footer top -->
-        </div><!-- footer -->
-    
-    </div>
-      <!-- body wrapper -->
-    </div>
-    <!-- main wrapper -->
-  </main>
-</template>
-
-<script>
-import Vue from "vue";
-import router from "../router";
-
-export default {
-  name: "ReadingFlowBounceBoard",
-
-  data() {
-    return {};
-  },
-  mounted() {},
-  methods: {
-    goToLogin() {
-      this.$router.push("/");
-    },
-    goToSignUp() {
-      this.$router.push("/signup");
-    },
-    
-  },
-};
-</script>
diff --git a/src/components/ReadingFlowBounceBoard_chat.vue b/src/components/ReadingFlowBounceBoard_chat.vue
deleted file mode 100644
index 5deb0ce..0000000
--- a/src/components/ReadingFlowBounceBoard_chat.vue
+++ /dev/null
@@ -1,288 +0,0 @@
-<template>
-  <main class="landing-page">
-   
-    <div class="container-fluid episode-intro">
-    <nav class="navbar navbar-expand-sm spotLight-nav">
-        <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="user-profile-photo insights-profile">
-          <a href="#"><img src="../assets/images/user.png"></a>
-        </div>
-      </nav>
-      <!-- menu wrapper -->
-    <div class="intro-startup">
-        <div class="bounce-board-wrp">
-            <div class="inner-wrp-bc">
-<div class="bc-top-head">
-    <span class="bc-head">
-        <img src="../assets/images/bounce-icon.svg" /> Bounce Board
-    </span>
-    <div class="action-sort">
-     <span class="sort-by">SORT  BY</span>   <div class="btn-group">
-  <button type="button" class="bc-sort-list dropdown-toggle" @click="best_sort" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-   BEST
-  </button>
-  <div class="dropdown-menu short_by">
-    <a class="dropdown-item" href="#">BEST 1</a>
-    <a class="dropdown-item" href="#">BEST 2</a>
-    <a class="dropdown-item" href="#">BEST 3</a>
-  </div>
-</div>
-        </div><!-- action sort -->
-    </div><!-- top head -->
-<div class="bounce-board-body">
-    <ul class="bounced-user-comments">
-<li class="bc_border">
-  <div class="lbord"></div><!-- border -->
-  <div class="parent-full-width parent_bg">
-    <div class="full-width">
-    <div class="b-user-head"><img src="../assets/images/b-user1.png" /> 
-    <span class="head-content">wanderingirl    </span>
-<ul>
-    <li> <span></span><img src="../assets/images/u-info-icon.png" />6pts</li>
-    <li> <span></span>3days ago</li>
-     <li> <span class="au">Author</span></li>
-</ul>
-
-
-    </div><!-- header -->
-    <p>I wonder what the difference between “Dunzo Assistant” and “Pickup and Drop” are. If they are the same, there are two “call to actions” for the same workflow...</p>
-  <div class="joined_wrapper">
-  <ul class="joined-info info_bc_spc">
-    <li>  <img src="../assets/images/purple-heart.png"> </li>
-    <li>  <a href="#"> 4</a> </li>
-    <li class="comment-spc">  <img src="../assets/images/purple-comment.png"> </li>
-    <li>  <a href="#"> 6</a> </li>
-  </ul>
-  <div class="add_rply">
-    <input type="text" placeholder="Add your reply" />
-    </div><!-- rly form -->
-  </div><!-- joined wrapper -->
-  </div><!-- full width -->
-  </div><!-- parent -->
-    <div class="child-full-width">
-        <div class="full-width">
-      <div class="b-user-head"><img src="../assets/images/b-user1.png" /> 
-    <span class="head-content">Onenoisyboi    </span>
-<ul>
-    <li> <span></span><img src="../assets/images/u-info-icon.png" />6pts</li>
-    <li> <span></span>3days ago</li>
-     <li> <span class="red">Mod</span></li>
-</ul>
-
-
-    </div><!-- header -->
-    <p>I really liked the palette of the icons dunzo has they dont match with my jeans</p>
-  <div class="joined_wrapper">
-  <ul class="joined-info info_bc_spc">
-    <li>  <img src="../assets/images/purple-heart.png"> </li>
-    <li>  <a href="#"> 4</a> </li>
-    <li class="comment-spc">  <img src="../assets/images/purple-comment.png"> </li>
-    <li>  <a href="#"> 6</a> </li>
-  </ul>
-  <div class="add_rply">
-    <input type="text" placeholder="Add your reply" />
-    </div><!-- rly form -->
-  </div><!-- joined wrapper -->
-  </div><!-- full width -->
-  </div><!-- child wrapper -->
-</li>
-
-    </ul><!-- all user comments -->
-     <ul class="bounced-user-comments">
-<li class="bc_border">
-  <div class="bc_brd_l"></div><!-- border -->
-  <div class="parent-full-width ">
-    <div class="full-width">
-    <div class="b-user-head"><img src="../assets/images/b-user1.png" /> 
-    <span class="head-content">wanderingirl    </span>
-<ul>
-    <li> <span></span><img src="../assets/images/u-info-icon.png" />6pts</li>
-    <li> <span></span>3days ago</li>
-    
-</ul>
-
-
-    </div><!-- header -->
-    <p>I wonder what the difference between “Dunzo Assistant” and “Pickup and Drop” are. If they are the same, there are two “call to actions” for the same workflow...</p>
-  <div class="joined_wrapper">
-  <ul class="joined-info info_bc_spc">
-    <li>  <img src="../assets/images/purple-heart.png"> </li>
-    <li>  <a href="#"> 4</a> </li>
-    <li class="comment-spc">  <img src="../assets/images/purple-comment.png"> </li>
-    <li>  <a href="#"> 6</a> </li>
-  </ul>
-  <div class="add_rply">
-    <input type="text" placeholder="Add your reply" />
-    </div><!-- rly form -->
-  </div><!-- joined wrapper -->
-  </div><!-- full width -->
-  </div><!-- parent -->
-    <div class="child-full-width">
-        <div class="full-width">
-      <div class="b-user-head"><img src="../assets/images/b-user1.png" /> 
-    <span class="head-content">Onenoisyboi    </span>
-<ul>
-    <li> <span></span><img src="../assets/images/u-info-icon.png" />6pts</li>
-    <li> <span></span>3days ago</li>
-   
-</ul>
-
-
-    </div><!-- header -->
-    <p>I really liked the palette of the icons dunzo has they dont match with my jeans</p>
-  <div class="joined_wrapper">
-  <ul class="joined-info info_bc_spc">
-    <li>  <img src="../assets/images/purple-heart.png"> </li>
-    <li>  <a href="#"> 4</a> </li>
-    <li class="comment-spc">  <img src="../assets/images/purple-comment.png"> </li>
-    <li>  <a href="#"> 6</a> </li>
-  </ul>
-  <div class="add_rply">
-    <input type="text" placeholder="Add your reply" />
-    </div><!-- rly form -->
-  </div><!-- joined wrapper -->
-  </div><!-- full width -->
-  </div><!-- child wrapper -->
-      <div class="child-full-width">
-        <div class="full-width">
-      <div class="b-user-head"><img src="../assets/images/b-user1.png" /> 
-    <span class="head-content">Onenoisyboi    </span>
-<ul>
-    <li> <span></span><img src="../assets/images/u-info-icon.png" />6pts</li>
-    <li> <span></span>3days ago</li>
-   
-</ul>
-
-
-    </div><!-- header -->
-    <p>I really liked the palette of the icons dunzo has they dont match with my jeans</p>
-  <div class="joined_wrapper">
-  <ul class="joined-info info_bc_spc">
-    <li>  <img src="../assets/images/purple-heart.png"> </li>
-    <li>  <a href="#"> 4</a> </li>
-    <li class="comment-spc">  <img src="../assets/images/purple-comment.png"> </li>
-    <li>  <a href="#"> 6</a> </li>
-  </ul>
-  <div class="add_rply">
-    <input type="text" placeholder="Add your reply" />
-    </div><!-- rly form -->
-  </div><!-- joined wrapper -->
-  </div><!-- full width -->
-  </div><!-- child wrapper -->
-</li>
-
-    </ul><!-- all user comments -->
-    </div><!-- bounce board body -->
-    <div class="comments-footer">
-      <textarea></textarea>
-      <div class="comments-footer-wrp">
-      <a href="#" class="add_comments_chat"><img src="../assets/images/add-comment.svg" /> Comment</a>
-      </div>
-      </div><!-- comments footer -->
-            </div>
-            </div><!-- bounceboard wrp -->
-     <div class="single-mobileInsight">
-          <img src="../assets/images/slide.png" class="slide-img" /> 
-             <div class="single-left-Insight-comments">
-                 <img src="../assets/images/author-thoughts.svg" class="author-thoughts" />
-            <div class="single-author-li-comments">
-            <div class="a-intro-comments custom-c-style">
-               <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-             <div class="single-author-li-comments">
-            <div class="a-intro-comments custom-c-style">
-               <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-         </div><!-- single mobile Left insight  -->
-     <div class="c-product-insight-wrp ">
-            <div class="single-author-li-comments ">
-            <div class="a-intro-comments custom-selected-style">
-              <img src="../assets/images/rect.svg" class="rect" />
-              <div class="top-wrp">
-               PRODUCT Insight <a href="#"><img src="../assets/images/link-red.svg" /></a>
-              </div>
-              <div class="top-head">Decide on using multiple call to action vs single call to action depending on the stage of the user journey</div>
-               <p>Marketing 101 teaches us to use one single, call to action (CTA) at the top of the funnel before the uer has shown interest in the product. 
-<br><br>
-When the user is already onboarded and is in the <strong> engage stage </strong>, it may be better to use a single CTA for each use case in order to <strong> avoid ambiguity.</strong>
-</p>
-<div class="footer">
-  <a href="#" class="cit-16">16 Citations</a>
-  <a href="#" class="ft-share"><img src="../assets/images/reply-red.svg" /> Share from library</a>
-  </div><!-- footer -->
-            
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
- 
-         </div><!-- single mobile Right insight  -->
-        </div><!-- Single Mobile Insight -->
-      <div class="footer-nav">
-        <div class="footer-top">
-            <div class="row">
-                <div class="col-6 col-sm-7 col-md-7 col-lg-6 ">
-                    <div class="row h-100p">
-                         <div class="col-4 col-sm-5 col-md-4 col-lg-4 col-xl-4">
-              <ul class="top-intro-bt">
-            <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
-             <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to the next slide</a></li>
-          </ul>
-          </div>
-       
-              </div>
-              </div>
-            </div>
-          </div><!-- footer top -->
-        <div class="footer-bottom">
-          <ul>
-            <li class=""></li>
-             <li></li>
-          </ul>
-          </div><!-- footer top -->
-        </div><!-- footer -->
-    
-    </div>
-      <!-- body wrapper -->
-    </div>
-    <!-- main wrapper -->
-  </main>
-</template>
-
-<script>
-import Vue from "vue";
-import router from "../router";
-
-export default {
-  name: "ReadingFlowBounceBoard_chat",
-
-  data() {
-    return {};
-  },
-  mounted() {},
-  methods: {
-    goToLogin() {
-      this.$router.push("/");
-    },
-    goToSignUp() {
-      this.$router.push("/signup");
-    },
-    best_sort(){
-$(".short_by").toggle();
-    },
-  },
-};
-</script>
diff --git a/src/components/Reset.vue b/src/components/Reset.vue
deleted file mode 100644
index d2989a3..0000000
--- a/src/components/Reset.vue
+++ /dev/null
@@ -1,152 +0,0 @@
-<template>
-  <main class="landing-page">
-    <div class="container-fluid main-wrp">
-      <nav class="navbar navbar-expand-sm spotLight-nav">
-        <a class="navbar-brand" href="#"
-          ><img src="../assets/images/logo.png"
-        /></a>
-        <button
-          class="navbar-toggler"
-          type="button"
-          data-toggle="collapse"
-          data-target="#navbarsExample03"
-          aria-controls="navbarsExample03"
-          aria-expanded="false"
-          aria-label="Toggle navigation"
-        >
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-        </button>
-
-        <div class="collapse navbar-collapse" id="navbarsExample03">
-          <ul class="navbar-nav mr-auto">
-            <li class="nav-item active">
-              <a class="nav-link" href="#">About</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="#">Masterclass</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="#">Stories</a>
-            </li>
-            <li class="nav-item spotLight-img">
-              <a class="nav-link" href="#"
-                ><img src="../assets/images/SPOTLight.svg"
-              /></a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="#">Library</a>
-            </li>
-          </ul>
-        </div>
-      </nav>
-      <!-- menu wrapper -->
-      <div class="row col-reverse">
-        <div class="col-sm-3 col-md-1 col-lg-1 col-xl-3"></div>
-        <!-- users land image -->
-        <div class="col-sm-5 col-md-6 col-lg-7 col-xl-4 wc-spc-lf-tp">
-          <h1>
-            Welcome to <br />
-            Productgrowth
-          </h1>
-          <ul class="sign-in-up-list">
-            <li>
-              <img src="../assets/images/check.svg" /><span
-                >Connect & learn from fellow product enthusiasts</span
-              >
-            </li>
-            <li>
-              <img src="../assets/images/check.svg" /><span
-                >Share & pickup deeper insights from real world products</span
-              >
-            </li>
-            <li>
-              <img src="../assets/images/check.svg" /><span
-                >Access to XX Casestudies</span
-              >
-            </li>
-          </ul>
-        </div>
-        <!-- users land image -->
-        <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
-          <div class="form-layout signup-frm-spc">
-            <form class="reset-pass-spc">
-              <h5>
-                Forgot password? Enter your e-Mail ID<br />
-                to retrive
-              </h5>
-              <div class="fill-form">
-                <label for="inputEmail" class="sr-only">Email address</label>
-                <input
-                  type="email"
-                  id="inputEmail"
-                  class="form-control"
-                  placeholder="Your Email ID"
-                  v-model="email"
-                />
-
-                <a href="javascript:void(0);" class="btn btn-lg sb-button" type="submit" @click="forgotPassword">
-                  <img src="../assets/images/key.svg" /> Reset Password
-                </a>
-
-                <h3 class="go-back">
-                  <span>Go back to </span><a @click="goToLogin">Login</a><span> / </span
-                  ><a @click="goToSignUp">SignUp</a>
-                </h3>
-              </div>
-            </form>
-          </div>
-        </div>
-        <!-- sign up -->
-      </div>
-      <!-- body wrapper -->
-    </div>
-    <!-- main wrapper -->
-  </main>
-</template>
-
-<script>
-import Vue from "vue";
-import router from "../router";
-import axios from "axios";
-
-export default {
-  name: "Reset",
-
-  data() {
-    return {
-      email:null,
-    };
-  },
-  mounted() {},
-  methods: {
-    goToLogin() {
-      this.$router.push("/");
-    },
-    goToSignUp() {
-      this.$router.push("/signup");
-    },
-    forgotPassword(){
-         axios
-        .post("/forgotPassword", {'email':this.email,'forgotPassword':true})
-        .then((response) => {
-           console.log("forgotPassword- response",response)
-      
-          this.$toaster.success(response.data.message)
-          if(response.data.status == 'success'){
-            localStorage.setItem('spotlight_email', this.email);
-            this.$router.push("/changepassword");
-          }
-        })
-        .catch( (error) =>{
-          if (error.response) {
-            this.$toaster.error(error.response.data.message)
-          }
-        });
-
-    }
-    
-  },
-};
-</script>
diff --git a/src/components/SignUp.vue b/src/components/SignUp.vue
deleted file mode 100644
index 4b0f5ca..0000000
--- a/src/components/SignUp.vue
+++ /dev/null
@@ -1,166 +0,0 @@
-<template>
-  <main class="landing-page">
-    <div class="container-fluid main-wrp">
-      <nav class="navbar navbar-expand-sm spotLight-nav">
-        <a class="navbar-brand" href="#"
-          ><img src="../assets/images/logo.png"
-        /></a>
-        <button
-          class="navbar-toggler"
-          type="button"
-          data-toggle="collapse"
-          data-target="#navbarsExample03"
-          aria-controls="navbarsExample03"
-          aria-expanded="false"
-          aria-label="Toggle navigation"
-        >
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-        </button>
-
-        <div class="collapse navbar-collapse" id="navbarsExample03">
-          <ul class="navbar-nav mr-auto">
-            <li class="nav-item active">
-              <a class="nav-link" href="#">About</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="#">Masterclass</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="#">Stories</a>
-            </li>
-            <li class="nav-item spotLight-img">
-              <a class="nav-link" href="#"
-                ><img src="../assets/images/SPOTLight.svg"
-              /></a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="#">Library</a>
-            </li>
-          </ul>
-        </div>
-      </nav>
-      <!-- menu wrapper -->
-      <div class="sign-wrp">
-        <div class="row col-reverse">
-          <div class="col-sm-3 col-md-1 col-lg-1 col-xl-3"></div>
-          <!-- users land image -->
-          <div class="col-sm-5 col-md-6 col-lg-7 col-xl-4 wc-spc-lf-tp">
-            <h1>
-              Welcome to <br />
-              Productgrowth
-            </h1>
-            <ul class="sign-in-up-list">
-              <li>
-                <img src="../assets/images/check.svg" /><span
-                  >Connect & learn from fellow product enthusiasts</span
-                >
-              </li>
-              <li>
-                <img src="../assets/images/check.svg" /><span
-                  >Share & pickup deeper insights from real world products</span
-                >
-              </li>
-              <li>
-                <img src="../assets/images/check.svg" /><span
-                  >Access to XX Casestudies</span
-                >
-              </li>
-            </ul>
-          </div>
-          <!-- users land image -->
-          <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
-            <div class="form-layout signup-frm-spc">
-              <form>
-                <h5>SignUp Using</h5>
-                <div class="social-login">
-                  <ul>
-                    <li>
-                      <a href="#"><img src="../assets/images/google.svg" /></a>
-                    </li>
-                    <li>
-                      <a href="#"><img src="../assets/images/linkdin.svg" /></a>
-                    </li>
-                    <li>
-                      <a href="#"><img src="../assets/images/twitter.svg" /></a>
-                    </li>
-                  </ul>
-                </div>
-                <h5>or Signup with email</h5>
-                <div class="fill-form">
-                  <label for="inputEmail" class="sr-only">Email address</label>
-                  <input
-                    type="email"
-                    id="inputEmail"
-                    class="form-control"
-                    placeholder="Your Email ID"
-                    autocomplete="off"
-                    v-model="userData.email"
-                  />
-                  <label for="inputPassword" class="sr-only">Password</label>
-                  <input
-                    type="password"
-                    id="inputPassword"
-                    class="form-control"
-                    placeholder="Password"
-                    v-model="userData.password"
-                  />
-
-                  <a href="javascript:void(0);" class="btn btn-lg sb-button" @click="signup">
-                    <img src="../assets/images/user-plus.svg" /> Create Account
-                  </a>
-                  <p class="">
-                    By signing up I agree to the <a>Privacy Policy</a> and
-                    <a>Terms of Service</a>
-                  </p>
-                  <h3>Have an account? <a @click="goToLogin">Login</a></h3>
-                </div>
-              </form>
-            </div>
-          </div>
-          <!-- sign up -->
-        </div>
-      </div>
-      <!-- body wrapper -->
-    </div>
-  </main>
-</template>
-
-<script>
-import Vue from "vue";
-import router from "../router";
-import axios from "axios";
-
-export default {
-  name: "SignUp",
-
-  data() {
-    return {
-      userData: {},
-    };
-  },
-  mounted() {},
-  methods: {
-    goToLogin() {
-      this.$router.push("/");
-    },
-    signup() {
-      axios
-        .post("/signup", this.userData)
-        .then((response) => {
-            this.$toaster.success(response.data.message);
-          if(response.data.status == 'success'){
-            localStorage.setItem('spotlight_email', this.userData.email);
-            this.$router.push({ name: 'Otp', params: { flag: false }});
-          }
-        })
-        .catch( (error) =>{
-          if (error.response) {
-            this.$toaster.error(error.response.data.message);
-          }
-        });
-    },
-  },
-};
-</script>
diff --git a/src/components/SingleAuthor.vue b/src/components/SingleAuthor.vue
deleted file mode 100644
index 5d1d76d..0000000
--- a/src/components/SingleAuthor.vue
+++ /dev/null
@@ -1,129 +0,0 @@
-<template>
-  <main class="landing-page">
-   
-    <div class="container-fluid episode-intro">
-    <nav class="navbar navbar-expand-sm spotLight-nav">
-        <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="user-profile-photo insights-profile">
-          <a href="#"><img src="../assets/images/lock.svg"></a>
-        </div>
-      </nav>
-      <!-- menu wrapper -->
-    <div class="intro-startup">
-    <div class="single-author-comments">
-        <img class="s-user-comments" src="../assets/images/u-info.png" />
-        <div class="comments-a-wrp">
-        <div class="single-author-li-comments">
-            <div class="a-intro-comments">
-               <p> Before I dive in to showcase my observations and userflows that stood out to me in the app, I want to call out that the situation or time-frame in which I was using the app is extremely important for what I am about to show as well.</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-               <div class="single-author-li-comments">
-            <div class="a-intro-comments">
-               <p> Before I dive in to showcase my observations and userflows that stood out to me in the app, I want to call out that the situation or time-frame in which I was using the app is extremely important for what I am about to show as well.</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-               <div class="single-author-li-comments">
-            <div class="a-intro-comments">
-               <p> Before I dive in to showcase my observations and userflows that stood out to me in the app, I want to call out that the situation or time-frame in which I was using the app is extremely important for what I am about to show as well.</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-            </div>
-        </div><!-- single author comments -->
-      <div class="footer-nav">
-        <div class="footer-top white-bg">
-            <div class="row">
-                <div class="col-8 col-sm-8 col-md-8 col-lg-8 ">
-                    <div class="row h-100p">
-                         <div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4">
-              <ul class="top-intro-bt">
-            <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
-             <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
-          </ul>
-          </div>
-           <div class="col-8 col-sm-8 col-md-8 col-lg-8 col-xl-8 bord-r">
-                <div class="ft-comments-group">
-                             <div class="c-with-photos">
-              <span class="count-comments">16+ Comments</span><!-- count commets -->
-              <ul class="comments-photos">
-                  <li><img src="../assets/images/c-photo-1.png" /></li>
-                  <li><img src="../assets/images/c-photo-2.png" /></li>
-                  <li><img src="../assets/images/c-photo-3.png" /></li>
-                  </ul><!-- comment photos -->
-                  </div>
-                  <div class="comments-detail all-c-space">
-                      <span>Saudrika commented <a href="#">View All</a></span>
-                      <p>I wonder what the difference between “Dunzo Assistant” and “Pickup and Drop...</p>
-                      </div><!-- comments detail -->
-                  
-              </div><!-- comments Group -->
-              </div></div>
-              </div>
-              <div class="col-4 col-sm-4 col-md-4 col-lg-4 ">
-                
-                  <div class="comment-frm no-c-frm">
-                        <div class="row">
-                            <div class="col-8 col-sm-8 col-md-8 col-lg-10 col-xl-10">
-                           <div class="form-group frm-wdth addfrm-spc">
-    <input type="text" class="form-control" placeholder="Kathy, Something on your mind?" id="">
-  </div></div>
-  <div class="col-2 col-sm-4 col-md-4 col-lg-4 col-xl-2">
-  <a href="#" class="add-comment"><img src="../assets/images/add-comment.svg" /> Comment</a>
-  </div>
-                          </div><!-- comment from -->
-                          </div> </div></div>
-          </div><!-- footer top -->
-        <div class="footer-bottom">
-          <ul>
-            <li class="active"></li>
-             <li></li>
-          </ul>
-          </div><!-- footer top -->
-        </div><!-- footer -->
-    
-    </div>
-      <!-- body wrapper -->
-    </div>
-    <!-- main wrapper -->
-  </main>
-</template>
-
-<script>
-import Vue from "vue";
-import router from "../router";
-
-export default {
-  name: "SingleAuthor",
-
-  data() {
-    return {};
-  },
-  mounted() {},
-  methods: {
-    goToLogin() {
-      this.$router.push("/");
-    },
-    goToSignUp() {
-      this.$router.push("/signup");
-    },
-    
-  },
-};
-</script>
diff --git a/src/components/SingleMobileInsight.vue b/src/components/SingleMobileInsight.vue
deleted file mode 100644
index 96a4328..0000000
--- a/src/components/SingleMobileInsight.vue
+++ /dev/null
@@ -1,137 +0,0 @@
-<template>
-  <main class="landing-page">
-   
-    <div class="container-fluid episode-intro">
-    <nav class="navbar navbar-expand-sm spotLight-nav">
-        <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="user-profile-photo insights-profile">
-          <a href="#"><img src="../assets/images/user.png"></a>
-        </div>
-      </nav>
-      <!-- menu wrapper -->
-    <div class="intro-startup">
-     <div class="single-mobileInsight">
-          <img src="../assets/images/slide.png" class="slide-img" /> 
-             <div class="single-left-Insight-comments">
-                 <img src="../assets/images/author-thoughts.svg" class="author-thoughts" />
-            <div class="single-author-li-comments">
-            <div class="a-intro-comments custom-c-style">
-               <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-             <div class="single-author-li-comments">
-            <div class="a-intro-comments custom-c-style">
-               <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-         </div><!-- single mobile Left insight  -->
-     <div class="single-m-Insight-comments">
-            <div class="single-author-li-comments">
-            <div class="a-intro-comments">
-               <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-             <div class="single-author-li-comments">
-            <div class="a-intro-comments">
-               <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-         </div><!-- single mobile Right insight  -->
-        </div><!-- Single Mobile Insight -->
-        <div class="footer-nav">
-        <div class="footer-top white-bg">
-            <div class="row">
-                <div class="col-6 col-sm-7 col-md-7 col-lg-6 ">
-                    <div class="row h-100p">
-                         <div class="col-4 col-sm-5 col-md-4 col-lg-4 col-xl-4">
-              <ul class="top-intro-bt">
-            <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
-             <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
-          </ul>
-          </div>
-           <div class="col-8 col-sm-7 col-md-5 col-lg-8 col-xl-8 bord-r">
-          <div class="ft-comments-group no-comment-count">
-              <div class="row">
-                
-                     <div class="col-12">
-                         <img src="../assets/images/u-comments.svg" class="no-comments-img" />
-                  <div class="comments-detail">
-                      <span class="no-c-yet">No comments yet</span>
-                      <p>Be the first one to post a comment to start a discussion</p>
-                      </div><!-- comments detail -->
-                    </div> </div>
-              </div><!-- comments Group -->
-              </div></div>
-              </div>
-              <div class="col-6 col-sm-5 col-md-6 col-lg-6 ">
-                
-                  <div class="comment-frm no-c-frm">
-                        <div class="row">
-                            <div class="col-8 col-sm-8 col-md-8 col-lg-10 col-xl-10">
-                           <div class="form-group frm-wdth">
-    <input type="text" class="form-control" placeholder="Kathy, Something on your mind?" id="">
-  </div></div>
-  <div class="col-2 col-sm-4 col-md-4 col-lg-4 col-xl-2">
-  <a href="#" class="add-comment"><img src="../assets/images/add-comment.svg" /> Comment</a>
-  </div>
-                          </div><!-- comment from -->
-                          </div> </div></div>
-          </div><!-- footer top -->
-        <div class="footer-bottom">
-          <ul>
-            <li class="active"></li>
-             <li></li>
-          </ul>
-          </div><!-- footer top -->
-        </div><!-- footer -->
-    
-    </div>
-      <!-- body wrapper -->
-    </div>
-    <!-- main wrapper -->
-  </main>
-</template>
-
-<script>
-import Vue from "vue";
-import router from "../router";
-
-export default {
-  name: "SingleMobileInsight",
-
-  data() {
-    return {};
-  },
-  mounted() {},
-  methods: {
-    goToLogin() {
-      this.$router.push("/");
-    },
-    goToSignUp() {
-      this.$router.push("/signup");
-    },
-    
-  },
-};
-</script>
diff --git a/src/components/SingleMobileScreenChatComments.vue b/src/components/SingleMobileScreenChatComments.vue
deleted file mode 100644
index 698a541..0000000
--- a/src/components/SingleMobileScreenChatComments.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<template>
-  <main class="landing-page">
-   
-    <div class="container-fluid episode-intro">
-    <nav class="navbar navbar-expand-sm spotLight-nav">
-        <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="user-profile-photo insights-profile">
-          <a href="#"><img src="../assets/images/user.png"></a>
-        </div>
-      </nav>
-      <!-- menu wrapper -->
-    <div class="intro-startup">
-     <div class="single-mobileInsight">
-          <img src="../assets/images/slide.png" class="slide-img" /> 
-             <div class="single-left-Insight-comments single-chat-c-left">
-                 <img src="../assets/images/author-thoughts.svg" class="author-thoughts" />
-            <div class="single-author-li-comments">
-            <div class="a-intro-comments custom-c-style">
-                <img src="../assets/images/user.png" class="user-t-1" />
-               <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-             <div class="single-author-li-comments">
-            <div class="a-intro-comments custom-c-style">
-                    <img src="../assets/images/user.png" class="user-t-1" />
-               <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-         </div><!-- single mobile Left insight  -->
-     <div class="single-m-Insight-comments single-chat-c-right">
-          <img src="../assets/images/user-2.svg" class="author2-thoughts" />
-            <div class="single-author-li-comments ">
-            <div class="a-intro-comments cust-user2-style">
-                 <img src="../assets/images/user-2-set.svg" class="user-t-2" />
-               <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-             <div class="single-author-li-comments">
-            <div class="a-intro-comments cust-user2-style">
-                   <img src="../assets/images/user-2-set.svg" class="user-t-2" />
-               <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-         </div><!-- single mobile Right insight  -->
-        </div><!-- Single Mobile Insight -->
-        <div class="footer-nav">
-        <div class="footer-top white-bg">
-            <div class="row">
-                <div class="col-6 col-sm-7 col-md-7 col-lg-6 ">
-                    <div class="row h-100p">
-                         <div class="col-4 col-sm-5 col-md-4 col-lg-4 col-xl-4">
-              <ul class="top-intro-bt">
-            <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
-             <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
-          </ul>
-          </div>
-           <div class="col-8 col-sm-7 col-md-5 col-lg-8 col-xl-8 bord-r">
-          <div class="ft-comments-group no-comment-count">
-              <div class="row">
-                
-                     <div class="col-12">
-                         <img src="../assets/images/u-comments.svg" class="no-comments-img" />
-                  <div class="comments-detail">
-                      <span class="no-c-yet">No comments yet</span>
-                      <p>Be the first one to post a comment to start a discussion</p>
-                      </div><!-- comments detail -->
-                    </div> </div>
-              </div><!-- comments Group -->
-              </div></div>
-              </div>
-              <div class="col-6 col-sm-5 col-md-6 col-lg-6 ">
-                
-                  <div class="comment-frm no-c-frm">
-                        <div class="row">
-                            <div class="col-8 col-sm-8 col-md-8 col-lg-10 col-xl-10">
-                           <div class="form-group frm-wdth">
-    <input type="text" class="form-control" placeholder="Kathy, Something on your mind?" id="">
-  </div></div>
-  <div class="col-2 col-sm-4 col-md-4 col-lg-4 col-xl-2">
-  <a href="#" class="add-comment"><img src="../assets/images/add-comment.svg" /> Comment</a>
-  </div>
-                          </div><!-- comment from -->
-                          </div> </div></div>
-          </div><!-- footer top -->
-        <div class="footer-bottom">
-          <ul>
-            <li class="active"></li>
-             <li></li>
-          </ul>
-          </div><!-- footer top -->
-        </div><!-- footer -->
-    
-    </div>
-      <!-- body wrapper -->
-    </div>
-    <!-- main wrapper -->
-  </main>
-</template>
-
-<script>
-import Vue from "vue";
-import router from "../router";
-
-export default {
-  name: "SingleMobileScreenChatComments",
-
-  data() {
-    return {};
-  },
-  mounted() {},
-  methods: {
-    goToLogin() {
-      this.$router.push("/");
-    },
-    goToSignUp() {
-      this.$router.push("/signup");
-    },
-    
-  },
-};
-</script>
\ No newline at end of file
diff --git a/src/components/SingleMobileScreenInsightOne.vue b/src/components/SingleMobileScreenInsightOne.vue
deleted file mode 100644
index b17b938..0000000
--- a/src/components/SingleMobileScreenInsightOne.vue
+++ /dev/null
@@ -1,321 +0,0 @@
-<template>
-  <main class="landing-page">
-   
-    <div class="container-fluid episode-intro">
-    <nav class="navbar navbar-expand-sm spotLight-nav">
-        <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="user-profile-photo insights-profile">
-          <a href="#"><img src="../assets/images/user.png"></a>
-        </div>
-      </nav>
-      <!-- menu wrapper -->
-    <div class="intro-startup">
-      <!-- chat box -->
-           <div class="bounce-board-wrp" id="cht_box_close">
-            <div class="inner-wrp-bc">
-<div class="bc-top-head">
-    <span class="bc-head">
-        <img src="../assets/images/bounce-icon.svg" /> Bounce Board
-    </span>
-    <div class="action-sort">
-     <span class="sort-by">SORT  BY</span>   <div class="btn-group">
-  <button type="button" class="bc-sort-list dropdown-toggle" @click="best_sort" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-   BEST
-  </button>
-  <div class="dropdown-menu short_by">
-    <a class="dropdown-item" href="#">BEST 1</a>
-    <a class="dropdown-item" href="#">BEST 2</a>
-    <a class="dropdown-item" href="#">BEST 3</a>
-  </div>
-</div>
-<a href="javasript:void(0);" @click="chtbox_close" class="close_chat_bx"><img src="../assets/images/close.png" alt="close" /></a><!-- close -->
-        </div><!-- action sort -->
-    </div><!-- top head -->
-<div class="bounce-board-body">
-    <ul class="bounced-user-comments">
-<li class="bc_border">
-  <div class="lbord"></div><!-- border -->
-  <div class="parent-full-width parent_bg">
-    <div class="full-width">
-    <div class="b-user-head"><img src="../assets/images/b-user1.png" /> 
-    <span class="head-content">wanderingirl    </span>
-<ul>
-    <li> <span></span><img src="../assets/images/u-info-icon.png" />6pts</li>
-    <li> <span></span>3days ago</li>
-     <li> <span class="au">Author</span></li>
-</ul>
-
-
-    </div><!-- header -->
-    <p>I wonder what the difference between “Dunzo Assistant” and “Pickup and Drop” are. If they are the same, there are two “call to actions” for the same workflow...</p>
-  <div class="joined_wrapper">
-  <ul class="joined-info info_bc_spc">
-    <li>  <img src="../assets/images/purple-heart.png"> </li>
-    <li>  <a href="#"> 4</a> </li>
-    <li class="comment-spc">  <img src="../assets/images/purple-comment.png"> </li>
-    <li>  <a href="#"> 6</a> </li>
-  </ul>
-  <div class="add_rply">
-    <input type="text" placeholder="Add your reply" />
-    </div><!-- rly form -->
-  </div><!-- joined wrapper -->
-  </div><!-- full width -->
-  </div><!-- parent -->
-    <div class="child-full-width">
-        <div class="full-width">
-      <div class="b-user-head"><img src="../assets/images/b-user1.png" /> 
-    <span class="head-content">Onenoisyboi    </span>
-<ul>
-    <li> <span></span><img src="../assets/images/u-info-icon.png" />6pts</li>
-    <li> <span></span>3days ago</li>
-     <li> <span class="red">Mod</span></li>
-</ul>
-
-
-    </div><!-- header -->
-    <p>I really liked the palette of the icons dunzo has they dont match with my jeans</p>
-  <div class="joined_wrapper">
-  <ul class="joined-info info_bc_spc">
-    <li>  <img src="../assets/images/purple-heart.png"> </li>
-    <li>  <a href="#"> 4</a> </li>
-    <li class="comment-spc">  <img src="../assets/images/purple-comment.png"> </li>
-    <li>  <a href="#"> 6</a> </li>
-  </ul>
-  <div class="add_rply">
-    <input type="text" placeholder="Add your reply" />
-    </div><!-- rly form -->
-  </div><!-- joined wrapper -->
-  </div><!-- full width -->
-  </div><!-- child wrapper -->
-</li>
-
-    </ul><!-- all user comments -->
-     <ul class="bounced-user-comments">
-<li class="bc_border">
-  <div class="bc_brd_l"></div><!-- border -->
-  <div class="parent-full-width ">
-    <div class="full-width">
-    <div class="b-user-head"><img src="../assets/images/b-user1.png" /> 
-    <span class="head-content">wanderingirl    </span>
-<ul>
-    <li> <span></span><img src="../assets/images/u-info-icon.png" />6pts</li>
-    <li> <span></span>3days ago</li>
-    
-</ul>
-
-
-    </div><!-- header -->
-    <p>I wonder what the difference between “Dunzo Assistant” and “Pickup and Drop” are. If they are the same, there are two “call to actions” for the same workflow...</p>
-  <div class="joined_wrapper">
-  <ul class="joined-info info_bc_spc">
-    <li>  <img src="../assets/images/purple-heart.png"> </li>
-    <li>  <a href="#"> 4</a> </li>
-    <li class="comment-spc">  <img src="../assets/images/purple-comment.png"> </li>
-    <li>  <a href="#"> 6</a> </li>
-  </ul>
-  <div class="add_rply">
-    <input type="text" placeholder="Add your reply" />
-    </div><!-- rly form -->
-  </div><!-- joined wrapper -->
-  </div><!-- full width -->
-  </div><!-- parent -->
-    <div class="child-full-width">
-        <div class="full-width">
-      <div class="b-user-head"><img src="../assets/images/b-user1.png" /> 
-    <span class="head-content">Onenoisyboi    </span>
-<ul>
-    <li> <span></span><img src="../assets/images/u-info-icon.png" />6pts</li>
-    <li> <span></span>3days ago</li>
-   
-</ul>
-
-
-    </div><!-- header -->
-    <p>I really liked the palette of the icons dunzo has they dont match with my jeans</p>
-  <div class="joined_wrapper">
-  <ul class="joined-info info_bc_spc">
-    <li>  <img src="../assets/images/purple-heart.png"> </li>
-    <li>  <a href="#"> 4</a> </li>
-    <li class="comment-spc">  <img src="../assets/images/purple-comment.png"> </li>
-    <li>  <a href="#"> 6</a> </li>
-  </ul>
-  <div class="add_rply">
-    <input type="text" placeholder="Add your reply" />
-    </div><!-- rly form -->
-  </div><!-- joined wrapper -->
-  </div><!-- full width -->
-  </div><!-- child wrapper -->
-      <div class="child-full-width">
-        <div class="full-width">
-      <div class="b-user-head"><img src="../assets/images/b-user1.png" /> 
-    <span class="head-content">Onenoisyboi    </span>
-<ul>
-    <li> <span></span><img src="../assets/images/u-info-icon.png" />6pts</li>
-    <li> <span></span>3days ago</li>
-   
-</ul>
-
-
-    </div><!-- header -->
-    <p>I really liked the palette of the icons dunzo has they dont match with my jeans</p>
-  <div class="joined_wrapper">
-  <ul class="joined-info info_bc_spc">
-    <li>  <img src="../assets/images/purple-heart.png"> </li>
-    <li>  <a href="#"> 4</a> </li>
-    <li class="comment-spc">  <img src="../assets/images/purple-comment.png"> </li>
-    <li>  <a href="#"> 6</a> </li>
-  </ul>
-  <div class="add_rply">
-    <input type="text" placeholder="Add your reply" />
-    </div><!-- rly form -->
-  </div><!-- joined wrapper -->
-  </div><!-- full width -->
-  </div><!-- child wrapper -->
-</li>
-
-    </ul><!-- all user comments -->
-    </div><!-- bounce board body -->
-    <div class="comments-footer">
-      <textarea></textarea>
-      <div class="comments-footer-wrp">
-      <a href="#" class="add_comments_chat"><img src="../assets/images/add-comment.svg" /> Comment</a>
-      </div>
-      </div><!-- comments footer -->
-            </div>
-            </div><!-- bounceboard wrp -->
-      <!-- chat box -->
-     <div class="single-mobileInsight">
-          <img src="../assets/images/slide.png" class="slide-img" /> 
-             <div class="single-left-Insight-comments">
-                 <img src="../assets/images/author-thoughts.svg" class="author-thoughts" />
-            <div class="single-author-li-comments">
-            <div class="a-intro-comments custom-c-style">
-               <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-             <div class="single-author-li-comments">
-            <div class="a-intro-comments custom-c-style">
-               <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-         </div><!-- single mobile Left insight  -->
-     <div class="c-product-insight-wrp">
-            <div class="single-author-li-comments ">
-            <div class="a-intro-comments custom-selected-style">
-              <img src="../assets/images/rect.svg" class="rect" />
-              <div class="top-wrp">
-               PRODUCT Insight <a href="#"><img src="../assets/images/link-red.svg" /></a>
-              </div>
-              <div class="top-head">Decide on using multiple call to action vs single call to action depending on the stage of the user journey</div>
-               <p>Marketing 101 teaches us to use one single, call to action (CTA) at the top of the funnel before the uer has shown interest in the product. 
-<br><br>
-When the user is already onboarded and is in the <strong> engage stage </strong>, it may be better to use a single CTA for each use case in order to <strong> avoid ambiguity.</strong>
-</p>
-<div class="footer">
-  <a href="#" class="cit-16">16 Citations</a>
-  <a href="#" class="ft-share"><img src="../assets/images/reply-red.svg" /> Share from library</a>
-  </div><!-- footer -->
-            
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
- 
-         </div><!-- single mobile Right insight  -->
-        </div><!-- Single Mobile Insight -->
-      <div class="footer-nav">
-        <div class="footer-top white-bg">
-            <div class="row">
-                <div class="col-6 col-sm-7 col-md-7 col-lg-6 ">
-                    <div class="row h-100p">
-                         <div class="col-4 col-sm-5 col-md-4 col-lg-4 col-xl-4">
-              <ul class="top-intro-bt">
-            <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
-             <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
-          </ul>
-          </div>
-           <div class="col-8 col-sm-7 col-md-5 col-lg-8 col-xl-8 bord-r c_hide">
-          <div class="ft-comments-group no-comment-count ">
-              <div class="row">
-                
-                     <div class="col-12">
-                         <img src="../assets/images/u-comments.svg" class="no-comments-img" />
-                  <div class="comments-detail">
-                      <span class="no-c-yet">No comments yet</span>
-                      <p>Be the first one to post a comment to start a discussion</p>
-                      </div><!-- comments detail -->
-                    </div> </div>
-              </div><!-- comments Group -->
-              </div></div>
-              </div>
-              <div class="col-6 col-sm-5 col-md-6 col-lg-6 ">
-                
-                  <div class="comment-frm no-c-frm">
-                        <div class="row">
-                            <div class="col-8 col-sm-8 col-md-8 col-lg-10 col-xl-10">
-                           <div class="form-group frm-wdth">
-    <input type="text" class="form-control" @click="open_ct_box" placeholder="Kathy, Something on your mind?" id="open_ct_box">
-  </div></div>
-  <div class="col-2 col-sm-4 col-md-4 col-lg-4 col-xl-2">
-  <a href="#" class="add-comment"><img src="../assets/images/add-comment.svg" /> Comment</a>
-  </div>
-                          </div><!-- comment from -->
-                          </div> </div></div>
-          </div><!-- footer top -->
-        <div class="footer-bottom">
-          <ul>
-            <li class="active"></li>
-             <li></li>
-          </ul>
-          </div><!-- footer top -->
-        </div><!-- footer -->
-    
-    </div>
-      <!-- body wrapper -->
-    </div>
-    <!-- main wrapper -->
-  </main>
-</template>
-
-<script>
-import Vue from "vue";
-import router from "../router";
-
-export default {
-  name: "SingleMobileScreenInsightOne",
-
-  data() {
-    return {};
-  },
-  mounted() {},
-  methods: {
-    goToLogin() {
-      this.$router.push("/");
-    },
-    goToSignUp() {
-      this.$router.push("/signup");
-    },
-    chtbox_close(){
-$("#cht_box_close").removeClass("cht_close");
-$("#open_ct_box, .c_hide").show();
-$(".footer-top").addClass("white-bg");
-    }, 
-    open_ct_box(){
-$("#cht_box_close").addClass("cht_close");
-$("#open_ct_box, .c_hide").hide();
-$(".footer-top").removeClass("white-bg");
-    },
-  },
-};
-</script>
diff --git a/src/components/SingleScreengrabOneInsight.vue b/src/components/SingleScreengrabOneInsight.vue
deleted file mode 100644
index 1d2e492..0000000
--- a/src/components/SingleScreengrabOneInsight.vue
+++ /dev/null
@@ -1,130 +0,0 @@
-<template>
-  <main class="landing-page">
-   
-    <div class="container-fluid episode-intro">
-    <nav class="navbar navbar-expand-sm spotLight-nav">
-        <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="user-profile-photo insights-profile">
-          <a href="#"><img src="../assets/images/user.png"></a>
-        </div>
-      </nav>
-      <!-- menu wrapper -->
-    <div class="intro-startup">
-     <div class="screengrab-wrp">
-          <img src="../assets/images/saved-for-letter.png" /> 
-             <div class="single-left-Insight-comments screengrab-lspc">
-                 <img src="../assets/images/author-thoughts.svg" class="author-thoughts" />
-            <div class="single-author-li-comments">
-            <div class="a-intro-comments custom-c-style">
-               <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-           
-         </div><!-- single mobile Left insight  -->
-     <div class="c-product-insight-wrp screengrab-rspc">
-            <div class="single-author-li-comments ">
-            <div class="a-intro-comments custom-selected-style">
-              <img src="../assets/images/rect.svg" class="rect" />
-              <div class="top-wrp">
-               PRODUCT Insight <a href="#"><img src="../assets/images/link-red.svg" /></a>
-              </div>
-              <div class="top-head">Decide on using multiple call to action vs single call to action depending on the stage of the user journey</div>
-               <p>Marketing 101 teaches us to use one single, call to action (CTA) at the top of the funnel before the uer has shown interest in the product. 
-<br><br>
-When the user is already onboarded and is in the <strong> engage stage </strong>, it may be better to use a single CTA for each use case in order to <strong> avoid ambiguity.</strong>
-</p>
-<div class="footer">
-  <a href="#" class="cit-16">16 Citations</a>
-  <a href="#" class="ft-share"><img src="../assets/images/reply-red.svg" /> Share from library</a>
-  </div><!-- footer -->
-            
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
- 
-         </div><!-- single mobile Right insight  -->
-        </div><!-- Single Mobile Insight -->
-      <div class="footer-nav">
-        <div class="footer-top white-bg">
-            <div class="row">
-                <div class="col-6 col-sm-7 col-md-7 col-lg-6 ">
-                    <div class="row h-100p">
-                         <div class="col-4 col-sm-5 col-md-4 col-lg-4 col-xl-4">
-              <ul class="top-intro-bt">
-            <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
-             <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
-          </ul>
-          </div>
-           <div class="col-8 col-sm-7 col-md-5 col-lg-8 col-xl-8 bord-r">
-          <div class="ft-comments-group no-comment-count">
-              <div class="row">
-                
-                     <div class="col-12">
-                         <img src="../assets/images/u-comments.svg" class="no-comments-img" />
-                  <div class="comments-detail">
-                      <span class="no-c-yet">No comments yet</span>
-                      <p>Be the first one to post a comment to start a discussion</p>
-                      </div><!-- comments detail -->
-                    </div> </div>
-              </div><!-- comments Group -->
-              </div></div>
-              </div>
-              <div class="col-6 col-sm-5 col-md-6 col-lg-6 ">
-                
-                  <div class="comment-frm no-c-frm">
-                        <div class="row">
-                            <div class="col-8 col-sm-8 col-md-8 col-lg-10 col-xl-10">
-                           <div class="form-group frm-wdth">
-    <input type="text" class="form-control" placeholder="Kathy, Something on your mind?" id="">
-  </div></div>
-  <div class="col-2 col-sm-4 col-md-4 col-lg-4 col-xl-2">
-  <a href="#" class="add-comment"><img src="../assets/images/add-comment.svg" /> Comment</a>
-  </div>
-                          </div><!-- comment from -->
-                          </div> </div></div>
-          </div><!-- footer top -->
-        <div class="footer-bottom">
-          <ul>
-            <li class="active"></li>
-             <li></li>
-          </ul>
-          </div><!-- footer top -->
-        </div><!-- footer -->
-    
-    </div>
-      <!-- body wrapper -->
-    </div>
-    <!-- main wrapper -->
-  </main>
-</template>
-
-<script>
-import Vue from "vue";
-import router from "../router";
-
-export default {
-  name: "SingleScreengrabOneInsight",
-
-  data() {
-    return {};
-  },
-  mounted() {},
-  methods: {
-    goToLogin() {
-      this.$router.push("/");
-    },
-    goToSignUp() {
-      this.$router.push("/signup");
-    },
-    
-  },
-};
-</script>
diff --git a/src/components/SingleWebScreenInsightOne.vue b/src/components/SingleWebScreenInsightOne.vue
deleted file mode 100644
index 96307ec..0000000
--- a/src/components/SingleWebScreenInsightOne.vue
+++ /dev/null
@@ -1,130 +0,0 @@
-<template>
-  <main class="landing-page">
-   
-    <div class="container-fluid episode-intro">
-    <nav class="navbar navbar-expand-sm spotLight-nav">
-        <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="user-profile-photo insights-profile">
-          <a href="#"><img src="../assets/images/user.png"></a>
-        </div>
-      </nav>
-      <!-- menu wrapper -->
-    <div class="intro-startup">
-     <div class="s-web-screen-wrp">
-      
-             <div class="single-left-Insight-comments web-comment-spc">
-                 <img src="../assets/images/author-thoughts.svg" class="author-thoughts" />
-            <div class="single-author-li-comments ">
-            <div class="a-intro-comments custom-c-style">
-               <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-      
-         </div><!-- single mobile Left insight  -->
-     <div class="c-product-insight-wrp web-ps-insight-spc">
-            <div class="single-author-li-comments ">
-            <div class="a-intro-comments custom-selected-style">
-              <img src="../assets/images/rect.svg" class="rect" />
-              <div class="top-wrp">
-               PRODUCT Insight <a href="#"><img src="../assets/images/link-red.svg" /></a>
-              </div>
-              <div class="top-head">Decide on using multiple call to action vs single call to action depending on the stage of the user journey</div>
-               <p>Marketing 101 teaches us to use one single, call to action (CTA) at the top of the funnel before the uer has shown interest in the product. 
-<br><br>
-When the user is already onboarded and is in the <strong> engage stage </strong>, it may be better to use a single CTA for each use case in order to <strong> avoid ambiguity.</strong>
-</p>
-<div class="footer">
-  <a href="#" class="cit-16">16 Citations</a>
-  <a href="#" class="ft-share"><img src="../assets/images/reply-red.svg" /> Share from library</a>
-  </div><!-- footer -->
-            
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
- 
-         </div><!-- single mobile Right insight  -->
-        </div><!-- Single Mobile Insight -->
-      <div class="footer-nav">
-        <div class="footer-top white-bg">
-            <div class="row">
-                <div class="col-6 col-sm-7 col-md-7 col-lg-6 ">
-                    <div class="row h-100p">
-                         <div class="col-4 col-sm-5 col-md-4 col-lg-4 col-xl-4">
-              <ul class="top-intro-bt">
-            <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
-             <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
-          </ul>
-          </div>
-           <div class="col-8 col-sm-7 col-md-5 col-lg-8 col-xl-8 bord-r">
-          <div class="ft-comments-group no-comment-count">
-              <div class="row">
-                
-                     <div class="col-12">
-                         <img src="../assets/images/u-comments.svg" class="no-comments-img" />
-                  <div class="comments-detail">
-                      <span class="no-c-yet">No comments yet</span>
-                      <p>Be the first one to post a comment to start a discussion</p>
-                      </div><!-- comments detail -->
-                    </div> </div>
-              </div><!-- comments Group -->
-              </div></div>
-              </div>
-              <div class="col-6 col-sm-5 col-md-6 col-lg-6 ">
-                
-                  <div class="comment-frm no-c-frm">
-                        <div class="row">
-                            <div class="col-8 col-sm-8 col-md-8 col-lg-10 col-xl-10">
-                           <div class="form-group frm-wdth">
-    <input type="text" class="form-control" placeholder="Kathy, Something on your mind?" id="">
-  </div></div>
-  <div class="col-2 col-sm-4 col-md-4 col-lg-4 col-xl-2">
-  <a href="#" class="add-comment"><img src="../assets/images/add-comment.svg" /> Comment</a>
-  </div>
-                          </div><!-- comment from -->
-                          </div> </div></div>
-          </div><!-- footer top -->
-        <div class="footer-bottom">
-          <ul>
-            <li class="active"></li>
-             <li></li>
-          </ul>
-          </div><!-- footer top -->
-        </div><!-- footer -->
-    
-    </div>
-      <!-- body wrapper -->
-    </div>
-    <!-- main wrapper -->
-  </main>
-</template>
-
-<script>
-import Vue from "vue";
-import router from "../router";
-
-export default {
-  name: "SingleWebScreenInsightOne",
-
-  data() {
-    return {};
-  },
-  mounted() {},
-  methods: {
-    goToLogin() {
-      this.$router.push("/");
-    },
-    goToSignUp() {
-      this.$router.push("/signup");
-    },
-    
-  },
-};
-</script>
diff --git a/src/components/ToAddYourComment.vue b/src/components/ToAddYourComment.vue
deleted file mode 100644
index 6e4c47a..0000000
--- a/src/components/ToAddYourComment.vue
+++ /dev/null
@@ -1,115 +0,0 @@
-<template>
-  <main class="landing-page">
-   
-    <div class="container-fluid episode-intro">
-    <nav class="navbar navbar-expand-sm spotLight-nav">
-        <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="user-profile-photo insights-profile">
-          <a href="#"><img src="../assets/images/user.png"></a>
-        </div>
-      </nav>
-      <!-- menu wrapper -->
-    <div class="intro-startup">
-     <div class="single-mobileInsight">
-          <img src="../assets/images/slide.png" class="slide-img" /> 
-             <div class="single-left-Insight-comments">
-                 <img src="../assets/images/author-thoughts.svg" class="author-thoughts" />
-            <div class="single-author-li-comments">
-            <div class="a-intro-comments custom-c-style">
-               <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-             <div class="single-author-li-comments">
-            <div class="a-intro-comments custom-c-style">
-               <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-         </div><!-- single mobile Left insight  -->
-     <div class="c-product-insight-wrp add_comments-spc_r">
-            <div class="single-author-li-comments ">
-            <div class="a-intro-comments custom-selected-style">
-              <img src="../assets/images/rect.svg" class="rect" />
-              <div class="top-wrp">
-               PRODUCT Insight <a href="#"><img src="../assets/images/link-red.svg" /></a>
-              </div>
-              <div class="top-head">Decide on using multiple call to action vs single call to action depending on the stage of the user journey</div>
-               <p>Marketing 101 teaches us to use one single, call to action (CTA) at the top of the funnel before the uer has shown interest in the product. 
-<br><br>
-When the user is already onboarded and is in the <strong> engage stage </strong>, it may be better to use a single CTA for each use case in order to <strong> avoid ambiguity.</strong>
-</p>
-<div class="footer">
-  <a href="#" class="cit-16">16 Citations</a>
-  <a href="#" class="ft-share"><img src="../assets/images/reply-red.svg" /> Share from library</a>
-  </div><!-- footer -->
-            
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
- <a href="#" class="add-comments-bt"><img src="../assets/images/rotate.svg" /> To add your comment</a>
-         </div><!-- single mobile Right insight  -->
-        </div><!-- Single Mobile Insight -->
-      <div class="footer-nav">
-        <div class="footer-top">
-            <div class="row">
-                <div class="col-6 col-sm-7 col-md-7 col-lg-6 ">
-                    <div class="row h-100p">
-                         <div class="col-4 col-sm-5 col-md-4 col-lg-4 col-xl-4">
-              <ul class="top-intro-bt">
-            <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
-             <li><a href="#"><img src="../assets/images/skip-next.svg"> Next</a></li>
-          </ul>
-          </div>
-       
-              </div>
-              </div>
-            </div>
-          </div><!-- footer top -->
-        <div class="footer-bottom">
-          <ul>
-            <li class=""></li>
-             <li></li>
-          </ul>
-          </div><!-- footer top -->
-        </div><!-- footer -->
-    
-    </div>
-      <!-- body wrapper -->
-    </div>
-    <!-- main wrapper -->
-  </main>
-</template>
-
-<script>
-import Vue from "vue";
-import router from "../router";
-
-export default {
-  name: "ToAddYourComment",
-
-  data() {
-    return {};
-  },
-  mounted() {},
-  methods: {
-    goToLogin() {
-      this.$router.push("/");
-    },
-    goToSignUp() {
-      this.$router.push("/signup");
-    },
-    
-  },
-};
-</script>
diff --git a/src/components/TwoAuthor.vue b/src/components/TwoAuthor.vue
deleted file mode 100644
index bdd2532..0000000
--- a/src/components/TwoAuthor.vue
+++ /dev/null
@@ -1,98 +0,0 @@
-<template>
-  <main class="landing-page">
-   
-    <div class="container-fluid episode-intro">
-    <nav class="navbar navbar-expand-sm spotLight-nav">
-        <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="user-profile-photo insights-profile">
-          <a href="#"><img src="../assets/images/lock.svg"></a>
-        </div>
-      </nav>
-      <!-- menu wrapper -->
-    <div class="intro-startup">
-      <div class="smasung-g-10wrp">
-               <div class="author-two">
-          <div class="comment-box-s-1 custom-2-author">
-          <p>👋 Hi there! My name is <strong> Rashmi</strong>, and these are a few observations on the user workflows that I had while using the WhiteHat Jr. app.</p>
-         <div class="footer">
-           <img src="../assets/images/comment-user.svg" />  <a href="#">View My Profile</a>
-           </div><!-- footer -->
-          </div><!-- comment box 1 -->
-      
-          <div class="user-photo">
-            <img src="../assets/images/author-two.svg" class="author-two-photo" />
-          </div>
-          </div><!-- comment box -->
-           <div class="samsung-compare-c">
-          <div class="logo-1"><img src="../assets/images/logo-1.png" /></div><!-- logo 1 -->
-           <div class="vs">vs</div><!-- vs -->
-            <div class="logo-2"><img src="../assets/images/logo-2.png" /></div><!-- logo 2 -->
-          </div><!-- compare -->
-         
-              <div class="comment-box author-one">
-          <div class="comment-box-s-1">
-          <p>👋 Hi there! My name is <strong> Rashmi</strong>, and these are a few observations on the user workflows that I had while using the WhiteHat Jr. app.</p>
-         <div class="footer">
-           <img src="../assets/images/comment-user.svg" />  <a href="#">View My Profile</a>
-           </div><!-- footer -->
-          </div><!-- comment box 1 -->
-              <div class="comment-box-s-1 comment-w-397">
-          <p>
-            Use arrow keys to navigate <br/>
-<img src="../assets/images/key-arrow.jpg" class="key-arrow" />
-          </p>
-          </div><!-- comment box 1 -->
-          <div class="user-photo">
-            <img src="../assets/images/comment-photo.png" />
-          </div>
-          </div><!-- comment box -->
-        </div><!-- samsung g 10 -->
-      <div class="footer-nav">
-        <div class="footer-top">
-              <ul class="top-intro-bt">
-            <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
-             <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
-          </ul>
-          </div><!-- footer top -->
-        <div class="footer-bottom">
-          <ul>
-            <li></li>
-             <li></li>
-          </ul>
-          </div><!-- footer top -->
-        </div><!-- footer -->
-    
-    </div>
-      <!-- body wrapper -->
-    </div>
-    <!-- main wrapper -->
-  </main>
-</template>
-
-<script>
-import Vue from "vue";
-import router from "../router";
-
-export default {
-  name: "TwoAuthor",
-
-  data() {
-    return {};
-  },
-  mounted() {},
-  methods: {
-    goToLogin() {
-      this.$router.push("/");
-    },
-    goToSignUp() {
-      this.$router.push("/signup");
-    },
-    
-  },
-};
-</script>
diff --git a/src/components/TwoAuthorDesktop.vue b/src/components/TwoAuthorDesktop.vue
deleted file mode 100644
index bcd4408..0000000
--- a/src/components/TwoAuthorDesktop.vue
+++ /dev/null
@@ -1,96 +0,0 @@
-<template>
-  <main class="landing-page">
-   
-    <div class="container-fluid episode-intro">
-    <nav class="navbar navbar-expand-sm spotLight-nav">
-        <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="user-profile-photo insights-profile">
-          <a href="#"><img src="../assets/images/user.png"></a>
-        </div>
-      </nav>
-      <!-- menu wrapper -->
-    <div class="intro-startup">
-      <div class="two-author-desktop">
-               <div class="author-two-desktop">
-          <div class="comment-box-s-1 custom-2-author">
-          <p>👋 Hi there! My name is <strong> Rashmi</strong>, and these are a few observations on the user workflows that I had while using the WhiteHat Jr. app.</p>
-         <div class="footer">
-           <img src="../assets/images/comment-user.svg" />  <a href="#">View My Profile</a>
-           </div><!-- footer -->
-          </div><!-- comment box 1 -->
-      
-          <div class="user-photo">
-            <img src="../assets/images/author-two.svg" class="author-two-photo" />
-          </div>
-          </div><!-- comment box -->
-           <div class="samsung-compare-c desktop-two-logo-spc">
-          <div class="logo-1"><img src="../assets/images/segment.png" /></div><!-- logo 1 -->
-          </div><!-- compare -->
-         
-              <div class="comment-box author-one-desktop">
-          <div class="comment-box-s-1">
-          <p>👋 Hi there! My name is <strong> Rashmi</strong>, and these are a few observations on the user workflows that I had while using the WhiteHat Jr. app.</p>
-         <div class="footer">
-           <img src="../assets/images/comment-user.svg" />  <a href="#">View My Profile</a>
-           </div><!-- footer -->
-          </div><!-- comment box 1 -->
-              <div class="comment-box-s-1 comment-w-397">
-          <p>
-            Use arrow keys to navigate <br/>
-<img src="../assets/images/key-arrow.jpg" class="key-arrow" />
-          </p>
-          </div><!-- comment box 1 -->
-          <div class="user-photo">
-            <img src="../assets/images/comment-photo.png" />
-          </div>
-          </div><!-- comment box -->
-        </div><!-- samsung g 10 -->
-      <div class="footer-nav">
-        <div class="footer-top">
-              <ul class="top-intro-bt">
-            <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
-             <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
-          </ul>
-          </div><!-- footer top -->
-        <div class="footer-bottom">
-          <ul>
-            <li></li>
-             <li></li>
-          </ul>
-          </div><!-- footer top -->
-        </div><!-- footer -->
-    
-    </div>
-      <!-- body wrapper -->
-    </div>
-    <!-- main wrapper -->
-  </main>
-</template>
-
-<script>
-import Vue from "vue";
-import router from "../router";
-
-export default {
-  name: "TwoAuthorDesktop",
-
-  data() {
-    return {};
-  },
-  mounted() {},
-  methods: {
-    goToLogin() {
-      this.$router.push("/");
-    },
-    goToSignUp() {
-      this.$router.push("/signup");
-    },
-    
-  },
-};
-</script>
diff --git a/src/components/TwoAuthorReadingNow.vue b/src/components/TwoAuthorReadingNow.vue
deleted file mode 100644
index 0c1a0d9..0000000
--- a/src/components/TwoAuthorReadingNow.vue
+++ /dev/null
@@ -1,74 +0,0 @@
-<template>
-  <main class="landing-page">
-     <div class="container-fluid episode-intro app-discovery-bg">
-    <nav class="navbar navbar-expand-sm spotLight-nav">
-        <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="user-profile-photo insights-profile">
-          <a href="#"><img src="../assets/images/lock.svg"></a>
-        </div>
-      </nav>
-      <!-- menu wrapper -->
-    <div class="intro-startup">
-        <div class="spot-light-top">
-            <img src="../assets/images/spot-light-top.svg" />
-            <div class="app-discovery">
-                <div class="top-user">
-                    <img src="../assets/images/app-photo.svg" />
-                    </div><!-- top user -->
-                    <h1 class="author-two-head-spc">App Discovery</h1>
-                      <h2>01</h2>
-                       <img src="../assets/images/author-t.svg" class="author-app-img" />
-                      <img src="../assets/images/discovery.svg" class="discovery-app-img" />
-                </div><!-- app Disovery -->
-               
-        </div><!-- spot light top -->
- <img src="../assets/images/popcorn-set.svg" class="popcorn-set" />
-      <div class="footer-nav">
-        <div class="footer-top">
-              <ul class="top-intro-bt">
-            <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
-             <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
-          </ul>
-          </div><!-- footer top -->
-        <div class="footer-bottom">
-          <ul>
-            <li class="active"></li>
-             <li></li>
-          </ul>
-          </div><!-- footer top -->
-        </div><!-- footer -->
-    
-    </div>
-      <!-- body wrapper -->
-    </div>
-    <!-- main wrapper -->
-  </main>
-</template>
-
-<script>
-import Vue from "vue";
-import router from "../router";
-
-export default {
-  name: "TwoAuthorReadingNow",
-
-  data() {
-    return {};
-  },
-  mounted() {},
-  methods: {
-    goToLogin() {
-      this.$router.push("/");
-    },
-    goToSignUp() {
-      this.$router.push("/signup");
-    },
-    
-  },
-};
-</script>
diff --git a/src/components/TwoScreenWithInsight.vue b/src/components/TwoScreenWithInsight.vue
deleted file mode 100644
index b948238..0000000
--- a/src/components/TwoScreenWithInsight.vue
+++ /dev/null
@@ -1,144 +0,0 @@
-<template>
-  <main class="landing-page">
-   
-    <div class="container-fluid episode-intro">
-    <nav class="navbar navbar-expand-sm spotLight-nav">
-        <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="user-profile-photo insights-profile">
-          <a href="#"><img src="../assets/images/user.png"></a>
-        </div>
-      </nav>
-      <!-- menu wrapper -->
-    <div class="intro-startup">
-        <div class="allMWrp">
-<div class="mobile-screen-one p-left">
-    <div class="m-screen-comments">
-            <div class="single-author-li-comments">
-            <div class="a-intro-comments">
-               <p>As he was getting <strong>impatient</strong>, hopelessly I've <strong>switched back to the PhonePe app</strong> to search for support.</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-                  <div class="single-author-li-comments">
-            <div class="a-intro-comments">
-               <p>As he was getting <strong>impatient</strong>, hopelessly I've <strong>switched back to the PhonePe app</strong> to search for support.</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-        </div><!-- comments -->
-    <img src="../assets/images/help-screen.png" class="m-screen" /> 
-    <img src="../assets/images/top-user-demo.svg" class="user-photo-bottom" />
-    </div><!-- mobile screen one -->
-    <div class="mobile-screen-one p-right">
-    <div class="view-ticket-wrp-ps">
-            <div class="single-author-li-comments ">
-            <div class="a-intro-comments custom-selected-style">
-              <img src="../assets/images/rect.svg" class="rect" />
-              <div class="top-wrp">
-              Design Insight <a href="#"><img src="../assets/images/link-red.svg" /></a>
-              </div>
-              <div class="top-head">Jakob’s law</div>
-               <p>By leveraging existing mental models, we can create superior user experiences in which the user can focus on their task rather than learning new models.</p>
-<div class="footer">
-  <a href="#" class="cit-16">16 Citations</a>
-  <a href="#" class="ft-share"><img src="../assets/images/reply-red.svg" /> Share from library</a>
-  </div><!-- footer -->
-            
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-        </div><!-- comments -->
-    <img src="../assets/images/slide2.png" class="m-screen" /> 
-   
-    </div><!-- mobile screen Two -->
-    </div>
-      <div class="footer-nav">
-        <div class="footer-top white-bg">
-            <div class="row">
-                <div class="col-8 col-sm-8 col-md-8 col-lg-8 ">
-                    <div class="row h-100p">
-                         <div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4">
-              <ul class="top-intro-bt">
-            <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
-             <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
-          </ul>
-          </div>
-           <div class="col-8 col-sm-8 col-md-8 col-lg-8 col-xl-8 bord-r">
-                <div class="ft-comments-group">
-                             <div class="c-with-photos">
-              <span class="count-comments">16+ Comments</span><!-- count commets -->
-              <ul class="comments-photos">
-                  <li><img src="../assets/images/c-photo-1.png" /></li>
-                  <li><img src="../assets/images/c-photo-2.png" /></li>
-                  <li><img src="../assets/images/c-photo-3.png" /></li>
-                  </ul><!-- comment photos -->
-                  </div>
-                  <div class="comments-detail all-c-space">
-                      <span>Saudrika commented <a href="#">View All</a></span>
-                      <p>I wonder what the difference between “Dunzo Assistant” and “Pickup and Drop...</p>
-                      </div><!-- comments detail -->
-                  
-              </div><!-- comments Group -->
-              </div></div>
-              </div>
-              <div class="col-4 col-sm-4 col-md-4 col-lg-4 ">
-                
-                  <div class="comment-frm no-c-frm">
-                        <div class="row">
-                            <div class="col-8 col-sm-8 col-md-8 col-lg-10 col-xl-10">
-                           <div class="form-group frm-wdth addfrm-spc">
-    <input type="text" class="form-control" placeholder="Kathy, Something on your mind?" id="">
-  </div></div>
-  <div class="col-2 col-sm-4 col-md-4 col-lg-4 col-xl-2">
-  <a href="#" class="add-comment"><img src="../assets/images/add-comment.svg" /> Comment</a>
-  </div>
-                          </div><!-- comment from -->
-                          </div> </div></div>
-          </div><!-- footer top -->
-        <div class="footer-bottom">
-          <ul>
-            <li class="active"></li>
-             <li></li>
-          </ul>
-          </div><!-- footer top -->
-        </div><!-- footer -->
-    
-    </div>
-      <!-- body wrapper -->
-    </div>
-    <!-- main wrapper -->
-  </main>
-</template>
-
-<script>
-import Vue from "vue";
-import router from "../router";
-
-export default {
-  name: "TwoScreenWithInsight",
-
-  data() {
-    return {};
-  },
-  mounted() {},
-  methods: {
-    goToLogin() {
-      this.$router.push("/");
-    },
-    goToSignUp() {
-      this.$router.push("/signup");
-    },
-    
-  },
-};
-</script>
diff --git a/src/components/TwoScreenWithoutInsight.vue b/src/components/TwoScreenWithoutInsight.vue
deleted file mode 100644
index c17e6d0..0000000
--- a/src/components/TwoScreenWithoutInsight.vue
+++ /dev/null
@@ -1,147 +0,0 @@
-<template>
-  <main class="landing-page">
-   
-    <div class="container-fluid episode-intro">
-    <nav class="navbar navbar-expand-sm spotLight-nav">
-        <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="user-profile-photo insights-profile">
-          <a href="#"><img src="../assets/images/lock.svg"></a>
-        </div>
-      </nav>
-      <!-- menu wrapper -->
-    <div class="intro-startup">
-        <div class="allMWrp">
-<div class="mobile-screen-one p-left">
-    <div class="m-screen-comments">
-            <div class="single-author-li-comments">
-            <div class="a-intro-comments">
-               <p>As he was getting <strong>impatient</strong>, hopelessly I've <strong>switched back to the PhonePe app</strong> to search for support.</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-                  <div class="single-author-li-comments">
-            <div class="a-intro-comments">
-               <p>As he was getting <strong>impatient</strong>, hopelessly I've <strong>switched back to the PhonePe app</strong> to search for support.</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-        </div><!-- comments -->
-    <img src="../assets/images/m-screen-1.png" class="m-screen" /> 
-    <img src="../assets/images/top-user-demo.svg" class="user-photo-bottom" />
-    </div><!-- mobile screen one -->
-    <div class="mobile-screen-one p-right">
-    <div class="m-screen-right">
-            <div class="single-author-li-comments">
-            <div class="a-intro-comments">
-               <p>As he was getting <strong>impatient</strong>, hopelessly I've <strong>switched back to the PhonePe app</strong> to search for support.</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-                  <div class="single-author-li-comments">
-            <div class="a-intro-comments">
-               <p>As he was getting <strong>impatient</strong>, hopelessly I've <strong>switched back to the PhonePe app</strong> to search for support.</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-        </div><!-- comments -->
-    <img src="../assets/images/slide2.png" class="m-screen" /> 
-    <img src="../assets/images/user-easy-1.png" class="user-photo-bottom-r" />
-    </div><!-- mobile screen Two -->
-    </div>
-      <div class="footer-nav">
-        <div class="footer-top white-bg">
-            <div class="row">
-                <div class="col-8 col-sm-8 col-md-8 col-lg-8 ">
-                    <div class="row h-100p">
-                         <div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4">
-              <ul class="top-intro-bt">
-            <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
-             <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
-          </ul>
-          </div>
-           <div class="col-8 col-sm-8 col-md-8 col-lg-8 col-xl-8 bord-r">
-                <div class="ft-comments-group">
-                             <div class="c-with-photos">
-              <span class="count-comments">16+ Comments</span><!-- count commets -->
-              <ul class="comments-photos">
-                  <li><img src="../assets/images/c-photo-1.png" /></li>
-                  <li><img src="../assets/images/c-photo-2.png" /></li>
-                  <li><img src="../assets/images/c-photo-3.png" /></li>
-                  </ul><!-- comment photos -->
-                  </div>
-                  <div class="comments-detail all-c-space">
-                      <span>Saudrika commented <a href="#">View All</a></span>
-                      <p>I wonder what the difference between “Dunzo Assistant” and “Pickup and Drop...</p>
-                      </div><!-- comments detail -->
-                  
-              </div><!-- comments Group -->
-              </div></div>
-              </div>
-              <div class="col-4 col-sm-4 col-md-4 col-lg-4 ">
-                
-                  <div class="comment-frm no-c-frm">
-                        <div class="row">
-                            <div class="col-8 col-sm-8 col-md-8 col-lg-10 col-xl-10">
-                           <div class="form-group frm-wdth addfrm-spc">
-    <input type="text" class="form-control" placeholder="Kathy, Something on your mind?" id="">
-  </div></div>
-  <div class="col-2 col-sm-4 col-md-4 col-lg-4 col-xl-2">
-  <a href="#" class="add-comment"><img src="../assets/images/add-comment.svg" /> Comment</a>
-  </div>
-                          </div><!-- comment from -->
-                          </div> </div></div>
-          </div><!-- footer top -->
-        <div class="footer-bottom">
-          <ul>
-            <li class="active"></li>
-             <li></li>
-          </ul>
-          </div><!-- footer top -->
-        </div><!-- footer -->
-    
-    </div>
-      <!-- body wrapper -->
-    </div>
-    <!-- main wrapper -->
-  </main>
-</template>
-
-<script>
-import Vue from "vue";
-import router from "../router";
-
-export default {
-  name: "TwoScreenWithoutInsight",
-
-  data() {
-    return {};
-  },
-  mounted() {},
-  methods: {
-    goToLogin() {
-      this.$router.push("/");
-    },
-    goToSignUp() {
-      this.$router.push("/signup");
-    },
-    
-  },
-};
-</script>
diff --git a/src/components/TwoScreengrabWithComments.vue b/src/components/TwoScreengrabWithComments.vue
deleted file mode 100644
index 25600df..0000000
--- a/src/components/TwoScreengrabWithComments.vue
+++ /dev/null
@@ -1,139 +0,0 @@
-<template>
-  <main class="landing-page">
-   
-    <div class="container-fluid episode-intro">
-    <nav class="navbar navbar-expand-sm spotLight-nav">
-        <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="user-profile-photo insights-profile">
-          <a href="#"><img src="../assets/images/user.png"></a>
-        </div>
-      </nav>
-      <!-- menu wrapper -->
-    <div class="intro-startup">
-        <div class="allMWrp screenGrb-comments-wrp">
-<div class="mobile-screen-one p-left bc-transparent">
-    <div class="m-screen-comments comments-left-without-bc">
-            <div class="single-author-li-comments">
-            <div class="a-intro-comments">
-               <p>As he was getting <strong>impatient</strong>, hopelessly I've <strong>switched back to the PhonePe app</strong> to search for support.</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-                  <div class="single-author-li-comments">
-            <div class="a-intro-comments">
-               <p>As he was getting <strong>impatient</strong>, hopelessly I've <strong>switched back to the PhonePe app</strong> to search for support.</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-        </div><!-- comments -->
-    <img src="../assets/images/comment-grab.png" class="m-screen spc-grbscreen1" /> 
-    <img src="../assets/images/top-user-demo.svg" class="user-photo-bottom" />
-    </div><!-- mobile screen one -->
-    <div class="mobile-screen-one p-right bc-transparent">
-    <div class="view-ticket-wrp-ps comments-right-without-bc">
-            <div class="single-author-li-comments ">
-            <div class="a-intro-comments custom-selected-style">
-              <img src="../assets/images/rect.svg" class="rect" />
-              <div class="top-wrp">
-              Design Insight <a href="#"><img src="../assets/images/link-red.svg" /></a>
-              </div>
-              <div class="top-head">Jakob’s law</div>
-               <p>By leveraging existing mental models, we can create superior user experiences in which the user can focus on their task rather than learning new models.</p>
-<div class="footer">
-  <a href="#" class="cit-16">16 Citations</a>
-  <a href="#" class="ft-share"><img src="../assets/images/reply-red.svg" /> Share from library</a>
-  </div><!-- footer -->
-            
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-        </div><!-- comments -->
-    <img src="../assets/images/grab2.png" class="m-screen" /> 
-   
-    </div><!-- mobile screen Two -->
-    </div>
-        <div class="footer-nav">
-        <div class="footer-top white-bg">
-            <div class="row">
-                <div class="col-6 col-sm-7 col-md-7 col-lg-6 ">
-                    <div class="row h-100p">
-                         <div class="col-4 col-sm-5 col-md-4 col-lg-4 col-xl-4">
-              <ul class="top-intro-bt">
-            <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
-             <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
-          </ul>
-          </div>
-           <div class="col-8 col-sm-7 col-md-5 col-lg-8 col-xl-8 bord-r">
-          <div class="ft-comments-group no-comment-count">
-              <div class="row">
-                
-                     <div class="col-12">
-                         <img src="../assets/images/u-comments.svg" class="no-comments-img" />
-                  <div class="comments-detail">
-                      <span class="no-c-yet">No comments yet</span>
-                      <p>Be the first one to post a comment to start a discussion</p>
-                      </div><!-- comments detail -->
-                    </div> </div>
-              </div><!-- comments Group -->
-              </div></div>
-              </div>
-              <div class="col-6 col-sm-5 col-md-6 col-lg-6 ">
-                
-                  <div class="comment-frm no-c-frm">
-                        <div class="row">
-                            <div class="col-8 col-sm-8 col-md-8 col-lg-10 col-xl-10">
-                           <div class="form-group frm-wdth">
-    <input type="text" class="form-control" placeholder="Kathy, Something on your mind?" id="">
-  </div></div>
-  <div class="col-2 col-sm-4 col-md-4 col-lg-4 col-xl-2">
-  <a href="#" class="add-comment"><img src="../assets/images/add-comment.svg" /> Comment</a>
-  </div>
-                          </div><!-- comment from -->
-                          </div> </div></div>
-          </div><!-- footer top -->
-        <div class="footer-bottom">
-          <ul>
-            <li class="active"></li>
-             <li></li>
-          </ul>
-          </div><!-- footer top -->
-        </div><!-- footer -->
-    </div>
-      <!-- body wrapper -->
-    </div>
-    <!-- main wrapper -->
-  </main>
-</template>
-
-<script>
-import Vue from "vue";
-import router from "../router";
-
-export default {
-  name: "TwoScreengrabWithComments",
-
-  data() {
-    return {};
-  },
-  mounted() {},
-  methods: {
-    goToLogin() {
-      this.$router.push("/");
-    },
-    goToSignUp() {
-      this.$router.push("/signup");
-    },
-    
-  },
-};
-</script>
diff --git a/src/components/TwoScreensWithTwoAuthor.vue b/src/components/TwoScreensWithTwoAuthor.vue
deleted file mode 100644
index e28e340..0000000
--- a/src/components/TwoScreensWithTwoAuthor.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<template>
-  <main class="landing-page">
-   
-    <div class="container-fluid episode-intro">
-    <nav class="navbar navbar-expand-sm spotLight-nav">
-        <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="user-profile-photo insights-profile">
-          <a href="#"><img src="../assets/images/user.png"></a>
-        </div>
-      </nav>
-      <!-- menu wrapper -->
-    <div class="intro-startup">
-        <div class="allMWrp">
-<div class="mobile-screen-one p-left">
-    <div class="m-screen-comments">
-            <div class="single-author-li-comments">
-            <div class="a-intro-comments">
-                 <img src="../assets/images/user.png" class="user-b-1" />
-               <p>As he was getting <strong>impatient</strong>, hopelessly I've <strong>switched back to the PhonePe app</strong> to search for support.</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-                  <div class="single-author-li-comments">
-            <div class="a-intro-comments">
-                   <img src="../assets/images/user.png" class="user-b-1" />
-               <p>As he was getting <strong>impatient</strong>, hopelessly I've <strong>switched back to the PhonePe app</strong> to search for support.</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-        </div><!-- comments -->
-    <img src="../assets/images/help-screen.png" class="m-screen" /> 
-    <img src="../assets/images/top-user-demo.svg" class="user-photo-bottom" />
-    </div><!-- mobile screen one -->
-    <div class="mobile-screen-one p-right">
-        <div class="help-view-ticket-right">
-        <div class="single-author-li-comments ">
-            <div class="a-intro-comments cust-user2-style">
-                 <img src="../assets/images/user-2-set.svg" class="user-t-2" />
-               <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-             <div class="single-author-li-comments">
-            <div class="a-intro-comments cust-user2-style">
-                   <img src="../assets/images/user-2-set.svg" class="user-t-2" />
-               <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-            </div>
-    <img src="../assets/images/slide2.png" class="m-screen" /> 
-   
-    </div><!-- mobile screen Two -->
-    </div>
-      <div class="footer-nav">
-        <div class="footer-top white-bg">
-            <div class="row">
-                <div class="col-8 col-sm-8 col-md-8 col-lg-8 ">
-                    <div class="row h-100p">
-                         <div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4">
-              <ul class="top-intro-bt">
-            <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
-             <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
-          </ul>
-          </div>
-           <div class="col-8 col-sm-8 col-md-8 col-lg-8 col-xl-8 bord-r">
-                <div class="ft-comments-group">
-                             <div class="c-with-photos">
-              <span class="count-comments">16+ Comments</span><!-- count commets -->
-              <ul class="comments-photos">
-                  <li><img src="../assets/images/c-photo-1.png" /></li>
-                  <li><img src="../assets/images/c-photo-2.png" /></li>
-                  <li><img src="../assets/images/c-photo-3.png" /></li>
-                  </ul><!-- comment photos -->
-                  </div>
-                  <div class="comments-detail all-c-space">
-                      <span>Saudrika commented <a href="#">View All</a></span>
-                      <p>I wonder what the difference between “Dunzo Assistant” and “Pickup and Drop...</p>
-                      </div><!-- comments detail -->
-                  
-              </div><!-- comments Group -->
-              </div></div>
-              </div>
-              <div class="col-4 col-sm-4 col-md-4 col-lg-4 ">
-                
-                  <div class="comment-frm no-c-frm">
-                        <div class="row">
-                            <div class="col-8 col-sm-8 col-md-8 col-lg-10 col-xl-10">
-                           <div class="form-group frm-wdth addfrm-spc">
-    <input type="text" class="form-control" placeholder="Kathy, Something on your mind?" id="">
-  </div></div>
-  <div class="col-2 col-sm-4 col-md-4 col-lg-4 col-xl-2">
-  <a href="#" class="add-comment"><img src="../assets/images/add-comment.svg" /> Comment</a>
-  </div>
-                          </div><!-- comment from -->
-                          </div> </div></div>
-          </div><!-- footer top -->
-        <div class="footer-bottom">
-          <ul>
-            <li class="active"></li>
-             <li></li>
-          </ul>
-          </div><!-- footer top -->
-        </div><!-- footer -->
-    
-    </div>
-      <!-- body wrapper -->
-    </div>
-    <!-- main wrapper -->
-  </main>
-</template>
-
-<script>
-import Vue from "vue";
-import router from "../router";
-
-export default {
-  name: "TwoScreensWithTwoAuthor",
-
-  data() {
-    return {};
-  },
-  mounted() {},
-  methods: {
-    goToLogin() {
-      this.$router.push("/");
-    },
-    goToSignUp() {
-      this.$router.push("/signup");
-    },
-    
-  },
-};
-</script>
diff --git a/src/components/TwoWebScreenWithInsight.vue b/src/components/TwoWebScreenWithInsight.vue
deleted file mode 100644
index 0b10c65..0000000
--- a/src/components/TwoWebScreenWithInsight.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<template>
-  <main class="landing-page">
-   
-    <div class="container-fluid episode-intro">
-    <nav class="navbar navbar-expand-sm spotLight-nav">
-        <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="user-profile-photo insights-profile">
-          <a href="#"><img src="../assets/images/user.png"></a>
-        </div>
-      </nav>
-      <!-- menu wrapper -->
-    <div class="intro-startup">
-     <div class="two-webscreen-insight">
-    <div class="mobile-screen-one p-left bc-transparent">
-    <div class="m-screen-comments two-webs-l-spc">
-            <div class="single-author-li-comments">
-            <div class="a-intro-comments">
-               <p>As he was getting <strong>impatient</strong>, hopelessly I've <strong>switched back to the PhonePe app</strong> to search for support.</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-                  <div class="single-author-li-comments">
-            <div class="a-intro-comments">
-               <p>As he was getting <strong>impatient</strong>, hopelessly I've <strong>switched back to the PhonePe app</strong> to search for support.</p>
-               <ul class="rly-comment-set">
-                   <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
-                      <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
-               </ul>
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-        </div><!-- comments -->
-
-    <img src="../assets/images/top-user-demo.svg" class="two-screen-user-photo-bottom" />
-    </div><!-- mobile screen one -->
-     <div class="two-webscreen-r-insight">
-           <div class="view-ticket-wrp-ps comments-right-without-bc">
-            <div class="single-author-li-comments ">
-            <div class="a-intro-comments custom-selected-style">
-              <img src="../assets/images/rect.svg" class="rect" />
-              <div class="top-wrp">
-              Design Insight <a href="#"><img src="../assets/images/link-red.svg" /></a>
-              </div>
-              <div class="top-head">Jakob’s law</div>
-               <p>By leveraging existing mental models, we can create superior user experiences in which the user can focus on their task rather than learning new models.</p>
-<div class="footer">
-  <a href="#" class="cit-16">16 Citations</a>
-  <a href="#" class="ft-share"><img src="../assets/images/reply-red.svg" /> Share from library</a>
-  </div><!-- footer -->
-            
-                </div><!-- comments box -->
-            </div><!-- single author comments -->
-        </div><!-- comments -->
-         </div><!-- single mobile Right insight  -->
-        </div><!-- Single Mobile Insight -->
-         <div class="footer-nav">
-        <div class="footer-top white-bg">
-            <div class="row">
-                <div class="col-8 col-sm-8 col-md-8 col-lg-8 ">
-                    <div class="row h-100p">
-                         <div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4">
-              <ul class="top-intro-bt">
-            <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
-             <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
-          </ul>
-          </div>
-           <div class="col-8 col-sm-8 col-md-8 col-lg-8 col-xl-8 bord-r">
-                <div class="ft-comments-group">
-                             <div class="c-with-photos">
-              <span class="count-comments">16+ Comments</span><!-- count commets -->
-              <ul class="comments-photos">
-                  <li><img src="../assets/images/c-photo-1.png" /></li>
-                  <li><img src="../assets/images/c-photo-2.png" /></li>
-                  <li><img src="../assets/images/c-photo-3.png" /></li>
-                  </ul><!-- comment photos -->
-                  </div>
-                  <div class="comments-detail all-c-space">
-                      <span>Saudrika commented <a href="#">View All</a></span>
-                      <p>I wonder what the difference between “Dunzo Assistant” and “Pickup and Drop...</p>
-                      </div><!-- comments detail -->
-                  
-              </div><!-- comments Group -->
-              </div></div>
-              </div>
-              <div class="col-4 col-sm-4 col-md-4 col-lg-4 ">
-                
-                  <div class="comment-frm no-c-frm">
-                        <div class="row">
-                            <div class="col-8 col-sm-8 col-md-8 col-lg-10 col-xl-10">
-                           <div class="form-group frm-wdth addfrm-spc">
-    <input type="text" class="form-control" placeholder="Kathy, Something on your mind?" id="">
-  </div></div>
-  <div class="col-2 col-sm-4 col-md-4 col-lg-4 col-xl-2">
-  <a href="#" class="add-comment"><img src="../assets/images/add-comment.svg" /> Comment</a>
-  </div>
-                          </div><!-- comment from -->
-                          </div> </div></div>
-          </div><!-- footer top -->
-        <div class="footer-bottom">
-          <ul>
-            <li class="active"></li>
-             <li></li>
-          </ul>
-          </div><!-- footer top -->
-        </div><!-- footer -->
-    
-    </div>
-      <!-- body wrapper -->
-    </div>
-    <!-- main wrapper -->
-  </main>
-</template>
-
-<script>
-import Vue from "vue";
-import router from "../router";
-
-export default {
-  name: "TwoWebScreenWithInsight",
-
-  data() {
-    return {};
-  },
-  mounted() {},
-  methods: {
-    goToLogin() {
-      this.$router.push("/");
-    },
-    goToSignUp() {
-      this.$router.push("/signup");
-    },
-    
-  },
-};
-</script>
diff --git a/src/components/outro.vue b/src/components/outro.vue
deleted file mode 100644
index 10c34bc..0000000
--- a/src/components/outro.vue
+++ /dev/null
@@ -1,160 +0,0 @@
-<template>
-  <main class="landing-page">
-       <div class="container-fluid episode-intro">
-    <nav class="navbar navbar-expand-sm spotLight-nav">
-        <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-          <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="user-profile-photo insights-profile">
-          <a href="#"><img src="../assets/images/user.png"></a>
-        </div>
-      </nav>
-      <!-- menu wrapper -->
-    <div class="intro-startup">
-<div class="thanks-wrapper">
-    <div class="thanks-l-wrp">
-      
-        <div class="thanks-pay-wrp">
-              <img src="../assets/images/thanks.svg" class="thanks-img" />
-            <div class="blacktext-wrp">
-                CHeck out other case studies here <img src="../assets/images/arrow-bottom.svg" />
-            </div>
-            <ul class="">
-                <li>
-                    <a href="#">
-                        <img src="../assets/images/phone-p.svg" />
-                    <span><img src="../assets/images/p-eye.svg" /> 19.4k Views</span>
-                    </a>
-                    </li>
-                       <li class="payments-spc-57">
-                    <a href="#">
-                        <img src="../assets/images/g-pay.svg" />
-                    <span><img src="../assets/images/p-eye.svg" /> 19.4k Views</span>
-                    </a>
-                    </li>
-                       <li>
-                    <a href="#">
-                        <img src="../assets/images/bb.svg" />
-                    <span><img src="../assets/images/p-eye.svg" /> 19.4k Views</span>
-                    </a>
-                    </li>
-                     
-                </ul><!-- payments options -->
-                   <ul class="">
-              
-                       <li>
-                    <a href="#">
-                        <img src="../assets/images/payment.svg" />
-                    <span><img src="../assets/images/p-eye.svg" /> 19.4k Views</span>
-                    </a>
-                    </li>
-                       <li class="payments-spc-57">
-                    <a href="#">
-                        <img src="../assets/images/uc.svg" />
-                    <span><img src="../assets/images/p-eye.svg" /> 19.4k Views</span>
-                    </a>
-                    </li>
-                </ul><!-- payments options -->
-            </div><!-- thanks pay wrp -->
-             <img src="../assets/images/spot-light-bt.svg" class="payment-spot-light-bt" />
-        </div><!-- thanks left wrp -->
-    <div class="thanks-r-section">
-          <div class="logo-common-wrp">
-            <a href="#"><img src="../assets/images/ps-growth.svg" />
-            <span>Product Growth</span> 
-            </a>
-            </div><!-- logo wrp -->
-            <div class="clearfix"></div>
-            <p>Don’t forget to <strong> join the discussion </strong> by scrolling back and adding your comments!</p>
-                <div class="clearfix"></div>
-            <a href="#" class="back-bt">
-                <span class="s1"></span>
-                 <span class="s2"></span>
-                   <span class="s3"></span>
-                 <span class="s4"></span>
-                <img src="../assets/images/refresh.svg" /> Back to home
-                
-                </a>
-                <ul class="rating-section">
-                    <li>
-                        <p>Excited to <strong> create case studies</strong> or help build Product Growth?</p> <a href="#" class="publish">Publish</a>
-                    </li>
-                      <li>
-                        <p class="wdth">How would you rate this case study?</p> 
-                        <span class="rating-list">
-                            <a href="#"><img src="../assets/images/f-review.svg" /></a>
-                            <a href="#"><img src="../assets/images/f-review.svg" /></a>
-                            <a href="#"><img src="../assets/images/f-review.svg" /></a>
-                            <a href="#"><img src="../assets/images/e-review.svg" /></a>
-                        </span>
-                    </li>
-                </ul>
-                <div class="follow-us-py">
-                    <span>Follow us at</span>
-                    <ul class="p-follows">
-                        <li><a href="#">
-                            <img src="../assets/images/p-rss.svg" />
-                            </a></li>
-                              <li><a href="#">
-                            <img src="../assets/images/p-linkedin.svg" />
-                            </a></li>
-                              <li><a href="#">
-                            <img src="../assets/images/p-twitter.svg" />
-                            </a></li>
-                    </ul>
-                    </div><!-- follow us -->
-                    <div class="p-users">
-                        <span>Author</span><h1>Vamsi</h1>
-                         <span>Author</span><h1>Pramod</h1>
-                          <span>Author</span><h1>Sarthak</h1>
-                            <span>Designer</span><h1>Akhilesh</h1>
-                            <span>Illustrations</span><h1>Ram</h1>
-                        </div><!-- users -->
-        </div><!-- thanks payment right section -->
-    </div><!--- thanks wrapper -->
-      <div class="footer-nav">
-        <div class="footer-top">
-              <ul class="top-intro-bt">
-            <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
-          </ul>
-          </div><!-- footer top -->
-        <div class="footer-bottom">
-          <ul>
-            <li class="active"></li>
-             <li class="active"></li>
-          </ul>
-          </div><!-- footer top -->
-        </div><!-- footer -->
-    
-    </div>
-      <!-- body wrapper -->
-    </div>
-    <!-- main wrapper -->
-  </main>
-</template>
-
-<script>
-import Vue from "vue";
-import router from "../router";
-
-export default {
-  name: "Outro",
-
-  data() {
-    return {};
-  },
-  mounted() {},
-  methods: {
-    goToLogin() {
-      this.$router.push("/");
-    },
-    goToSignUp() {
-      this.$router.push("/signup");
-    },
-    
-  },
-};
-</script>
diff --git a/src/components/welcome.vue b/src/components/welcome.vue
deleted file mode 100644
index 0a6dcf0..0000000
--- a/src/components/welcome.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<template>
-  <div class="component-card-section text-center full-height">
-    <div class="row h-100 mr-0 ml-0">
-      <div class="col-sm-12 my-auto welcome-content">
-        <h3 class="mb-4">Welcome to Gigs For Me</h3>
-        <p class="mb-5">
-          Before we recommend the right gigs,
-          <br />we need some information
-        </p>
-        <router-link class="yellow-btn btn-large" to="/profileWizard">
-          Get Started
-          <!-- <img src="@/assets/img/onboarding/arrow.svg" width="20" /> -->
-        </router-link>
-      </div>
-    </div>
-  </div>
-</template>
diff --git a/src/router/index.js b/src/router/index.js
index 36f1229..78f3f50 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -2,38 +2,8 @@ import Vue from 'vue'
 import Router from 'vue-router'
 import { authGuard } from "../auth/authGuard"
 import LandingPage from '@/components/LandingPage'
-import SignUp from '@/components/SignUp'
-import Reset from '@/components/Reset'
 import Profile from '@/components/Profile'
-import welcome from '@/components/welcome'
-import Intermediate from '@/components/Intermediate'
-import Insight from '@/components/Insight'
-import ProductInsight from '@/components/ProductInsight'
-import EpisodeIntro from '@/components/EpisodeIntro'
-import AuthorIntro from '@/components/AuthorIntro'
-import AuthorReadingNow from '@/components/AuthorReadingNow'
-import SingleAuthor from '@/components/SingleAuthor'
-import Outro from '@/components/Outro'
-import SingleMobileInsight from '@/components/SingleMobileInsight'
-import TwoScreenWithoutInsight from '@/components/TwoScreenWithoutInsight'
-import SingleMobileScreenInsightOne from '@/components/SingleMobileScreenInsightOne'
-import SingleWebScreenInsightOne from '@/components/SingleWebScreenInsightOne'
-import SingleScreengrabOneInsight from '@/components/SingleScreengrabOneInsight'
-import TwoScreenWithInsight from '@/components/TwoScreenWithInsight'
-import TwoScreengrabWithComments from '@/components/TwoScreengrabWithComments'
-import TwoWebScreenWithInsight from '@/components/TwoWebScreenWithInsight'
-import NoScreenshotSingleAuthor from '@/components/NoScreenshotSingleAuthor'
-import TwoAuthor from '@/components/TwoAuthor'
-import TwoAuthorDesktop from '@/components/TwoAuthorDesktop'
-import TwoAuthorReadingNow from '@/components/TwoAuthorReadingNow'
-import SingleMobileScreenChatComments from '@/components/SingleMobileScreenChatComments'
-import TwoScreensWithTwoAuthor from '@/components/TwoScreensWithTwoAuthor'
-import NoScreenshotTwoAuthor from '@/components/NoScreenshotTwoAuthor'
-import ToAddYourComment from '@/components/ToAddYourComment'
-import ReadingFlowBounceBoard from '@/components/ReadingFlowBounceBoard'
-import ReadingFlowBounceBoard_chat from '@/components/ReadingFlowBounceBoard_chat'
-import Otp from '@/components/Otp'
-import ChangePassword from '@/components/ChangePassword'
+
 
 import router from '../router'
 Vue.use(Router)
@@ -53,161 +23,11 @@ export default new Router({
             // }
         },
         {
-            path: '/signup',
-            name: 'SignUp',
-            component: SignUp,
-        },
-        {
-            path: '/intermediate',
-            name: 'Intermediate',
-            component: Intermediate
-        },
-        {
-            path: '/reset',
-            name: 'Reset',
-            component: Reset,
-        },
-        {
             path: '/profile',
             name: 'Profile',
             component: Profile,
         },
-        {
-            path: '/insight',
-            name: 'Insight',
-            component: Insight,
-        },
-        {
-            path: '/product-insight',
-            name: 'ProductInsight',
-            component: ProductInsight,
-        },
-        {
-            path: '/episode-intro',
-            name: 'EpisodeIntro',
-            component: EpisodeIntro,
-        },
-        ,
-        {
-            path: '/author-intro',
-            name: 'AuthorIntro',
-            component: AuthorIntro,
-        },
-        {
-            path: '/author-reading-now',
-            name: 'AuthorReadingNow',
-            component: AuthorReadingNow,
-        },
-        {
-            path: '/single-author',
-            name: 'SingleAuthor',
-            component: SingleAuthor,
-        },
-        {
-            path: '/outro',
-            name: 'Outro',
-            component: Outro,
-        },
-        {
-            path: '/single-mobile-insight',
-            name: 'SingleMobileInsight',
-            component: SingleMobileInsight,
-        },
-        {
-            path: '/two-screen-without-insight',
-            name: 'TwoScreenWithoutInsight',
-            component: TwoScreenWithoutInsight,
-        },
-        {
-            path: '/single-m-screen-insight-one',
-            name: 'SingleMobileScreenInsightOne',
-            component: SingleMobileScreenInsightOne,
-        },
-        {
-            path: '/single-web-screen-insight-one',
-            name: 'SingleWebScreenInsightOne',
-            component: SingleWebScreenInsightOne,
-        },
-        {
-            path: '/single-screengrab-one-insight',
-            name: 'SingleScreengrabOneInsight',
-            component: SingleScreengrabOneInsight,
-        },
-        {
-            path: '/two-screen-with-insight',
-            name: 'TwoScreenWithInsight',
-            component: TwoScreenWithInsight,
-        },
-        {
-            path: '/two-screengrab-with-comments',
-            name: 'TwoScreengrabWithComments',
-            component: TwoScreengrabWithComments,
-        },
-        {
-            path: '/two-webscreen-with-insight',
-            name: 'TwoWebScreenWithInsight',
-            component: TwoWebScreenWithInsight,
-        },
-        {
-            path: '/noscreenshot-single-author',
-            name: 'NoScreenshotSingleAuthor',
-            component: NoScreenshotSingleAuthor,
-        },
-        {
-            path: '/two-author-intro',
-            name: 'TwoAuthor',
-            component: TwoAuthor,
-        },
-        {
-            path: '/two-author-desktop',
-            name: 'TwoAuthorDesktop',
-            component: TwoAuthorDesktop,
-        },
-        {
-            path: '/two-author-reading-now',
-            name: 'TwoAuthorReadingNow',
-            component: TwoAuthorReadingNow,
-        },
-        {
-            path: '/single-mobile-screen-chat-comments',
-            name: 'SingleMobileScreenChatComments',
-            component: SingleMobileScreenChatComments,
-        },
-        {
-            path: '/two-screen-with-two-author',
-            name: 'TwoScreensWithTwoAuthor',
-            component: TwoScreensWithTwoAuthor,
-        },
-        {
-            path: '/no-screenshot-two-author',
-            name: 'NoScreenshotTwoAuthor',
-            component: NoScreenshotTwoAuthor,
-        },
-        {
-            path: '/to-add-your-comment',
-            name: 'ToAddYourComment',
-            component: ToAddYourComment,
-        },
-        {
-            path: '/reading-flow-bounce-board',
-            name: 'ReadingFlowBounceBoard',
-            component: ReadingFlowBounceBoard,
-        },
-        {
-            path: '/reading-flow-bounce-board-chat',
-            name: 'ReadingFlowBounceBoard_chat',
-            component: ReadingFlowBounceBoard_chat,
-        },            
-        {
-            path: '/otp/:flag',
-            name: 'Otp',
-            component: Otp,
-        },               
-        {
-            path: '/changepassword',
-            name: 'ChangePassword',
-            component: ChangePassword,
-        }               
+                   
         
         
         
-- 
2.0.0