<template>
  <div class="container mx-auto p-4 min-h-screen md:flex">
    <div class="flex-none w-full md:max-w-xs p-2">
      <div class="bg-white shadow-lg rounded-lg overflow-hidden mb-4">
        <contact-card></contact-card>
      </div>
      <div class="bg-white shadow-lg rounded-lg overflow-hidden">
        <profile-list></profile-list>
      </div>
    </div>
    <div class="flex-1 p-2">
      <div class="bg-white shadow-lg rounded-lg overflow-hidden mb-4">
        <project-list></project-list>
      </div>
    </div>

  </div>
</template>

<script>
import ContactCard from '~/components/ContactCard'
import ProfileList from '~/components/ProfileList'
import ProjectList from '~/components/ProjectList'

export default {
  head: {
    title: 'Welcome',
    meta: [{ hid: 'description', name: 'description', content: 'Welcome' }]
  },

  components:{
    ContactCard,
    ProfileList,
    ProjectList
  },
  data(){
    return {

    }
  }
}
</script>

