@extends('theme.layouts.home')
@section('title', isset($seo) ? $seo->title : 'Teem')
@section('description', isset($seo) ? $seo->description : 'Everything we do, we believe in empowering the small business community. The way we do that is by helping them run their business professionally through our online business management tool')
@section('keywords', isset($seo) ? $seo->keywords : 'Teem')
@section('content')

<div id="main" class="content-wrapper">
    <div ng-show="homePage">
        <div ng-show="homePage &&  signupvalidate">
            @include('theme.home.tap-payment-page')
        </div>
        <div ng-show="homePage &&  !signupvalidate">
            <div class="two-column-content">
                <div class="wrap">
                    <div class="two-column-content__text">
                        <h2 class="heading_underline">{{ trans('front_pages.about_us_page.our_mission') }}</h2>
                        <p>{{ trans('front_pages.about_us_page.our_mission_message') }}</p>
                    </div>
                    <div class="two-column-content__image">
                        <img src="/theme/images/landing/our-mission.svg" alt="Keep a Client Database" />
                    </div>
                </div>
            </div>

            <div class="two-column-content reverse our-story">
                <div class="wrap">
                    <div class="two-column-content__text">
                        <h2 class="heading_underline">{{ trans('front_pages.about_us_page.our_story') }}</h2>
                        <p>{!! trans('front_pages.about_us_page.our_story_message') !!}</p>
                    </div>
                    <div class="two-column-content__image">
                        <img src="/theme/images/landing/our-story.svg" alt="Create Custom Contracts" />
                    </div>
                </div>
            </div>
            @if (App::isLocale('en'))
                <div class="our_team">
                    <div class="wrap">
                        <h2 class="heading_underline center">{{ trans('front_pages.about_us_page.our_team') }}</h2>
                        <div class="our_team--team khadija">
                            <div class="our_team--team--pic">
                                <img src="/theme/images/landing/Khadija.jpg" alt="Khadija Nehfawi" />
                            </div>
                            <span class="our_team--team--info">{{ trans('front_pages.about_us_page.khadija_nahfawi') }}</span>
                            <span class="our_team--team--jobInfo">{{ trans('front_pages.about_us_page.khadija_nahfawi_role') }}</span>
                            <div class="our_team--team--social">
                                <a href="javascript:;" class="linkedin_icon">
                                    <svg x="0px" y="0px"  viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
                                            <rect  class="svg-stroke" y="160" width="114.496" height="352"/>
                                            <path class="svg-stroke"  d="M426.368,164.128c-1.216-0.384-2.368-0.8-3.648-1.152c-1.536-0.352-3.072-0.64-4.64-0.896
                                                c-6.08-1.216-12.736-2.08-20.544-2.08c-66.752,0-109.088,48.544-123.04,67.296V160H160v352h114.496V320
                                                c0,0,86.528-120.512,123.04-32c0,79.008,0,224,0,224H512V274.464C512,221.28,475.552,176.96,426.368,164.128z"/>
                                            <circle class="svg-stroke"  cx="56" cy="56" r="56"/>
                                    </svg>
                                </a>
                                <a href="javascript:;" class="msg_icon">
                                    <svg x="0px" y="0px" viewBox="0 0 382.117 382.117" >
                                    <path class="svg-stroke" d="M336.764,45.945H45.354C20.346,45.945,0,65.484,0,89.5v203.117c0,24.016,20.346,43.555,45.354,43.555h291.41
                                        c25.008,0,45.353-19.539,45.353-43.555V89.5C382.117,65.484,361.772,45.945,336.764,45.945z M336.764,297.72H45.354
                                        c-3.676,0-6.9-2.384-6.9-5.103V116.359l131.797,111.27c2.702,2.282,6.138,3.538,9.676,3.538l22.259,0.001
                                        c3.536,0,6.974-1.257,9.677-3.539l131.803-111.274v176.264C343.664,295.336,340.439,297.72,336.764,297.72z M191.059,192.987
                                        L62.87,84.397h256.378L191.059,192.987z"/>
                                    </svg>
                                </a>
                            </div>
                        </div>
                        <div class="our_team--team malak">
                            <div class="our_team--team--pic">
                                <img src="/theme/images/landing/Malik3.jpg" alt="Malak Fakieh" />
                            </div>
                            <span class="our_team--team--info">{{ trans('front_pages.about_us_page.malak_fakeih') }}</span>
                            <span class="our_team--team--jobInfo">{{ trans('front_pages.about_us_page.malak_fakeih_role') }}</span>
                            <div class="our_team--team--social">
                                <a href="javascript:;" class="linkedin_icon">
                                    <svg x="0px" y="0px"  viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
                                            <rect  class="svg-stroke" y="160" width="114.496" height="352"/>
                                            <path class="svg-stroke"  d="M426.368,164.128c-1.216-0.384-2.368-0.8-3.648-1.152c-1.536-0.352-3.072-0.64-4.64-0.896
                                                c-6.08-1.216-12.736-2.08-20.544-2.08c-66.752,0-109.088,48.544-123.04,67.296V160H160v352h114.496V320
                                                c0,0,86.528-120.512,123.04-32c0,79.008,0,224,0,224H512V274.464C512,221.28,475.552,176.96,426.368,164.128z"/>
                                            <circle class="svg-stroke"  cx="56" cy="56" r="56"/>
                                    </svg>
                                </a>
                                <a href="javascript:;" class="msg_icon">
                                    <svg x="0px" y="0px" viewBox="0 0 382.117 382.117" >
                                    <path class="svg-stroke" d="M336.764,45.945H45.354C20.346,45.945,0,65.484,0,89.5v203.117c0,24.016,20.346,43.555,45.354,43.555h291.41
                                        c25.008,0,45.353-19.539,45.353-43.555V89.5C382.117,65.484,361.772,45.945,336.764,45.945z M336.764,297.72H45.354
                                        c-3.676,0-6.9-2.384-6.9-5.103V116.359l131.797,111.27c2.702,2.282,6.138,3.538,9.676,3.538l22.259,0.001
                                        c3.536,0,6.974-1.257,9.677-3.539l131.803-111.274v176.264C343.664,295.336,340.439,297.72,336.764,297.72z M191.059,192.987
                                        L62.87,84.397h256.378L191.059,192.987z"/>
                                    </svg>
                                </a>
                            </div>
                        </div>

                        <div class="our_team--team heba">
                            <div class="our_team--team--pic">
                                <img src="/theme/images/landing/heba-new.jpg" alt="Heba Alsafwani" />
                            </div>
                            <span class="our_team--team--info">{{ trans('front_pages.about_us_page.heba_alsafwani') }}</span>
                            <span class="our_team--team--jobInfo">{{ trans('front_pages.about_us_page.heba_alsafwani_role') }}</span>
                            <div class="our_team--team--social">
                                <a href="javascript:;" class="linkedin_icon">
                                    <svg x="0px" y="0px"  viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
                                            <rect  class="svg-stroke" y="160" width="114.496" height="352"/>
                                            <path class="svg-stroke"  d="M426.368,164.128c-1.216-0.384-2.368-0.8-3.648-1.152c-1.536-0.352-3.072-0.64-4.64-0.896
                                                c-6.08-1.216-12.736-2.08-20.544-2.08c-66.752,0-109.088,48.544-123.04,67.296V160H160v352h114.496V320
                                                c0,0,86.528-120.512,123.04-32c0,79.008,0,224,0,224H512V274.464C512,221.28,475.552,176.96,426.368,164.128z"/>
                                            <circle class="svg-stroke"  cx="56" cy="56" r="56"/>
                                    </svg>
                                </a>
                                <a href="javascript:;" class="msg_icon">
                                    <svg x="0px" y="0px" viewBox="0 0 382.117 382.117" >
                                    <path class="svg-stroke" d="M336.764,45.945H45.354C20.346,45.945,0,65.484,0,89.5v203.117c0,24.016,20.346,43.555,45.354,43.555h291.41
                                        c25.008,0,45.353-19.539,45.353-43.555V89.5C382.117,65.484,361.772,45.945,336.764,45.945z M336.764,297.72H45.354
                                        c-3.676,0-6.9-2.384-6.9-5.103V116.359l131.797,111.27c2.702,2.282,6.138,3.538,9.676,3.538l22.259,0.001
                                        c3.536,0,6.974-1.257,9.677-3.539l131.803-111.274v176.264C343.664,295.336,340.439,297.72,336.764,297.72z M191.059,192.987
                                        L62.87,84.397h256.378L191.059,192.987z"/>
                                    </svg>
                                </a>
                            </div>
                        </div>
                        
                    </div>

                    <div class="wrap">
                        <div class="our_team--team umeed">
                            <div class="our_team--team--pic">
                                <img src="/theme/images/landing/umeed-new.jpg" alt="Umeed Emad" />
                            </div>
                            <span class="our_team--team--info">{{ trans('front_pages.about_us_page.umeed_emad') }}</span>
                            <span class="our_team--team--jobInfo">{{ trans('front_pages.about_us_page.umeed_emad_role') }}</span>
                            <div class="our_team--team--social">
                                <a href="javascript:;" class="linkedin_icon">
                                    <svg x="0px" y="0px"  viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
                                            <rect  class="svg-stroke" y="160" width="114.496" height="352"/>
                                            <path class="svg-stroke"  d="M426.368,164.128c-1.216-0.384-2.368-0.8-3.648-1.152c-1.536-0.352-3.072-0.64-4.64-0.896
                                                c-6.08-1.216-12.736-2.08-20.544-2.08c-66.752,0-109.088,48.544-123.04,67.296V160H160v352h114.496V320
                                                c0,0,86.528-120.512,123.04-32c0,79.008,0,224,0,224H512V274.464C512,221.28,475.552,176.96,426.368,164.128z"/>
                                            <circle class="svg-stroke"  cx="56" cy="56" r="56"/>
                                    </svg>
                                </a>
                                <a href="javascript:;" class="msg_icon">
                                    <svg x="0px" y="0px" viewBox="0 0 382.117 382.117" >
                                    <path class="svg-stroke" d="M336.764,45.945H45.354C20.346,45.945,0,65.484,0,89.5v203.117c0,24.016,20.346,43.555,45.354,43.555h291.41
                                        c25.008,0,45.353-19.539,45.353-43.555V89.5C382.117,65.484,361.772,45.945,336.764,45.945z M336.764,297.72H45.354
                                        c-3.676,0-6.9-2.384-6.9-5.103V116.359l131.797,111.27c2.702,2.282,6.138,3.538,9.676,3.538l22.259,0.001
                                        c3.536,0,6.974-1.257,9.677-3.539l131.803-111.274v176.264C343.664,295.336,340.439,297.72,336.764,297.72z M191.059,192.987
                                        L62.87,84.397h256.378L191.059,192.987z"/>
                                    </svg>
                                </a>
                            </div>
                        </div>
                        <div class="our_team--team ahmad">
                            <div class="our_team--team--pic">
                                <img src="/theme/images/landing/ahmad-new.jpg" alt="Ahmadullah Emad" />
                            </div>
                            <span class="our_team--team--info">{{ trans('front_pages.about_us_page.ahmadullah_emad') }}</span>
                            <span class="our_team--team--jobInfo">{{ trans('front_pages.about_us_page.ahmadullah_emad_role') }}</span>
                            <div class="our_team--team--social">
                                <a href="javascript:;" class="linkedin_icon">
                                    <svg x="0px" y="0px"  viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
                                            <rect  class="svg-stroke" y="160" width="114.496" height="352"/>
                                            <path class="svg-stroke"  d="M426.368,164.128c-1.216-0.384-2.368-0.8-3.648-1.152c-1.536-0.352-3.072-0.64-4.64-0.896
                                                c-6.08-1.216-12.736-2.08-20.544-2.08c-66.752,0-109.088,48.544-123.04,67.296V160H160v352h114.496V320
                                                c0,0,86.528-120.512,123.04-32c0,79.008,0,224,0,224H512V274.464C512,221.28,475.552,176.96,426.368,164.128z"/>
                                            <circle class="svg-stroke"  cx="56" cy="56" r="56"/>
                                    </svg>
                                </a>
                                <a href="javascript:;" class="msg_icon">
                                    <svg x="0px" y="0px" viewBox="0 0 382.117 382.117" >
                                    <path class="svg-stroke" d="M336.764,45.945H45.354C20.346,45.945,0,65.484,0,89.5v203.117c0,24.016,20.346,43.555,45.354,43.555h291.41
                                        c25.008,0,45.353-19.539,45.353-43.555V89.5C382.117,65.484,361.772,45.945,336.764,45.945z M336.764,297.72H45.354
                                        c-3.676,0-6.9-2.384-6.9-5.103V116.359l131.797,111.27c2.702,2.282,6.138,3.538,9.676,3.538l22.259,0.001
                                        c3.536,0,6.974-1.257,9.677-3.539l131.803-111.274v176.264C343.664,295.336,340.439,297.72,336.764,297.72z M191.059,192.987
                                        L62.87,84.397h256.378L191.059,192.987z"/>
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            @endif
        </div>
        @section('footer')
            @include('theme.layouts.partials.landing-footer')
        @show
    </div>
    @include('theme.home.new-sign-up')
</div>
@endsection