@php
    $reportCountPechpecher=App\Http\Controllers\PechPech\PechPech::CountPechPecher()+1328;
    $reportCountPost=App\Http\Controllers\PechPech\PechPech::CountTotalPost()+137;
@endphp

@extends('layout.blank')

@once
@php
    App\Http\Controllers\Template\View::CssFilePush('intro');
    App\Http\Controllers\Template\View::JsFilePush('jquery.waypoints.min', ['jquery.min']);
@endphp
@push('script')
    <script>
        $(document).ready(function(){
            if($(window).width()<=950)
                return;
            $("*.animate-launch").each(function(){
                var $launch=$(this);
                var waypoint = new Waypoint({
                    element: $launch.get(0),
                    handler: function(direction) {
                        if(direction!=="down")
                            return;
                        $launch.find("*[data-animate]").each(function(){
                            $(this).css("animation-name", $(this).attr("data-animate"));
                        });
                    },
                    offset: "95%"
                });
            });

        });
    </script>
@endpush
@endonce

@section('title', 'پچ پچ :: کسب درآمد اینترنتی')
@section('page-classname', 'page-intro')

@section('mainContent')
    <section class="login animate-launch">
        <div class="btn-login" data-animate="slideInTop"><a href="{!! \App\Http\Controllers\PechPech\Member\Login\Login::IsLogin()?route('home'):route('home') !!}"></a></div>
        <div class="gm-cw">
            <div class="bg dynamic_attr" data-animate="slideInRight"><i></i></div>
            <div class="form" data-animate="slideInLeft">
                <div>
                    <div class="title">
                        <h1>به شبکه تبلیغاتی پچ پچ خوش آمدید!</h1>
                        <h2>رونق کسب و کار شما و کسب درآمد با پچ پچ!</h2>
                    </div>
                    <div class="top-image dynamic_attr"></div>
                    <div class="content">
                        @include('PechPech.Member.Login.loginForm', ['yieldTextLoginButton'=>'شروع کنید', 'yieldUrlRedirect'=>route('home')])
                        @yield('loginForm')
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="data-report animate-launch">
        <div class="gm-cw">
            <div data-animate="slideInRight">
                <div class="shared color-g dynamic_attr">
                    <i></i>
                    <h2>{{$reportCountPechpecher}} پچ پچ کننده !</h2>
                    <p>با پچ پچ ، تبلیغات خدمات و محصولات را به مخاطبین مورد نظر برسانید و <span>کسب درآمد</span> کنید.</p>
                    <button class="btn" onclick="window.location='{!! route('login') !!}';">به شبکه پچ پچ کنندگان بپیوندید</button>
                </div>
            </div>
            <div data-animate="slideInBottom">
                <div class="post color-b dynamic_attr">
                    <i></i>
                    <h2>{{$reportCountPost}} تبلیغ آماده پچ پچ شدن !</h2>
                    <p>محصولات و خدمات خود را به <span>میلیون ها مخاطب</span> مورد نظر نمایش دهید.</p>
                    <button class="btn">به شبکه تبلیغ دهندگان بپیوندید</button>
                </div>
            </div>
            <div data-animate="slideInLeft">
                <div class="income color-g dynamic_attr">
                    <i></i>
                    <h2>کار در منزل با تلفن همراه !</h2>
                    <p>با تلفن همراه خود کسب <span>درآمد میلیونی</span> کنید.</p>
                    <button class="btn">به شبکه پچ پچ کنندگان بپیوندید</button>
                </div>
            </div>
        </div>
    </section>
    <section class="time-remain-earn-money animate-launch">
        <div class="gm-cw container">
            <div class="title" data-animate="slideInBottom">
                <div class="content">
                    <h2><span class="g">30 ثانیه</span> تا <span class="b">کسب درآمد شگفت انگیز</span> از <span class="b">منزل</span> و موفقیت در کسب و کار شما !</h2>
                    <i></i>
                </div>
            </div>
            <div class="video" data-animate="slideInTop">
                <div class="content"></div>
            </div>
        </div>
    </section>
    <section class="ready-to-start">
        <div class="gm-cw container">
            <div class="side">
                <h2>آماده شروع هستید؟</h2>
                <p>به پچ پچ بپیوندید و در پچ پچ عضو شوید.</p>
            </div>
            <div class="side-m">
                <i></i>
                <a href="{{route('login')}}">وارد شوید</a>
            </div>
        </div>
    </section>
    {{--
    <section class="middle-income middle animate-launch">
        <div class="gm-cw">
            <div class="bg dynamic_attr" data-animate="slideInRight"></div>
            <div class="info" data-animate="slideInLeft">
                <div>
                    <h1>کسب <span>درآمد 220 میلیونی تومانی</span> پچ پچ کننده ها!</h1>
                    <h2>266 پچ پچ کننده، <span>220 میلیون تومان درآمد</span> کسب کرده اند!</h2>
                    <a href="{{route('login')}}">شروع کنید</a>
                </div>
            </div>
        </div>
    </section>
    --}}
    {{--
    <section class="middle-business middle animate-launch">
        <div class="gm-cw">
            <div class="info" data-animate="slideInTop">
                <div>
                    <h1><span>52 کسب و کار</span> در راستای تحول حرکت کرده اند!</h1>
                    <h2>جای کسب و کار شما برای پچ پچ شدن خالی است.</h2>
                    <h2>تا <span>100% افزایش فروش و بازدید</span> داشته باشید !</h2>
                    <a href="{{route('login')}}">شروع کنید</a>
                </div>
            </div>
            <div class="bg dynamic_attr" data-animate="slideInBottom"></div>
        </div>
    </section>
    --}}
    {{--
    <section class="middle-total middle animate-launch">
        <div class="gm-cw">
            <div class="bg dynamic_attr" data-animate="slideInTop"></div>
            <div class="info" data-animate="slideInLeft">
                <h1>246 پچ پچ کننده، 52 کسب و کار را رونق بخشیده اند!</h1>
                <a href="{{route('login')}}">گام اول موفقیت</a>
            </div>
        </div>
    </section>
    --}}
    <section class="footer">
        <div class="gm-cw container">
            <div class="content">
                <div class="logo"><img src="{{\App\Http\Controllers\Template\Template::AssetImage('logo-a.png')}}" alt="پچ پچ" width="48"></div>
                <p>توضیحات مربوط به پچ پچ درباره متن تولیدی اتوماتیک بمنظور کنترل و مشاهده کیفیت نوشته ها توضیحات مربوط به پچ پچ درباره متن تولیدی اتوماتیک بمنظور کنترل و مشاهده کیفیت نوشته ها توضیحات مربوط به پچ پچ درباره متن تولیدی اتوماتیک بمنظور کنترل و مشاهده کیفیت نوشته ها توضیحات مربوط به پچ پچ درباره متن تولیدی اتوماتیک بمنظور کنترل و مشاهده کیفیت نوشته ها</p>
                <ul class="license">
                    <li>
                        <img referrerpolicy='origin' id = 'rgvjjxlzwlaoapfuapfunbqe' style = 'cursor:pointer' onclick = 'window.open("https://logo.samandehi.ir/Verify.aspx?id=314552&p=xlaorfthaodsdshwdshwuiwk", "Popup","toolbar=no, scrollbars=no, location=no, statusbar=no, menubar=no, resizable=0, width=450, height=630, top=30")' alt = 'logo-samandehi' src = 'https://logo.samandehi.ir/logo.aspx?id=314552&p=qftinbpdshwlujynujynodrf' />
                    </li>
                </ul>
            </div>
            <div class="side">
                <h2>لینک های میانبر پچ پچ</h2>
                <ul>
                    <li><a href="">تماس با ما</a></li>
                    <li><a href="">درباره پچ پچ</a></li>
                    <li><a href="{{route('login')}}">عضویت و ورود</a></li>
                    <li><a href="/blog/">بلاگ ما</a></li>
                </ul>
            </div>
        </div>
        <div class="hr"></div>
        <div class="gm-cw copyright">
            <p>
                استفاده از مطالب شبکه پچ پچ فقط برای مقاصد غیرتجاری و با ذکر منبع بلامانع است. کلیه حقوق این سایت متعلق به <a href="https://virainformatics.com/" target="_blank">شرکت ارزش آفرینان گسترش انفورماتیک ویرا</a> می باشد.
            </p>
        </div>
    </section>
@endsection