@extends('site.layouts.app')

@section('title', 'Quadcode Life')

@section('description', 'Visit us to know about Quadcode Life, Benefits and Values our Team and what we offer.')

@section('keywords', 'Quadcode')

@section('content')

    <section class="welcome welcome_who-we" data-desktop="{{ asset('/files/life.jpg') }}" style="--welcome-bg: url({{ asset('/files/mobile/life.jpg') }}); --header-font-size: var(--typo-headline1);">
        <div class="locations__video-wrap">
            <video class="location-video" autoplay="true" loop="true" muted="muted" playsinline poster="{{ asset('/files/life_poster.jpg') }}"
               data-mobile="{{ asset('/files/mobile/life.png') }}">
                <source data-src="{{ asset('/files/life.mp4') }}" type="video/mp4">
            </video>
        </div>
        <div class="container">
            <div class="welcome__inner js-video">
                <header class="welcome__header fw-600" style="margin-bottom: 1rem;">
                    <h1>Quadcode life</h1>
                </header>
{{--                <div class="welcome__subtitle">The holding company has a total of 800+ people in five countries</div>--}}
                <div class="overlay js-video-overlay">
                    <div class="overlay__content">
                        <div class="overlay__close js-video-close">
                            <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="svg-inline--fa fa-times fa-w-10 fa-3x"><path fill="currentColor" d="M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z" class=""></path></svg>
                        </div>
                        <video class="js-video-autoplay" src="{{ asset('/files/index.mp4') }}"></video>
                    </div>
                </div>
            </div>
        </div>
    </section>

    @include('site.blocks.benefits')
    @include('site.blocks.gallery2')
    @include('site.blocks.values')
    @include('site.blocks.features_list')
@endsection