<template>
  <div>
    <navbar :className="navclass" :isLogoLight="true" />
    <hero-1 />
    <howitwork />
    <features-1 />
    <features-2 />
    <counter />
    <app-screen />
    <testimonial />
    <pricing />
    <faqs />
    <cta />
    <contact />
    <Footer1 />
    <back-to-top />
    <login />
    <signup />
  </div>
</template>

<script lang="ts">
import AppScreen from "../components/app-screen.vue";
import BackToTop from "../components/Back-to-top.vue";
import Contact from "../components/contact.vue";
import Counter from "../components/counter.vue";
import Cta from "../components/cta.vue";
import Faqs from "../components/faqs.vue";
import Features1 from "../components/features-1.vue";
import Features2 from "../components/features-2.vue";
import Footer1 from "../components/Footer-1.vue";
import Hero1 from "../components/heros/hero-1.vue";
import Howitwork from "../components/how-it-work.vue";
import navbar from "../components/navbar.vue";
import Pricing from "../components/pricing.vue";
import Testimonial from "../components/testimonial.vue";
import Login from "./login.vue";
import Signup from "./signup.vue";
export default {
  name:'index1',
  components: {
    navbar,
    Howitwork,
    Features1,
    Features2,
    Counter,
    AppScreen,
    Testimonial,
    Pricing,
    Faqs,
    Cta,
    Contact,
    Footer1,
    BackToTop,
    Login,
    Signup,
    Hero1
  },
  data(){
    return{
      navclass:'navbar-light',
    }
      
  }
};
</script>

<style scoped></style>
