<template>
    <main class="landing-page">

     <div class="container-fluid insights-wrp">

        <nav class="navbar navbar-expand-sm spotLight-nav">

          <a class="navbar-brand" href="javascript:void(0);"><img src="../assets/images/logo.png" /></a>

          <div class="user-profile-photo insights-profile">

            <a href="javascript:void(0);"><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="javascript:void(0);"><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="javascript:void(0);"><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="javascript:void(0);"><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="javascript:void(0);"><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="javascript:void(0);"><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="javascript:void(0);"><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="javascript:void(0);"><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("/login");

      },
      goToSignUp() {

        this.$router.push("/");

      },
      
    },
  };
  </script>