<template>
    <div class="fullpage-container">

      <section-view :css-style="{'background-color':'#fff'}">
        <div class="Details-conten-img">
          <img v-lazy="assetsUri('images/ContactUs/Details.png')" alt="">
          <div class="Details-text">
            <p>Thank you for submitting</p>
            <p>the information.</p>
            <p>We will contact you as soon as possible.</p>
          </div>
        </div>

      </section-view>
    </div>
</template>
<script>
  import animateMixin from '../../utils/animateMixin'
  import SectionView from "../../components/SectionView/index";
  import {assetsUri} from '~/utils/index.js'
  export default {
  name: 'IndexPage',
  layout:'index',
  components:{
SectionView
  },
    mixins:[animateMixin],
  head() {
    return {
      title: this.title,
      meta: [
        {
          hid: 'description',
          name: 'description',
          content: 'My custom description'
        }
      ]
    }
  },
  async asyncData(data) {
    const { params, $http }=data;
    // const post = await $http.$get(`https://api.nuxtjs.dev/posts/${params.id}`)
    return { post:'121' }
  },
  data() {
    return {
      assetsUri,
      title:'LightLimX',

      opts: {

      }
    }
  }
}
</script>

<style  scoped lang="less">
  .Details-conten-img{
    margin-top: 0.96rem;
    padding-top: 2rem;
    img{
      display: block;
      width: 20%;
      margin: 0 auto;
    }
    .Details-text{
      margin-top: .6rem;
      p{
        font-size: 0.28rem;
        font-family: Manrope;
        font-weight: bold;
        line-height: 0.5rem;
        color: #302D2C;
        opacity: 1;
        text-align: center;
      }

    }
  }


@media screen and (max-width: 768px){
    .section-view{
          min-height: 0vh;
    }
  .Details-conten-img{
    margin-top: 0.96rem;
    padding-top: 2rem;
    padding-bottom: 3rem;
    img{
      display: block;
      width: 30%;
      margin: 0 auto;
    }
    .Details-text{
      margin-top: .6rem;
      p{
        font-size: 0.28rem;
        font-family: Manrope;
        font-weight: bold;
        line-height: 0.5rem;
        color: #302D2C;
        opacity: 1;
        text-align: center;
      }

    }
  }



}

</style>
