<?php
/**
 *
 * This is the section that displays the section on the homepage.
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 *
 * @package GrShop
 */
$cta_section_thumbnail = get_theme_mod( 'cta_section_thumbnail','' );
$cta_section_video = get_theme_mod( 'cta_section_video','CiklAyGrmcc' );
$cta_section_label = get_theme_mod( 'cta_section_label','Your online resource of healthy recipes' );
$cta_section_title = get_theme_mod( 'cta_section_title','Organic Vegetables Everyday' );
$cta_section_desc = get_theme_mod( 'cta_section_desc','Type Description here' );
$cta_button = get_theme_mod( 'cta_button','Order Now' );
$cta_button_link = get_theme_mod( 'cta_button_link','#' );
?>

<!-- Call to action -->
<div class="oa-cta-main gr-section-padding">
        <div class="container">
            <div class="row d-flex align-items-center justify-content-center">
                <div class="col-lg-5 col-md-5 col-12 wow fadeInLeft"  data-wow-delay=".2s">
                    <div class="oa-cta-video">
                        <img src="<?php echo esc_url( $cta_section_thumbnail ); ?>">
                        <a data-video-id="<?php echo esc_attr($cta_section_video);?>"  class="oa-video-popup oa-cta-video__btn"><i class="fas fa-play"></i></a>
                    </div>
                </div>
                <div class="col-lg-7 col-md-7 col-12 wow fadeInRight"  data-wow-delay=".4s">
                    <div class="oa-cta-content">
                        <span class="oa-cta-content__label"><?php echo $cta_section_label;?></span>
                        <h2 class="oa-cta-content__title"><?php echo $cta_section_title;?></h2>
                        <p class="oa-cta-content__text"><?php echo $cta_section_desc;?></p>
                        <div class="oa-cta-content__button">
                            <a href="<?php esc_url($cta_button_link);?>" class="grshop-grocery-btn primary"><?php echo $cta_button;?></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Call to action -->