<?php
/**
 * Template for Home Page
 * 
 *
 * @package worktech
 */
	$SITE = site_url();
?>	
		<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

			<!-- HERO -->
			<section class="hero" data-section="hero"
				style="background: url(<?php echo $SITE; ?>/static/images/hero.jpg?1) center center/cover;">
				<img src="/worktech/shared/images/hero-logo.svg" alt="CW" class="hero__logo">
				<img src="<?php echo $SITE; ?>/static/images/logo-w23.svg" alt="Worktech 23" class="hero__event">
				<h1 style="color: #fff; font-size:clamp(36px,10vw,90px);font-weight:700;margin:0 0 40px 0">Buenos Aires</h1>
				<p style="color: #fff;">12 DE SEPTIEMBRE DE 2023</p>
        		<p style="color: #fff;">RÜT HAUS</p>
			</section>

			<!-- ¡EVENTO PRESENCIAL! -->
			<section class="event" id="worktech" data-section="event">
				<div class="event__wrapper">
					<div class="event__wrapper-text">
						<div class="section__text">
							<h2>LA CONFERENCIA INTERNACIONAL LÍDER
								DEDICADA AL FUTURO DEL TRABAJO</h2>
							<p>Worktech reúne a expertos internacionales que aportarán una mirada inspiradora e innovadora,
								ofreciendo un contenido exclusivo que fusiona nuevas ideas, estrategias, casos de estudio, novedades
								y un apasionante espacio de debate sobre las tendencias que marcan el futuro de las formas
								y los ámbitos de trabajo.</p>
						</div>
					</div>
					<div class="event__wrapper-video">
						<div class="event__video">
							<iframe src="https://www.youtube.com/embed/QE6mp3EbuO8" title="YouTube video player" frameborder="0"
								allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
								allowfullscreen></iframe>
						</div>
					</div>
				</div>
			</section>

			<!-- MIRADAS -->
			<section id="speakers" class="section miradas" style="background: url(/worktech/shared/images/speakers.jpg) center center/cover;">
				<h2>PRÓXIMAMENTE<br> CONOCERÁS LAS MIRADAS INSPIRADORAS<br> QUE NOS ACOMPAÑARÁN.</h2> 
			</section>
 
			<!-- AGENDA -->
			<section> 
				<div class="agenda">
					<a href="<?php the_field('agenda'); ?>" target="_blank" class="agenda__download"><?php the_field('agenda_text'); ?> 
						<svg width="22.264" height="30.31" viewBox="0 0 22.264 30.31">
						  <path d="M0,30.31H22.264V26.533H0ZM9.234,0V18.035L5.488,14.289,3.109,16.668l8.024,8.024,8.023-8.024L16.777,14.29,13.27,17.8V0Z"/>
						</svg>
					</a>
				</div> 
			</section> 

			<!-- SAVE THE DATE -->
		    <section class="section section--color save-the-date" data-section="sede" id="sede" style="position:relative">
			  <small>12 DE SEPTIEMBRE 8.30 AM</small>
			  <h2>RÜT HAUS</h2>
			  <hr />
			<div class="cols cols--x1">
			   <div class="col">
				 <p style="text-transform: uppercase;">Av. Int. Cantilo 1429, CIUDAD AUTÓNOMA DE BUENOS AIRES</p>
			   </div>
			 </div>
			 <div class="buttons u-zIndx-2">
			   <a href="https://goo.gl/maps/y4sio5VLgqmrLziDA" class="button" target="_blank">VER EN EL MAPA</a>
			  </div>
			  <div class="u-bg--multiply" style="background: url(/worktech/shared/images/place.jpg) center center/cover;"></div>
		    </section>
			
			<!-- TICKET -->
            <div class="ticket__banner" style="position:relative;opacity:1;z-index:1;">
              <div class="ticket__banner_wrapper"> 
                <div class="ticket__banner_info">
                    <h2><?php the_field('sale_ticket_title'); ?></h2>
                    <div class="ticket__banner_discount">
                      <p><?php the_field('sale_ticket_text'); ?></p>
                      <h3><?php the_field('event_price'); ?></h3>
                      <a href="<?php the_field('link_mercado_pago'); ?>" target="_blank"><?php the_field('link_text'); ?></a>
                    </div>
                </div>
                <div class="ticket__banner_legal">
                  <p>¿Dudas? Escríbenos a <a href="mailto:worktech@contractworkplaces.com" style="color:#fff">worktech@contractworkplaces.com</a></p>
                </div>
              </div>
            </div>
			
			<!-- QUIENES -->
			<section data-section="who">
				<div class="section__text">
					<h2>¿Quiénes participan de Worktech?</h2>
					<p>Worktech es un espacio de encuentro y networking donde
						decisores de compra, ejecutivos de altos mandos y profesionales de múltiples rubros
						se reúnen para intercambiar ideas y nutrirse de nuevas tendencias
						que llevarán el mundo de los negocios a un nivel superior.</p>
					<blockquote>Una comunidad potenciando el futuro del trabajo.</blockquote>
				</div>
			</section>

			<!-- BE PART -->
			<section class="section section--color be-part" data-section="be-part" id="sponsors"
				style="background: url('<?php echo $SITE; ?>/static/images/bg-be-part.jpg') center top/cover;">
				<h2><strong>Sea parte de</strong> <img src="/worktech/shared/images/logo-text-23.svg"></h2>
				<div class="cols">
					<div class="col">
						<p>Únete a profesionales de alto nivel de los más diversos sectores como Real Estate, Facility Management,
							Recursos Humanos, Tecnología, Arquitectura, Gestión Ejecutiva, Diseño y Consultoría para ampliar tus
							conocimientos y compartir las mejores prácticas. <br />¡Participa!</p>
					</div>
				</div>
				<div class="buttons">
					<a href="mailto:worktech@contractworkplaces.com?subject=Quiero ser Sponsor de Worktech 23"
						class="button">QUIERO SER SPONSOR</a>
					<a href="mailto:worktech@contractworkplaces.com?subject=Quiero ser Partner de Difusión de Worktech 23"
						class="button">QUIERO SER PARTNER DE DIFUSION</a>
				</div> 
			</section>

			<!-- SPONSORS -->
			<section class="sponsors" data-section="companies">
				<div class="section__text">
					<h2>SPONSORS WORKTECH 22</h2>
					<img src="/worktech/shared/images/sponsors-22.png" alt="Worktech 22" class="sponsors--22" style="width:100%">
				</div>  
			</section>

			<!-- CTA -->
			<section class="section cta" data-section="cta" id="contacto">
				<div class="cta__data">
					<blockquote class="color-grad">¡Acompáñanos a construir el futuro del trabajo!</blockquote>
					<p>PARA MÁS INFORMACIÓN ESCRÍBENOS A <a href="mailto:worktech@contractworkplaces.com?subject=Quiero más información de Worktech 23">worktech@contractworkplaces.com</a>
					</p>
					<img src="<?php echo site_url(); ?>/static/images/logo-w23.svg"
			  alt="Worktech 23">
				</div>
				<div class="bg-grad cta__ig">
    			    <div class="section__text">
        			    <img src="/worktech/shared/images/mobile.png" alt="Worktech" class="cta__mobile">
    				    <div>
    				        <p>Síguenos en Instagram y súmate a la comunidad 
    de Worktech Latam.</p>
    			    <a href="https://instagram.com/worktechlatam" target="_blank">@WORKTECHLATAM</a>
    				    </div>
    				</div>
				    <img src="/worktech/shared/images/pattern.svg" alt="Worktech" class="cta__pattern">
				</div>
			</section>

			<!-- SPEAKERS #modal -->
			<div class="modal" id="modal">
			  <div class="card">
				<div class="modal__close">
				  <svg xmlns="http://www.w3.org/2000/svg" width="13.426" height="13.423" viewBox="0 0 13.426 13.423">
					<path id="Icon_ionic-ios-close" data-name="Icon ionic-ios-close"
					  d="M19.589,18l4.8-4.8A1.124,1.124,0,0,0,22.8,11.616l-4.8,4.8-4.8-4.8A1.124,1.124,0,1,0,11.616,13.2l4.8,4.8-4.8,4.8A1.124,1.124,0,0,0,13.2,24.384l4.8-4.8,4.8,4.8A1.124,1.124,0,1,0,24.384,22.8Z"
					  transform="translate(-11.285 -11.289)" fill="#333" />
				  </svg>
				</div>
				<div class="card__pic">
				  <img src="<?php echo $SITE; ?>/static/speakers/ross.jpg">
				</div>
				<div class="card__info">
				  <h3 class="card__name"></h3>
				  <p class="card__title"></p>
				  <p class="card__bio"></p>
				</div>
			  </div>
			</div> 

			<!-- TICKET #modal -->
			<div class="overlay">
			  <div class="ticket__banner">
				<div class="ticket__banner_wrapper">
				  <div class="ticket__banner_close">
					<svg xmlns="http://www.w3.org/2000/svg" width="13.426" height="13.423" viewBox="0 0 13.426 13.423">
					  <path id="Icon_ionic-ios-close" data-name="Icon ionic-ios-close"
						d="M19.589,18l4.8-4.8A1.124,1.124,0,0,0,22.8,11.616l-4.8,4.8-4.8-4.8A1.124,1.124,0,1,0,11.616,13.2l4.8,4.8-4.8,4.8A1.124,1.124,0,0,0,13.2,24.384l4.8-4.8,4.8,4.8A1.124,1.124,0,1,0,24.384,22.8Z"
						transform="translate(-11.285 -11.289)" fill="#fff" />
					</svg>
				  </div> 
				  <div class="ticket__banner_info">
					<h2><?php the_field('sale_ticket_title'); ?></h2>
					<div class="ticket__banner_discount">
					  <p><?php the_field('sale_ticket_text'); ?></p>
					  <h3><?php the_field('event_price'); ?></h3>
					  <a href="<?php the_field('link_mercado_pago'); ?>" target="_blank"><?php the_field('link_text'); ?></a>
					</div>
				  </div>
				  <div class="ticket__banner_legal">
                  <p>¿Dudas? Escríbenos a <a href="mailto:worktech@contractworkplaces.com" style="color:#fff">worktech@contractworkplaces.com</a></p>
				  </div>
				</div>
			  </div>
			</div>

			<!-- TICKET #sticky -->
			<div class="ticket"> 
			  <p>¡Participa!</p>
			</div>

			<!-- JS SHARED -->
			<script src="/worktech/shared/js/home.js?v=1.2"></script>
			
		</article><!-- #post-<?php the_ID(); ?> -->
