<template>
  <main class="index-page bg-gray-100">
    <div class="overflow-hidden">
      <Welcome class="mt-180 tablet:mt-160 mobile:mt-128" />
      <Grid class="mt-160 mobile:mt-128" />
    </div>
    <div class="overflow-hidden">
      <Featured client:visible class="mt-160 mobile:mt-128" />
    </div>
  </main>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import Welcome from '@/components/pages/index/Welcome/Welcome.vue';
import Grid from '@/components/pages/index/Grid/Grid.vue';
import Featured from '@/components/pages/index/Featured/Featured.vue';

export default defineComponent({
  components: {
    Welcome,
    Grid,
    Featured,
  }
});
</script>
