<template>
  <single-column-layout>
    <!-- Catcher -->

    <WelcomeHeader></WelcomeHeader>

    <!-- OurTeam -->

    <OurTeam></OurTeam> 

    <!-- Logos -->

    <WelcomeLogoCloud></WelcomeLogoCloud>

    <!-- Blog -->

    <WelcomeBlog></WelcomeBlog>

    <!-- Help Center FAQ Forum -->

    <WelcomeHelpCenterBanner></WelcomeHelpCenterBanner>

    <!-- Support -->

    <WelcomeSupport></WelcomeSupport>
  </single-column-layout>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import WelcomeHeader from '../components/welcome/WelcomeHeader.vue';
import WelcomeBlog from '../components/welcome/WelcomeBlog.vue';
import WelcomeHelpCenterBanner from '../components/welcome/WelcomeHelpCenterBanner.vue';
import WelcomeSupport from '../components/welcome/WelcomeSupport.vue';
import WelcomeLogoCloud from '../components/welcome/WelcomeLogoCloud.vue';
import OurTeam from '../components/welcome/OurTeam.vue';

export default defineComponent({
  components: {
    OurTeam,
    WelcomeLogoCloud,
    WelcomeSupport,
    WelcomeHelpCenterBanner,
    WelcomeBlog,
    WelcomeHeader,
  },
  setup() {
    return {};
  },
});
</script>