extends ../../layouts/LayoutComponent

block prepend scripts
  script(src=`${CWD}vendors/typed.js/typed.umd.js`)

block append content
  +PageHeader({title: 'Typed Text'})
    p.mt-2 A JavaScript library that types out, deletes them, and then types again.
    a(href='https://mattboldt.com/demos/typed-js/' target='_blank').btn.btn-link.ps-0.btn-sm  Typed.js Documentation
      span.fas.fa-chevron-right.ms-1.fs-11

  
  +ComponentCard({
    title: 'Example',
    anchor: true,
  }).mb-3
    h3.fw-light.overflow-hidden A smarter way to tell about 
      span.typed-text.fw-bold.ms-1(data-typed-text!=["new features.", "product updates.", "a new idea.", "an announcment."])

  .card
    .card-header
      h5.mb-0 JavaScript
    .card-body.bg-body-tertiary
      +ComponentCardLib
        script(src="vendors/typed.js/typed.umd.js")