<?php get_header(); ?>


<div class="uk-cover-container uk-text-center banner" uk-scrollspy="cls: uk-animation-fade; delay: 300">
    <canvas class="uk-visible@m" width="" height="300"></canvas>
    <canvas class="uk-hidden@m" width="" height="300"></canvas>

	<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/about-breadco-banner.jpg" data-width data-height uk-cover>


	<div class="uk-position-cover uk-text-center uk-container uk-flex uk-flex-center uk-flex-middle" uk-scrollspy="cls: uk-animation-fade; delay: 500">
        <div>
           <h1 class="white">Bread Co. Reviews</h1>
        </div>
    </div>
</div>

	<main role="main">
			<section class="uk-width-1-1 ">
				<ul class="testimonial-slider uk-child-width-1-2 uk-child-width-1-2@m uk-grid-collapse" uk-grid uk-height-match="target: > li > article > .testimonial-box" uk-scrollspy="target: > li; cls: uk-animation-fade; delay: 300">
					<?php get_template_part('loop-test'); ?>
				</ul>
				<?php get_template_part('pagination'); ?>

			</section>
	</main>


	<div class="uk-container uk-container-large">



		  <h3 class="tan uk-margin-large-top uk-text-center uk-margin-remove-bottom">great food and baked goods</h3>
		  <h1 class="green uk-text-center uk-margin-remove-top uk-margin-large-bottom">Discover Our Locations</h1>

		  <?php include 'location-maps.php';?>

	</div>


	<div class="lunch-banner uk-padding-large uk-padding-remove-horizontal uk-margin-xlarge-top uk-margin-xlarge-bottom">
	  <div class="uk-container ">
	    <div class="uk-child-width-1-2@m" uk-grid>
	      <div>
	        <h3 class="gold uk-margin-remove-bottom">catering services</h3>
	        <h1 class="white uk-margin-remove">Delight Your Guests with Bread Co.</h1>

	      </div>
	      <div>
	        <h4 class="white uk-text-center uk-margin-medium-bottom">Let us cater your event – we'll handle the menu and delivery, ensuring your gathering is a delicious success!</h4>
	        <div class="uk-text-center">
	          <a href="<?php echo home_url(); ?>/catering-menu/" class="white-btn">Catering Menu</a>
	        </div>
	      </div>
	    </div>
	  </div>
	</div>


	<div class="uk-container uk-container-large">
	  <div class="uk-child-width-1-2@m uk-grid-large uk-flex uk-flex-middle" uk-grid>
	    <div>
	      <h3 class="tan uk-margin-remove">bonuses</h3>
	      <h1 class="brown uk-margin-remove-top">Join the Bread Co. Rewards Program</h1>
	      <P class="uk-text-justify">Get ready to enjoy exclusive rewards with the Bread Co. loyalty program with Get in the Loop! Earn points, unlock bonuses, and savour complimentary treats as a token of our appreciation for your loyalty. Join today and experience the perks of being a valued Bread Co. customer.</P>
	    </div>
	    <div>
	      <img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/get-in-the-loop-logo.svg">

	    </div>
	  </div>

	  <div class="uk-text-center">
	    <a href="#" class="brown-btn uk-margin-medium-top">Signup for Rewards</a>
	  </div>

	</div>

<?php get_footer(); ?>
