{% extends "base.twig" %}

{% block header %}
    {% embed "partials/header.twig" %}
       
		{% block navigation %}	
			<ul class="dropdown menu">
				<li><a href="https://www.univergeblue.com/nl/cloud-services/engage/">UNIVERGE BLUE</a></li>
				<li><a href="https://www.univergeblue.com/nl/cloud-services/engage/">Neem contact op</a></li>
				<li><a href="#" class="call-webrtc">Bel ons</a></li>
			</ul>
		{% endblock %}
		
    {% endembed %}
{% endblock %}





{% block content %}
	
	<section class="page-section page-section__masthead">
	

			<div class="showcase">
			
				<div class="foreground">
					
						<div class="row__lead">
							<div class="grid-container">
							<div class="grid-x grid-padding-x">	
								<div class="cell small-12">
									<h1>{{ page.client }}<strong>{{ page.payoff }}</strong></h1>
									
								</div>
							</div>
							</div>
						</div>
						
						<div class="row__blocks">
							<div class="grid-container">
								<div class="grid-x grid-padding-x align-middle">
				
									<div class="cell small-12 medium-6">
										<div class="callout primary">
										<h2><small style="color:black">Welkom,</small>
										<strong>Hoe kunnen wij u helpen?</strong></h2>
																						
										<ul class="menu vertical">
											<li><a href="#" data-open="make-appointment"><i class="fal fa-calendar-alt"></i>Maak een afspraak</a></li>
											<li><a href="{{ localization.chat[page.business_unit].reactive_url }}" target="_blank"><i class="fal fa-comments-alt"></i>Start een chat</a></li>
											<li><a href="{{ localization.chat[page.business_unit].callback_url }}" target="_blank"><i class="fal fa-phone-volume"></i>Bel mij terug</a></li>
											<li><a href="#" data-open="send-email"><i class="fal fa-envelope"></i>Stuur een email</a></li>
											<li><a href="#" class="call-webrtc"><i class="fal fa-phone"></i>Bel ons</a></li>
										</ul>
										</div>
						  			</div>
				
									<div class="cell small-12 medium-6">
										<div class="callout secondary">
											<h2><strong>Neem contact op</strong></h2>
											<p>Wij helpen u graag, neem telefonisch contact met ons op of stel je vraag online via een chat sessie.</p>
											<ul class="menu vertical">
												<li><a href="tel:{{ page.phone_number }}"><i class="fal fa-phone" aria-hidden="true"></i>{{ page.phone_number }}</a></li>
												<li><a href="https://pop2-ccs-webchat-api.serverdata.net/manage?cid=nec-nl-demo-com&amp;qid=633569"><i class="fal fa-comments-alt" aria-hidden="true"></i>Start een chat</a></li>
											</ul>
										</div>
						  			</div>
				
						  		</div>
							</div>
						</div>
						
				</div>

				<div class="background">
					<img src="{{ page.image[0] }}" alt="">
				</div>
			
			</div>
	
			
	</section>	
	
	{% for row in page.contents %}
    	<div class="page-section page-section__default {{row.classname}}">
			{{ row.html|raw }}
		</div>
	{% endfor %}
	

	{% include 'partials/appointment.twig' %}
	{% include 'partials/webrtc.twig' %}

  
{% endblock %}