<template lang="pug">
.landing(data-scroll-container)
  section(data-scroll-section)
    .wrapper(data-scroll)
</template>

<script>
import PageMixin from '@/mixins/PageMixin.js'

export default {
  mixins: [PageMixin],
  mounted() {
    this.element = this.$el

    this.$nextTick(() => {
      setTimeout(() => this.createScroll(), 300)
    })
  }
}
</script>

<style lang="scss">
.landing {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1;
}
</style>
