text: import siteMetadata from '@/data/siteMetadata'
  import SocialIcon from '@/components/social-icons'
  import { PageSeo } from '@/components/SEO'
  import useGaTracker from 'customHooks/useGaTracker'
  
  export default function About() {
    return (
      <>
        <PageSeo
          title={`About - ${siteMetadata.author}`}
          description={`About me - ${siteMetadata.author}`}
          url={`${siteMetadata.siteUrl}/about`}
        />
        <div className="divide-y">
          <div className="pt-6 pb-8 space-y-2 md:space-y-5">
            <h1 className="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14">
              About
            </h1>
          </div>
          <div className="items-start space-y-2 xl:grid xl:grid-cols-3 xl:gap-x-8 xl:space-y-0">
            <div className="flex flex-col items-center pt-8 space-x-2">
              <img src={siteMetadata.image} alt="avatar" className="w-48 h-48 rounded-full" />
              <h3 className="pt-4 pb-2 text-2xl font-bold leading-8 tracking-tight">
                {siteMetadata.author}
              </h3>
              <div className="text-gray-500 dark:text-gray-400">React Frontend Developer</div>
              <div className="text-gray-500 dark:text-gray-400">Argentina</div>
              <div className="flex pt-6 space-x-3">
                <SocialIcon kind="mail" href={`mailto:${siteMetadata.email}`} />
                <SocialIcon kind="github" href={siteMetadata.github} />
                <SocialIcon kind="facebook" href={siteMetadata.facebook} />
                <SocialIcon kind="youtube" href={siteMetadata.youtube} />
                <SocialIcon kind="linkedin" href={siteMetadata.linkedin} />
                <SocialIcon kind="twitter" href={siteMetadata.twitter} />
              </div>
            </div>
            <div className="pt-8 pb-8 prose dark:prose-dark max-w-none xl:col-span-2">
              <p>My name is Alejo and I'm trying to create a blog.</p>
              <p>I'm passionate about SaaS, building digital assets, and mostly React.js</p>
              <p>Also I do work as an SEO strategist in a freelance manner.</p>
            </div>
          </div>
        </div>
      </>
    )
  }
  