<?php require_once('forms/home-contact-form.php'); ?>
<?php
/**
 * The front page template file
 *
 * If the user has selected a static page for their homepage, this is what will
 * appear.
 * Learn more: https://codex.wordpress.org/Template_Hierarchy
 *
 * @package WordPress
 * @subpackage Naren_Designs
 * @since 1.0
 * @version 1.0
 */

get_header(); ?>

    <?php
// start by setting up the query
    $query = new WP_Query( array(
        'post_type' => 'amp_slider',
    'orderby'          => 'date',
	'order'            => 'ASC'
    ));
 
    // now check if the query has posts and if so, output their content
    if ( $query->have_posts() ) { ?>
        <section class="home-slider bg-image-anim full-width">
            <amp-carousel layout="fixed-height" width="auto" height="400" type="slides"  autoplay delay="6000">
               
                <?php while ( $query->have_posts() ) : $query->the_post(); ?>
                   
                    <div id="post-<?php the_ID(); ?>" <?php post_class('amp-slide bg-image'); ?> >
                        <?php the_content(); ?>
                        </div>
                        
                    <?php endwhile; ?>
            </amp-carousel>
        </section>
        <?php }
    wp_reset_postdata();
    
?>
            
<?php if ( get_field( 'featured_image_big') ): ?>
    <section class="featured-header bg-parallax bg-overlay-black align-center full-width" data-url="<?php the_field( 'featured_image_big' ); ?>">
        <div class="amp-container v-center">
          <?php if( get_field('custom_page_title') ): ?>
              <h1 class="page-title color-white font-1-semibold"><?php the_field('custom_page_title'); ?></h1>
            <?php else: ?>
              <h1 class="page-title color-white font-1-semibold"><?php the_title(); ?></h1>
          <?php endif ?>
      </div>
    </section>
        <?php else: ?>
        <section class="breadcrumbs bg-dark py50 mb-py30 align-center full-width">
        <div class="amp-container">
          <?php if( get_field('custom_page_title') ): ?>
              <h1 class="page-title m0 color-white font-1-semibold"><?php the_field('custom_page_title'); ?></h1>
            <?php else: ?>
              <h1 class="page-title m0 color-white font-1-semibold"><?php the_title(); ?></h1>
          <?php endif ?>
      </div>
    </section>
<?php endif ?>



            <!--Page sections-->
            <?php if( have_rows('add_section') ):

 	// loop through the rows of data
    while ( have_rows('add_section') ) : the_row();?>

                <section class="full-width <?php echo get_sub_field('section_class');?>" id="<?php echo get_sub_field('section_id');?>">
                    <div class="container">
                        <?php if( get_sub_field('section_header') ): ?>
                            <header class="section-header align-center">
                                    <!--section header content-->
                                    <?php the_sub_field( 'section_header' ); ?>
                            </header>
                            <?php endif ?>
                               <?php if( have_rows('grid_row') ): 
					while( have_rows('grid_row') ): the_row();?>
                                <div class="grid-row <?php echo get_sub_field('row_class');?>">
                                    <?php if( have_rows('column') ): 
					while( have_rows('column') ): the_row();?>
                                        <div class="<?php echo get_sub_field('column_class');?>">
                                            <?php echo get_sub_field('column_content');?>
                                        </div>
                                        <?php endwhile; endif;?>
                                        <!--end column-->
                                </div>
                                <?php endwhile; endif;?>
                                <!--end grid row-->
                    </div>

                </section>
                <?php endwhile; endif;?>

             <?php get_footer();