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