From 75990a4d960a90d2bb2448246fcc069c061e5377 Mon Sep 17 00:00:00 2001
From: Gurvinder Singh <Gurvinder@cityinfomart.com>
Date: Thu, 3 Dec 2020 12:45:54 +0530
Subject: [PATCH] insight added

---
 src/components/Insight.vue | 131 +++++++++++++++++++++++++++++++++++++++++++++
 src/router/index.js        |   6 +++
 2 files changed, 137 insertions(+)
 create mode 100644 src/components/Insight.vue

diff --git a/src/components/Insight.vue b/src/components/Insight.vue
new file mode 100644
index 0000000..4c68c67
--- /dev/null
+++ b/src/components/Insight.vue
@@ -0,0 +1,131 @@
+<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"
+                  required
+                  autofocus
+                />
+
+                <button class="btn btn-lg sb-button" type="submit">
+                  <img src="../assets/images/key.svg" /> Reset Password
+                </button>
+
+                <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";
+
+export default {
+  name: "Insight",
+
+  data() {
+    return {};
+  },
+  mounted() {},
+  methods: {
+    goToLogin() {
+      this.$router.push("/");
+    },
+    goToSignUp() {
+      this.$router.push("/signup");
+    },
+    
+  },
+};
+</script>
diff --git a/src/router/index.js b/src/router/index.js
index 0e94a09..99dad09 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -7,6 +7,7 @@ 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 router from '../router'
 Vue.use(Router)
@@ -44,6 +45,11 @@ export default new Router({
             path: '/profile',
             name: 'Profile',
             component: Profile,
+        },
+        {
+            path: '/insight',
+            name: 'Insight',
+            component: Insight,
         }
         
     ],
-- 
2.0.0