<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>
