<script lang="ts" setup>

</script>

<template>
  <div
      :style="{ backgroundImage: `url('/img/index/3d_bg.png')` ,    }"
      class="bg-cover bg-no-repeat bg-center w-full ">

    <Motion
        :in-view-options="{ once: true }"
        :initial="{ opacity: 0 ,transform: 'translateX(40px)'}"
        :transition="{   duration: 0.6,delay: 0.1}"
        :while-in-view="{ opacity: 1,transform: 'translateX(0px)' }"
    >
      <TitleSection
          subtitle="3D INTELLIGENT APIARY"
          title="3D智慧蜂场"
      />
    </Motion>
    <img alt="" class="w-full  lg:px-40 " src="/img/index/model2.b444287.gif">
  </div>

</template>
