---
import Root from '../../layouts/Root.astro';
import Main from '../../layouts/Bundle.astro';
import DevopsImage from '../../assets/img/careers/devops-banner-desktop.webp';
import Banner from '../../components/banner/banner.astro';
import { devopsCareerProgram } from '../../data';
import DevopsDescription from '../../sections/devops/devops-description.astro';
import DevopsFeatures from '../../sections/devops/devops-features.astro';
import CareerProgram from '../../sections/global/career-program/career-program.astro';
import CareerSection from '../../sections/global/career-section/career-section.astro';
import Cta from '../../sections/global/cta/cta.astro';

const programLink:string = 'https://drive.google.com/file/d/1wz_TeKtrt_d8AHiySGDsYX1VVq48j_Ie/preview';
---

<Root
  title='Carrera DevOps Engineer'
  description='Nuestra carrera DevOps tiene exactamente lo que necesitas para salir rapidamente al mercado laboral. Incluye los cursos mas demandados y usados en toda empresa. Nuestro programa de estudio se realizo bajo un exhaustivo trabajo de investigacion con las principales empresas del mercado mundial.'
  path='/devops/'>
  <Main className='' id='devops'>
    <Banner 
      as="section"
      id="featureSection"
      className="content-space-t-4"
      backgroundImage={DevopsImage}
      backgroundAlt="DevOps Image">
      <DevopsFeatures />
    </Banner>
    <CareerSection>
      <DevopsDescription />
    </CareerSection>
    <Cta />
    <CareerProgram href={programLink} list={devopsCareerProgram} />
    <Cta />
  </Main>
</Root>