extends ../layouts/LayoutTheme
include ../mixins/common/ComingSoon
include ../mixins/navbars/NavbarStandard
include ../mixins/home/landing/Banner
include ../mixins/home/landing/Cta
include ../mixins/home/landing/Features
include ../mixins/home/landing/Footer

prepend styles
  link(href=`${CWD}vendors/swiper/swiper-bundle.min.css`, rel='stylesheet')

prepend scripts
  script(src=`${CWD}vendors/swiper/swiper-bundle.min.js`)  
  script(src=`${CWD}vendors/typed.js/typed.umd.js`)

block mainContent
  +NavbarStandard({image: false, brandColor:'text-white dark__text-white'}).navbar-expand-lg.fixed-top.navbar-dark(data-navbar-darken-on-scroll)
    ul.navbar-nav.ms-auto
      li.nav-item.d-flex.align-items-center.me-2
        .dropdown.theme-control-dropdown.landing-drop
          a.nav-link.d-flex.align-items-center.dropdown-toggle.fa-icon-wait.pe-1(href="#" role="button" id="themeSwitchDropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false")
            span.d-none.d-lg-block
              span.fas.fa-sun(data-theme-dropdown-toggle-icon="light")
              span.fas.fa-moon(data-theme-dropdown-toggle-icon="dark")
              span.fas.fa-adjust(data-theme-dropdown-toggle-icon="auto")
            span.d-lg-none Switch theme
          .dropdown-menu.dropdown-menu-end.dropdown-caret.border.py-0.mt-1(aria-labelledby="themeSwitchDropdown")
            .bg-white.dark__bg-1000.rounded-2.py-2
              button(type="button" value='light' data-theme-control="theme").dropdown-item.link-600.d-flex.align-items-center.gap-2
                span.fas.fa-sun
                | Light
                span.fas.fa-check.dropdown-check-icon.ms-auto.text-600
              button(type="button" value='dark' data-theme-control="theme").dropdown-item.link-600.d-flex.align-items-center.gap-2
                span.fas.fa-moon(data-fa-transform="")
                | Dark
                span.fas.fa-check.dropdown-check-icon.ms-auto.text-600
              button(type="button" value='auto' data-theme-control="theme").dropdown-item.link-600.d-flex.align-items-center.gap-2
                span.fas.fa-adjust(data-fa-transform="")
                | Auto
                span.fas.fa-check.dropdown-check-icon.ms-auto.text-600

      li.nav-item.dropdown
        a#navbarDropdownLogin.nav-link.dropdown-toggle(href='#' role='button' data-bs-toggle='dropdown' aria-haspopup='true' aria-expanded='false') Login
        .dropdown-menu.dropdown-caret.dropdown-menu-end.dropdown-menu-card(aria-labelledby='navbarDropdownLogin')
          .card.shadow-none.navbar-card-login
            .card-body.fs-10.p-4.fw-normal

              .row.text-start.justify-content-between.align-items-center.mb-2
                .col-auto
                  h5.mb-0 Log in
                .col-auto
                  p.fs-10.text-600.mb-0 or 
                    a(href=`${CWD}${paths['simple-register']}`) Create an account

              +LoginForm({
                layout:'simple',
                email: { attrs: { placeholder: 'Email address' } },
                password: { attrs: { placeholder: 'Password' } },
                checkbox: { attrs: { id: 'modal-checkbox' } },
              })
              +SocialButtons({ title: 'log in' }).mt-4

      li.nav-item
        a(href='#!' data-bs-toggle='modal' data-bs-target='#exampleModal').nav-link Register
  +Banner
  +CtaClients
  +Features1
  +Features2
  +Testimonial
  +CtaFooter
  +FooterStandard
  +AuthenticationModal