import { COLORS } from '../constants'

const Introduction = () => {
  const BoldStyle = 'text-blue-900 dark:text-blue-300 font-semibold'

  return (
    <div className="text-center p-4 max-w-4xl mx-auto">
      <h1
        className={`text-5xl py-2 ${COLORS.PRIMARY} ${COLORS.DARK_PRIMARY} font-medium font-mono tracking-wide`}
      >
        Taqi Tahmid
      </h1>

      <h2 className={`text-2xl py-2 font-burtons ${COLORS.PRIMARY} ${COLORS.DARK_PRIMARY}`}>
        Test Automation and DevOps Engineer
      </h2>

      <div
        className={`text-md py-5 ${COLORS.TEXT} ${COLORS.DARK_TEXT} leading-8 md:text-xl space-y-4`}
      >
        <p>
          I am a <span className={BoldStyle}>DevOps</span> and{' '}
          <span className={BoldStyle}>Test Automation</span> engineer with a{' '}
          <span className={BoldStyle}>certified Kubernetes Administrator (CKA)</span> certification,
          specializing in managing Kubernetes clusters and cloud infrastructure. Currently working
          at Ericsson in Finland as a DevOps Engineer.
        </p>

        <p>
          I bring four years of industry experience in designing CI/CD pipelines and test automation
          for diverse applications and architectures. I hold a Bachelor's degree from Khulna
          University of Engineering & Technology (KUET) and a Master's degree from Tampere
          University. My expertise spans across the entire DevOps lifecycle, from cluster management
          and infrastructure automation to implementing robust testing frameworks.
        </p>
      </div>
    </div>
  )
}

export default Introduction