<template>
  <div class="container mx-auto">
    <div class="grid grid-cols-1 items-center md:grid-cols-2">
      <div class="px-6">
        <h1 class="text-black text-4xl font-semibold md:text-5xl mb-5 leading-tight">
          Welcome To My Blog Site
        </h1>
        <p>
          Get Web Development, Javascript, Typescript, NodeJs, Vue and Nuxt, Related Articles, Tips,
          Learning resource and more.
        </p>
      </div>
      <div class="px-6 max-w-[400px] flex justify-center">
        <LogoDog />
      </div>
    </div>
  </div>
</template>
