<?php
/**
 * Template Name: Custom Home Page
 */
get_header();

?>
<!-- banner section -->
<main id="maincontent" role="main">

  <?php do_action( 'virtual_assistant_above_slider' ); ?>
    <?php if (get_theme_mod('virtual_assistant_show_hide_banner', true)== 1 || get_theme_mod( 'virtual_assistant_resp_slider_hide_show', true) == 1) { ?>
      <section id="banner" class="position-relative wow fadeInRightBig" data-wow-duration="2s">
        <div class="banner-content">
          <div class="container">
            <div class="row">
              <div class="col-xxl-8 col-xl-7 col-lg-7 col-md-7 col-12 align-self-center">
                <div class="inner_carousel">
                  <?php if(get_theme_mod('virtual_assistant_subheading') != '') {?>
                    <p class="banner-sub-head text-capitalize mb-2"><?php echo esc_html(get_theme_mod('virtual_assistant_subheading')) ?></p>
                  <?php }?>
                  <?php if(get_theme_mod('virtual_assistant_tagline_title') != '') {?>
                    <h1 class="mb-2 text-capitalize banner-title"><?php echo esc_html(get_theme_mod('virtual_assistant_tagline_title')) ?></h1>
                  <?php }?>
                  <?php if(get_theme_mod('virtual_assistant_designation_text') != '') {?>
                    <p class="banner-para"><?php echo esc_html(get_theme_mod('virtual_assistant_designation_text')) ?></p>
                  <?php }?>
                  <div class="banner-buttons d-flex align-items-center mt-3">
                    <?php if ( get_theme_mod('virtual_assistant_banner_button_label') != '' ) {?>
                      <div class ="banner-btn">
                        <a href="<?php echo esc_url(get_theme_mod('virtual_assistant_top_button_url',false));?>" class="text-capitalize"><?php echo esc_html(get_theme_mod('virtual_assistant_banner_button_label'));?>
                        </a>
                      </div>
                    <?php }?>
                    <?php if(get_theme_mod('virtual_assistant_video_btn_text') != '' || get_theme_mod('virtual_assistant_video_button_url') != '') {?>
                      <div class="video-btn">
                        <a id="openBtn">
                         <p class="video-text mb-0 text-capitalize"><?php echo esc_html(get_theme_mod('virtual_assistant_video_btn_text')) ?></p>
                        </a>
                        <div class="overlay" id="videoOverlay">
                          <div class="popup">
                            <span class="close-btn"><i class="fas fa-times"></i></span>
                            <iframe width="100%" height="100%" src="<?php echo esc_url(get_theme_mod('virtual_assistant_video_button_url'));?>" frameborder="0" allowfullscreen></iframe>
                          </div>
                        </div>
                      </div>
                    <?php }?>
                  </div>
                </div>
              </div>
              <div class="col-xxl-4 col-xl-5 col-lg-5 col-md-5 col-12 align-self-center banner-main-img">
                <?php if (get_theme_mod('virtual_assistant_banner_image') != "") { ?>
                  <div class="banner-side-img">
                    <img class="banner-img" src="<?php echo esc_url(get_theme_mod('virtual_assistant_banner_image')); ?>" title="<?php echo esc_attr('#bannerimage','virtual-assistant'); ?>">
                  </div>
                <?php }?>
              </div>
            </div>
          </div>
        </div>
        <?php if (get_theme_mod('virtual_assistant_banner_background_image') != "") { ?>
          <div class="banner-color">
            <img class="banner-color-img banner-default" src="<?php echo esc_url(get_theme_mod('virtual_assistant_banner_background_image')); ?>" title="<?php echo esc_attr('#bannerimage','virtual-assistant'); ?>">
          </div>
        <?php } else { ?>
          <div class="banner-color">
            <img class="banner-color-img" src="<?php echo esc_url(get_template_directory_uri() . '/assets/images/color-img.png') ?>" title="<?php echo esc_attr('#bannerimage','virtual-assistant'); ?>">
          </div>
        <?php } ?>
        <div class="clearfix"></div>
      </section>
    <?php }?>
  <?php do_action( 'virtual_assistant_below_slider' ); ?>

  <!-- Team Section -->
  <?php if (get_theme_mod('virtual_assistant_team_section_hide_show', true)){ ?>
    <section id="team-section" class="wow fadeInLeftBig" data-wow-delay=".25s">
      <div class="container">
        <div class="section-content text-center pb-4">
          <?php if(get_theme_mod('virtual_assistant_team_section_text') != '') {?>
            <p class="section-text mb-0 text-capitalize"><?php echo esc_html(get_theme_mod('virtual_assistant_team_section_text')) ?></p>
          <?php }?>
          <?php if(get_theme_mod('virtual_assistant_team_section_title') != '') {?>
            <h2 class="section-title text-capitalize pb-2 mt-2"><?php echo esc_html(get_theme_mod('virtual_assistant_team_section_title')) ?></h2>
          <?php }?>
        </div>
        <div class="row">
          <?php for ($virtual_assistant_i = 1; $virtual_assistant_i <= 4; $virtual_assistant_i++) { ?>
            <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-12 text-center mb-5 pb-3">
              <?php if ( get_theme_mod('virtual_assistant_crew_image_sec' . $virtual_assistant_i) != '' ) {?>
                <div class="crew-box">
                  <div class="image-bg">
                    <img class="crew-img" src="<?php echo esc_url(get_theme_mod('virtual_assistant_crew_image_sec'. $virtual_assistant_i)); ?>" title="<?php echo esc_attr('#crew','virtual-assistant'); ?>">
                  </div>
                  <?php if (get_theme_mod('virtual_assistant_crew_name' . $virtual_assistant_i) != '') { ?>
                    <p class="crew-text mb-1 mt-2 text-capitalize"><?php echo esc_html(get_theme_mod('virtual_assistant_crew_name'. $virtual_assistant_i)); ?></p>
                  <?php } ?>
                  <?php if (is_active_sidebar('social-widget-' . $virtual_assistant_i)) : ?>
                    <div class="social-icons mt-2">
                      <?php dynamic_sidebar('social-widget-' . $virtual_assistant_i); ?>
                    </div>
                  <?php else : ?>
                    <div class="social-icons mt-2">
                      <div class="widget">
                        <div class="custom-social-icons" >
                          <a href="https://youtube.com" target="_blank"><i class="fab fa-youtube"></i></a>
                          <a href="https://instagram.com" target="_blank"><i class="fab fa-instagram"></i></a>
                          <a href="https://twitter.com" target="_blank"><i class="fab fa-twitter"></i></a>
                          <a href="https://dribbble.com" target="_blank"><i class="fa-solid fa-basketball"></i></a>
                          <a href="https://facebook.com" target="_blank"><i class="fab fa-facebook"></i></a>
                        </div>
                      </div>
                    </div>
                  <?php endif; ?>
                </div>
              <?php } ?>
            </div>
          <?php } ?>
        </div>
      </div>
    </section>
  <?php }?>
  <?php do_action( 'virtual_assistant_after_service' ); ?>

  <div id="content-vw" class="entry-content">
    <div class="container">
      <?php while (have_posts()) : the_post(); ?>
        <?php the_content(); ?>
      <?php endwhile; // end of the loop. 
      ?>
    </div>
  </div>
</main>

<?php get_footer(); ?> 