@extends('app')
@section('content')
<style>
@import url(https://fonts.googleapis.com/css?family=Shadows+Into+Light+Two);
</style>
  <section id="slider" class="slider-parallax swiper_wrapper clearfix">

            <div class="swiper-container swiper-parent">
                <div class="swiper-wrapper">
                    
                    <div class="swiper-slide dark">
                        <div class="container clearfix">
                            <div class="slider-caption slider-caption-center">
                                <!-- <h2 data-caption-animate="fadeInUp"style="z-index: 3;font-family: Shadows Into Light Two, arial, verdana;">100% COMMISSIONS. 100% CLOUD BROKERAGE.</h2> -->
                                <h2 data-caption-animate="fadeInUp" data-caption-delay="200" style="z-index: 3;font-family: Shadows Into Light Two, arial, verdana;">Yes you can earn more in Commissions.<br>Yes you can earn 100%.<br>Yes you can keep your day job.<br>Yes you can use your license on your terms.<br>Yes you can save on fees & costs</h2>
								 
                            </div>
 
           
                        </div>  
						
                        <div class="video-wrap">
                            <video poster="images/videos/explore-poster.jpg" preload="auto" loop autoplay muted>
                                <source src='images/videos/website.mp4' type='video/mp4' />
                                <source src='images/videos/explore.webm' type='video/webm' />
                            </video>
                            <div class="video-overlay"></div>
                        </div>
						 
                    </div>
                    
                </div>
               
            </div>

            <script>
                jQuery(document).ready(function($){
                    var swiperSlider = new Swiper('.swiper-parent',{
                        paginationClickable: false,
                        slidesPerView: 1,
                        grabCursor: true,
                        onSwiperCreated: function(swiper){
                            $('[data-caption-animate]').each(function(){
                                var $toAnimateElement = $(this);
                                var toAnimateDelay = $(this).attr('data-caption-delay');
                                var toAnimateDelayTime = 0;
                                if( toAnimateDelay ) { toAnimateDelayTime = Number( toAnimateDelay ) + 750; } else { toAnimateDelayTime = 750; }
                                if( !$toAnimateElement.hasClass('animated') ) {
                                    $toAnimateElement.addClass('not-animated');
                                    var elementAnimation = $toAnimateElement.attr('data-caption-animate');
                                    setTimeout(function() {
                                        $toAnimateElement.removeClass('not-animated').addClass( elementAnimation + ' animated');
                                    }, toAnimateDelayTime);
                                }
                            });
                        },
                        onSlideChangeStart: function(swiper){
                            $('#slide-number-current').html(swiper.activeIndex + 1);
                            $('[data-caption-animate]').each(function(){
                                var $toAnimateElement = $(this);
                                var elementAnimation = $toAnimateElement.attr('data-caption-animate');
                                $toAnimateElement.removeClass('animated').removeClass(elementAnimation).addClass('not-animated');
                            });
                        },
                        onSlideChangeEnd: function(swiper){
                            $('#slider .swiper-slide').each(function(){
                                if($(this).find('video').length > 0) { $(this).find('video').get(0).pause(); }
                            });
                            $('#slider .swiper-slide:not(".swiper-slide-active")').each(function(){
                                if($(this).find('video').length > 0) {
                                    if($(this).find('video').get(0).currentTime != 0 ) $(this).find('video').get(0).currentTime = 0;
                                }
                            });
                            if( $('#slider .swiper-slide.swiper-slide-active').find('video').length > 0 ) { $('#slider .swiper-slide.swiper-slide-active').find('video').get(0).play(); }

                            $('#slider .swiper-slide.swiper-slide-active [data-caption-animate]').each(function(){
                                var $toAnimateElement = $(this);
                                var toAnimateDelay = $(this).attr('data-caption-delay');
                                var toAnimateDelayTime = 0;
                                if( toAnimateDelay ) { toAnimateDelayTime = Number( toAnimateDelay ) + 300; } else { toAnimateDelayTime = 300; }
                                if( !$toAnimateElement.hasClass('animated') ) {
                                    $toAnimateElement.addClass('not-animated');
                                    var elementAnimation = $toAnimateElement.attr('data-caption-animate');
                                    setTimeout(function() {
                                        $toAnimateElement.removeClass('not-animated').addClass( elementAnimation + ' animated');
                                    }, toAnimateDelayTime);
                                }
                            });
                        }
                    });

                    $('#slider-arrow-left').on('click', function(e){
                        e.preventDefault();
                        swiperSlider.swipePrev();
                    });

                    $('#slider-arrow-right').on('click', function(e){
                        e.preventDefault();
                        swiperSlider.swipeNext();
                    });

                    $('#slide-number-current').html(swiperSlider.activeIndex + 1);
                    $('#slide-number-total').html(swiperSlider.slides.length);
                });
            </script>

        </section>
<section id="content">
     <div class="line"></div>
    <div class="content-wrap nopadding">
      <div class="fancy-title title-dotted-border title-center">
        <h2>Talk To <span>Us</span></span></h2>
		
      </div>
	     <div class="container clearfix"> <p class="center">We offer 80% to 100% commission plans. We have a plan for your ideal real estate scenario. When your ready to transition to full-time it’s as easy as upgrading to one of our other plans.Earn commissions, help your friends, family, neighbors or even your own property purchases. Just like a Netflix membership it’s as easy as clicking below…</p>
	 
		 </div>
        <div class="center">
			<a href="{{url('join-now')}}" class="button button-3d button-dark button-large center">Join Now</a>
			<br><p class="center"><a href="mailto:join@synre.com">join@synre.com</a><br>Call us at 888-555-1000</p>	
		</div>
		
    
    </div>
    <div class="line"></div>
 
   
    <div class="clear"></div>
  </section>
  
@stop