<section class="home">

	<div id="home" class="banner">
		<div class="decor"></div>
		<div class="row">
				<div class="small-12 large-6 columns">
					<div class="content">
						<h1><?php the_field('baner'); ?><span><?php the_field('baner_span'); ?></span></h1>
						<?php the_field('baner_desc'); ?><br>
						<a class="button red scroll" href="#czarogrody">Czytaj więcej</a>
					</div>
				</div>
				<div class="small-12 large-6 columns">
					<div class="characters"><img src="<?php echo get_template_directory_uri(); ?>/dist/images/characters.png" /></div>
				</div>
		</div>
	</div>

		<div id="czarogrody" class="about">
			<div class="row">
				<div class="tree">
					<div class="image">
						<img src="<?php echo get_template_directory_uri(); ?>/dist/images/tree.png" />
					</div>
				</div>

				<div class="small-12 large-8 large-offset-4 columns intro">
					<div class="swiper-pagination"></div>

					<div class="arrow-navigation">
							<h2><?php the_field('slider-title'); ?></h2>
						<div class="swiper-button-prev "></div>
						<div class="swiper-button-next"></div>
					</div>


					<div class="swiper-container about-park">
						<div class="swiper-wrapper">

							<div class="swiper-slide">
								<?php the_field('slide-1'); ?>
							</div>

							<div class="swiper-slide">
								<?php the_field('slide-2'); ?>
							</div>

							<div class="swiper-slide">
								<?php the_field('slide-3'); ?>
							</div>

							<div class="swiper-slide">
								<?php the_field('slide-4'); ?>
							</div>

							<div class="swiper-slide">
								<?php the_field('slide-5'); ?>
							</div>

							<div class="swiper-slide">
								<?php the_field('slide-6'); ?>
							</div>

							<div class="swiper-slide">
								<?php the_field('slide-7'); ?>
							</div>

							<div class="swiper-slide">
								<?php the_field('slide-8'); ?>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<section id="aktualnosci" class="recent-posts">
			<div class="row">
				<div class="small-12 columns">
					<h2><?php _e('Recent News', 'czarogrody'); ?></h2>
				</div>
			</div>

			<div class="row">
					<div class="small-12 columns">
						<div class="swiper-container swiper-lands">
							<div class="swiper-wrapper">

						<?php $args = array(
							'posts_per_page' => 999,
							'number_of_posts' => 999,
						);

						$myposts = get_posts( $args );

						foreach ( $myposts as $post ) : setup_postdata( $post ); ?>

								<div class="swiper-slide">
									<div class="post">
										<a href="<?php the_permalink(); ?>">
											<div class="date"><?php echo get_the_date(); ?></div>
											<div class="thumb"><?php the_post_thumbnail('post-list'); ?></div>
											<h3><?php the_title(); ?></h3>
											<?php the_excerpt(); ?>
										</a>
									</div>
								</div>

							<?php
								endforeach;
								wp_reset_postdata();
							?>
						</div>
					</div>
				</div>
			<div class="small-12 columns">
				<a href="<?php the_field('button_link_4'); ?>" class="button yellow"><?php the_field('button_4'); ?></a>
			</div>
				</div>
	</section>


		<div id="plan-parku" class="plan">
				<div class="row">

						<div class="small-12 large-5 columns">
							<div class="plan-desc">
								<?php the_field('plan'); ?>
								<a href="<?php the_field('map_legend'); ?>" data-lightbox="image-1" class="button"><?php the_field('button'); ?></a>
									<a class="button red" href="#<?php the_field('button_link'); ?>"><?php the_field('button_2'); ?></a>
								</div>
							</div>

							<div class="small-12 large-7 columns">
								<div class="map-bg">
									<?php if( get_field('map') ): ?>
										<a href="<?php the_field('map_legend'); ?>" data-lightbox="map"><img src="<?php the_field('map'); ?>"></a>
									<?php endif; ?>
								</div>
							</div>

				</div>
			</div>


		<section id="cennik" class="prices">
			<div class="row">
				<div class="small-12 columns">
					<h2>Cennik</h2>
					<?php the_field('cennik'); ?>
				</div>
			</div>
		</section>


	<div class="contact-bg">
		<section id="kontakt" class="contact contact-bottom" data-magellan-target="kontakt">
			<div class="row">
				<div class="small-12 columns large-7 contact-form">
					<?php the_field('contact') ?>
				</div>
			</div>
		</section>
	</div>
