{% extends "base.twig" %}

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


{% block content %}
	
	{% if page.image[0] %}
		<div class="page-section page-section__showcase">
		
			<div class="showcase-text">
			
				<div class="grid-container">
					<div class="grid-x grid-padding-x align-center">
						
						{% if page.call_to_action != 1 %}
							<div class="cell small-12 medium-7">	
								<h2>{{ page.titel }}</h2>	
								<a href="#ft-open" class="button primary">Reserveer een tafel</a>
							</div>
						{% endif %}
				
					</div>
				</div>
			
			</div>
		
			<div class="jarallax jarallax__full-width" style="height:70vh;">
				<img src="{{ page.image[0] }}" alt="" class="jarallax-img">
			</div>
		
		</div>

	{% endif %}
	
	
	{% for row in page.contents %}
    	<div class="page-section {{row.classname}}"> {{ row.html|raw }} </div>
	{% endfor %}
	
		
  
{% endblock %}