@extends('layouts.marketing')
@section('content')

    <!-- Slider Start -->
    <div class="video-play">
        <div class="image-overly-primary cover">
            <div class="videobg loaded"
              >
                <video playsinline="" autoplay="" muted=""
                       loop="">
                    <source src="{{ asset('video/video-4.mp4') }}" type="video/mp4">
                </video>
            </div>
            <!-- End Video -->
            <div class="position-center header-content" role="banner" style="height: 605px;">
                <!-- .container -->
                <div class="container vert-hor-center">
                    <!-- .row -->
                    <div class="row">
                    <div class="col-xs-12 col-sm-12 header-area">
                            <div class="header-area-inner header-text">
                                <!-- single content header -->
                                <div><span class="subtitle "> Welcome to iviggo as</span></div>
                                <h1 class="title">
                               member and affiliate
</h1>
                                <p>As a member and affiliated, you want to get the most out of life<br>
                                You want to help and tell others about the possibilities at IVIGGO 
and at the same time earn a little extra for yourself


</p>
                                <div class="btn-section">
                                     <a href="{{ route('marketing.login') }}" class="color-one btn-custom">Login with your iViggo
                                        account</a>

                                </div>
                            </div>
                        </div>

                        
                    </div>
                    <!-- .row end -->
                </div>
                <!-- .container end -->
            </div>
        </div>
    </div>
    <!-- Slider End-->

        <!-- Modal HTML -->
        <div id="partnerModal" class="modal fade">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Intro Video Partner</h5>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>
                <div class="modal-body">
                <div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/554668211?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="iViggo - Partners Promo">
                </iframe>
                </div>
                <script src="https://player.vimeo.com/api/player.js"></script>
               
                </div>
            </div>
        </div>
    </div>
@endsection