@extends('layouts.master')


@section('title', Lang::get('home.meta_title'))

@section('description', Lang::get('home.meta_description'))


@section('content')

    @parent

    <header class="site-header">
        
        <div class="site-header-wrapper">
            
            <nav class="site-header-navigation">
                @if( App::getLocale() == 'en' )
                    <a class="link light" href="{{ route('switchLocale', ['language' => 'fr']) }}" title="Passer en Français">Français</a>
                @else
                    <a class="link light" href="{{ route('switchLocale', ['language' => 'en']) }}" title="Switch to English">English</a>
                @endif
                <a class="link no-mobile light" href="mailto:hello@theyogameetup.com">{{ Lang::get('home.menu.element1') }}</a>
                <a class="button colored" href="mailto:speaker@theyogameetup.com">{{ Lang::get('home.menu.element2') }}</a>
            </nav>


            <div class="site-header-content">
                
                <svg class="header-logo" viewbox="0 0 307 240" arial-label="{{ Lang::get('home.header.logo') }}">
                    <use xlink:href="{{ asset('/assets/icons/icons.svg#logo') }}"></use>
                </svg>

                <h1 class="heading-1 light">{!! Lang::get('home.header.tagline') !!}</h1>

            </div>


            <div class="site-header-partners">
                
                <h3 class="partners-title heading-3 light">{{ Lang::get('home.partners.title') }}</h3>

                <div class="partners">
                        
                    <a class="partner" href="https://hopla.co">
                        <svg class="icon" viewbox="0 0 318 84">
                            <use xlink:href="/assets/icons/icons.svg#hopla"></use>
                        </svg>  
                    </a>

                    <a class="partner" href="http://www.lolewomen.com/">
                        <svg class="icon lole" viewbox="0 0 94 36">
                            <use xlink:href="/assets/icons/icons.svg#lole"></use>
                        </svg>  
                    </a>

                </div>

            </div>

        </div>

    </header>


    <section id="about" class="intro">
        <div class="wrapper small">
            <h2 class="title heading-4">{!! Lang::get('home.about.title') !!}</h2>
            <p class="reading-text big">{{ Lang::get('home.about.text') }}</p>
        </div>
    </section>


    <section class="events">
        
        <div class="events-wrapper">

            <h2 class="heading-3">{{ Lang::get('home.events.upcoming') }}</h2>

            <article class="event">
                
                <aside class="block-left">
                    <div class="event-date">
                        <span class="day">28</span>
                        <span class="month heading-3">{{ Lang::get('home.events.event1.month') }}</span>
                    </div>
                    <a class="button colored" href="https://www.eventbrite.ca/e/billets-yoga-entreprenariat-comment-vivre-de-sa-passion-35012605646" target="_blank">{{ Lang::get('home.events.cta') }}</a>
                </aside>

                <div class="block-right">

                    <div class="section-top">
                        <h3 class="event-title heading-4">{{ Lang::get('home.events.event1.title') }}</h3>
                        <p class="event-description reading-text"><strong>[SOLD OUT]</strong></p>
                        <p class="event-description reading-text">{!! Lang::get('home.events.event1.description') !!}</p>
                    </div>

                    <div class="section-bottom">
                        <svg class="icon small" viewbox="0 0 430.114 430.114">
                            <use xlink:href="{{ asset('/assets/icons/icons.svg#location') }}"></use>
                        </svg>
                        <a class="link" href="https://goo.gl/maps/HA7hSEZ5YQF2" target="_blank">{{ Lang::get('home.events.event1.address') }}</a>
                    </div>

                </div>

            </article>

            <article class="event">
                
                <aside class="block-left">
                    <div class="event-date">
                        <span class="day">19</span>
                        <span class="month heading-3">{{ Lang::get('home.events.event2.month') }}</span>
                    </div>
                </aside>

                <div class="block-right">

                    <div class="section-top">
                        <h3 class="event-title heading-4">{{ Lang::get('home.events.event2.title') }}</h3>
                        <p class="event-description reading-text">{!! Lang::get('home.events.event2.description') !!}</p>
                    </div>

                    <div class="section-bottom">
                        <svg class="icon small" viewbox="0 0 430.114 430.114">
                            <use xlink:href="{{ asset('/assets/icons/icons.svg#location') }}"></use>
                        </svg>
                        <a class="link" href="https://goo.gl/maps/HA7hSEZ5YQF2" target="_blank">{{ Lang::get('home.events.event2.address') }}</a>
                    </div>

                </div>

            </article>

            <div class="more-dates heading-3 colored">{{ Lang::get('home.events.more') }}</div>

            <div class="coming-soon">
                
                <article class="event">
                    
                    <aside class="block-left">
                        <div class="event-date">
                            <span class="day">14</span>
                            <span class="month heading-3">{{ Lang::get('home.events.event3.month') }}</span>
                        </div>
                        <span class="button colored" target="_blank">{{ Lang::get('home.events.cta') }}</span>
                    </aside>

                    <div class="block-right">

                        <div class="section-top">
                            <h3 class="event-title heading-4">{{ Lang::get('home.events.event3.title') }}</h3>
                            <p class="event-description reading-text">{!! Lang::get('home.events.event3.description') !!}</p>
                        </div>

                        <div class="section-bottom">
                            <svg class="icon small" viewbox="0 0 430.114 430.114">
                                <use xlink:href="{{ asset('/assets/icons/icons.svg#location') }}"></use>
                            </svg>
                            <span class="link" target="_blank">{{ Lang::get('home.events.event3.address') }}</span>
                        </div>

                    </div>

                </article>

            </div>

        </div>

    </section>


    <aside class="cta">
        
        <div class="cta-wrapper">

            <div class="block-text">
                <p class="text heading-2">{!! Lang::get('home.cta.text') !!}</p>
            </div>

            <div class="block-button">
                <a class="button colored" href="mailto:host@theyogameetup.com">{{ Lang::get('home.cta.cta') }}</a>
            </div>

        </div>

    </aside>


    <footer class="site-footer">
        
        <p class="block-left reading-text">{{ Lang::get('home.footer.copyrights') }}</p>

        <p class="block-center reading-text">
            <a href="https://www.facebook.com/The-Yoga-Meetup-1303620669728261/" target="_blank">
                <svg class="icon small" viewbox="0 0 96.124 96.123">
                    <use xlink:href="{{ asset('/assets/icons/icons.svg#icon-facebook') }}"></use>
                </svg>
            </a>
            <a href="https://twitter.com/theyogameetup" target="_blank">
                <svg class="icon small" viewbox="0 0 612 612">
                    <use xlink:href="{{ asset('/assets/icons/icons.svg#icon-twitter') }}"></use>
                </svg>
            </a>
        </p>

        <nav class="block-right">

            <a class="link" href="mailto:hello@theyogameetup.com">{{ Lang::get('home.footer.contact') }}</a>

            @if( App::getLocale() == 'en' )
                <a class="button small dark" href="{{ route('switchLocale', ['language' => 'fr']) }}" title="Passer en Français">Français</a>
            @else
                <a class="button small dark" href="{{ route('switchLocale', ['language' => 'en']) }}" title="Switch to English">English</a>
            @endif

        </nav>

    </footer>

@stop


@section('js')
    
    <script src="{{ asset('assets/js/app.js') }}?t=287287"></script>

@stop