<template>
	<div class="hero anim-parallax-hero-container">
		<div class="bg anim-parallax-hero"></div>
		<div class="txt anim-parallax-hero-txt">
			<div class="container">
				<div class="row align-items-center">
					<h2 class="col">{{title}}</h2>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
   import {parallaxAnimation_hero} from '~/mixins/animations'

   export default {
      props: {
         title: {
            required: true,
            type: String
         }
      },
      mixins: [parallaxAnimation_hero]
   }
</script>

