{% extends "base.twig" %}

{% block title %}
	{{ page.meta_title }}
	{{ page.meta_description }}
{% endblock %}


{% block content %}
	
	<div class="page-section page-section__showcase">
		
		<div class="showcase-text">
			
			<div class="grid-container">
				<div class="grid-x grid-padding-x align-center">
						
					<div class="cell small-12 medium-6">	
						<h2>De nieuwe hotspot van Utrecht</h2>	
						<p class="lead">Um que non nonsero quiamus aeperia quis magnimus atent eos estibusdae voloritat volupta Ut dolores accullaborum quiam, suntiatem ernatur maxima que porem. </p>
						<a href="" class="button primary">Reserveer een tafel</a>
					</div>
				
				</div>
			</div>
			
		</div>
		
		<div class="jarallax jarallax__full-width" style="height:80vh;">
			<img src="{{ page.image[0] }}" alt="" class="jarallax-img">
		</div>
		
	</div>
	
	{% for row in page.contents %}
    	<div class="page-section {{row.classname}}"> {{ row.html|raw }} </div>
	{% endfor %}
	
	
	
	<div class="jarallax jarallax__full-width" style="height:80vh;">
		<img src="https://s3.eu-central-1.amazonaws.com/z3r2zxopa4uuqpw5a4ju/grandbarmarie/images/fruit-de-mer.jpg" alt="" class="jarallax-img">
	</div>
	
		
  
{% endblock %}