<template>
  <Container class="welcome flex mobile:flex-col">
    <Info class="mr-160 laptop:mr-72 mobile:mr-0" />
    <Results client:visible class="mr-64 laptop:mr-0 mr-55 ml-25 tablet:mr-0 mobile: grid-cols-[1fr 1fr] mobile:m-0 relative z-[1] grid w-full max-w-[312px] shrink-0 grid-cols-[100%] gap-y-20 mobile:max-w-full mobile:gap-32" />
  </Container>
</template>

<script lang="ts">
import { defineComponent } from 'vue';

import Container from '@/components/ui/Container.vue';
import Info from '@/components/pages/index/Welcome/Info.vue';
import Results from '@/components/pages/index/Welcome/Results.vue';

export default defineComponent({
  name: 'Welcome',

  components: {
    Container,
    Info,
    Results
  }
});
</script>
