mixin CtaClients
  +Section.py-3.bg-body-tertiary.shadow-sm
    .row.flex-center
      .col-3.col-sm-auto.my-1.my-sm-3.px-x1
        img.landing-cta-img(height=40 src=`${CWD}assets/img/logos/b&w/6.png` alt='')
      .col-3.col-sm-auto.my-1.my-sm-3.px-x1
        img.landing-cta-img(height=45 src=`${CWD}assets/img/logos/b&w/11.png` alt='')
      .col-3.col-sm-auto.my-1.my-sm-3.px-x1
        img.landing-cta-img(height=30 src=`${CWD}assets/img/logos/b&w/2.png` alt='')
      .col-3.col-sm-auto.my-1.my-sm-3.px-x1
        img.landing-cta-img(height=30 src=`${CWD}assets/img/logos/b&w/4.png` alt='')
      .col-3.col-sm-auto.my-1.my-sm-3.px-x1
        img.landing-cta-img(height=35 src=`${CWD}assets/img/logos/b&w/1.png` alt='')
      .col-3.col-sm-auto.my-1.my-sm-3.px-x1
        img.landing-cta-img(height=40 src=`${CWD}assets/img/logos/b&w/10.png` alt='')
      .col-3.col-sm-auto.my-1.my-sm-3.px-x1
        img.landing-cta-img(height=40 src=`${CWD}assets/img/logos/b&w/12.png` alt='')
      
mixin CtaFooter
  +Section({
    image: `${CWD}assets/img/generic/bg-2.jpg`,
    className: 'overlay',
    attrs: {style: 'background-position: center top'}
  }).bg-dark(data-bs-theme="light")
    .row.justify-content-center.text-center
      .col-lg-8
        p.fs-6.fs-sm-5.text-white Join our community of 20,000+ developers and content creators on their mission to build better sites and apps.
        button.btn.btn-outline-light.border-2.rounded-pill.btn-lg.mt-4.fs-9.py-2(type="button") Start your webapp