<!DOCTYPE html>
<html lang="{{ app()->getLocale() }}">
<head>
    {!!SetPageHeader()!!}
    <link rel="stylesheet" href="{{ asset('seosight/css/fonts.css') }}">
    <link rel="stylesheet" href="{{ asset('seosight/css/crumina-fonts.css') }}">
    <link rel="stylesheet" href="{{ asset('seosight/css/normalize.css') }}">
    <link rel="stylesheet" href="{{ asset('seosight/css/grid.css') }}">
    <link rel="stylesheet" href="{{ asset('seosight/css/base.css') }}">
    <link rel="stylesheet" href="{{ asset('seosight/css/blocks.css') }}">
    <link rel="stylesheet" href="{{ asset('seosight/css/layouts.css') }}">
    <link rel="stylesheet" href="{{ asset('seosight/css/modules.css') }}">
    <link rel="stylesheet" href="{{ asset('seosight/css/widgets-styles.css') }}">

    <!--Plugins styles-->
    <link rel="stylesheet" href="{{ asset('seosight/css/jquery.mCustomScrollbar.min.css') }}">
    <link rel="stylesheet" href="{{ asset('seosight/css/swiper.min.css') }}">
    <link rel="stylesheet" href="{{ asset('seosight/css/primary-menu.css') }}">
    <link rel="stylesheet" href="{{ asset('seosight/css/magnific-popup.css') }}">

    <!--Styles for RTL-->
    <!--<link rel="stylesheet" href="./seosight/css/rtl.css">-->

    <!--External fonts-->
    <link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>

</head>
<body class=" ">

<!-- Header -->
<header class="header" id="site-header">
    <div class="container">
        @includeIf('partials.header')        
    </div>
</header>
<!-- ... End Header -->

<!-- Right-menu -->
<div class="mCustomScrollbar" data-mcs-theme="dark">
    <div class="popup right-menu">
        @includeIf('partials.right_panel')    
    </div>
</div>

<!-- ... End Right-menu -->

<div class="content-wrapper">
    <div class="header-spacer"></div>
    <!-- Main Slider -->
        @includeif('partials.main_slider')
    <!-- ... End Main Slider -->

    <!-- SEO tools recommended-Box -->
    <div class="container info-boxes pt100 pb100">
        <div class="row">
                @includeif('partials.seo_tools_recommended')
        </div>
    </div>
    <!-- SEO tools recommended-Box -->


<!-- SEO-Score -->
<!--
    NEED TO Update route/web.php for Route::POST
-->
    <div class="container-fluid">
        <div class="row">
            <div class="seo-score scrollme">
                
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-xs-12 col-sm-12">
                            <div class="seo-score-content align-center">
    
                                <div class="heading align-center">
                                    <h4 class="h1 heading-title">Google SEO Rank Checker!!!</h4>
                                    <p class="heading-text">Check your website’s SEO rank for free!<br>{{config('site.config._SEO_TOOLS_RECOMMENDED.google-serp.'.App::getLocale())}}</p>
                                </div>
    
                                <div class="contact-form">
                                    <iframe width="100%" height="500" allowtransparency="true" frameborder="0" id="7699e5" scrolling="no" src="https://tools.seoezypro.com/embed?id=google-serp&r=7699e5"></iframe>
                                    <script type="text/javascript">
                                      (function(id) {
                                        var eventMethod = (window.addEventListener ? "addEventListener" : "attachEvent"), lh = -1;
                                        window[eventMethod](eventMethod == "attachEvent" ? "onmessage" : "message", function(e) {
                                          if (e.data.indexOf(id + ':') != 0) return; var h = parseInt(e.data.substring(id.length + 1), 10);
                                          if (lh != h) document.getElementById(id).style.height = h + 'px'; lh = h;
                                        }, false);
                                      })("7699e5");
                                    </script>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
    
                <div class="images">
                    <img src="{{ asset('seosight/img/seoscore1.png') }}" alt="SEO Rank">
                    <img src="{{ asset('seosight/img/seoscore2.png') }}" alt="SEO Scores">
                    <img src="{{ asset('seosight/img/seoscore3.png') }}" alt="SEO page">
                </div>
    
            </div>
        </div>
    </div>
<!-- ... End SEO-Score -->


<!-- Offers -->

    <div class="container">
        <div class="row medium-padding120">
            <div class="col-lg-12">
                <div class="offers">
                    <div class="row">
                        <div class="col-lg-8 col-md-12 col-sm-12 col-xs-12">
                            <div class="heading">
                                <h4 class="h1 heading-title">{{ config('site.config._SEO_TOOLS_COMPREHENSIVE.h1.'.App::getLocale().'') }}</h4>
                                <div class="heading-line">
                                    <span class="short-line"></span>
                                    <span class="long-line"></span>
                                </div>
                            </div>
                        </div>
                    </div>
    
                    <div class="row">
                        <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
                            <div class="heading">
                                <p class="heading-text">{{ config('site.config._SEO_TOOLS_COMPREHENSIVE.heading-text.'.App::getLocale().'') }}
                                </p>
                            </div>
                            @php
                                if(App::getLocale() === "en"){
                                    $langLinkOut = "en-us";
                                }else{
                                    $langLinkOut = "th-th";
                                }
                            @endphp
                            <ul class="list list--secondary">
                                <li>
                                    <i class="seoicon-check"></i>
                                    <a href="{{config('site.config.fr_appconfig.front-end-common.default._linkConf.seo-tools-sub-domain')}}google-serp?setlang={{$langLinkOut}}">{{ config('site.config._SEO_TOOLS_COMPREHENSIVE.google-serp.'.App::getLocale().'') }}</a>
                                </li>
                                <li>
                                    <i class="seoicon-check"></i>
                                    <a href="{{config('site.config.fr_appconfig.front-end-common.default._linkConf.seo-tools-sub-domain')}}high-quality-backlinks?setlang={{$langLinkOut}}">{{ config('site.config._SEO_TOOLS_COMPREHENSIVE.high-quality-backlinks.'.App::getLocale().'') }}</a>
                                </li>
                                <li>
                                    <i class="seoicon-check"></i>
                                    <a href="{{config('site.config.fr_appconfig.front-end-common.default._linkConf.seo-tools-sub-domain')}}keyword-research?setlang={{$langLinkOut}}">{{ config('site.config._SEO_TOOLS_COMPREHENSIVE.keyword-research.'.App::getLocale().'') }}</a>
                                </li>
                                <li>
                                    <i class="seoicon-check"></i>
                                    <a href="{{config('site.config.fr_appconfig.front-end-common.default._linkConf.seo-tools-sub-domain')}}keyword-density?setlang={{$langLinkOut}}">{{ config('site.config._SEO_TOOLS_COMPREHENSIVE.keyword-density.'.App::getLocale().'') }}</a>
                                </li>
                                <li>
                                    <i class="seoicon-check"></i>
                                    <a href="{{config('site.config.fr_appconfig.front-end-common.default._linkConf.seo-tools-sub-domain')}}competition?setlang={{$langLinkOut}}">{{ config('site.config._SEO_TOOLS_COMPREHENSIVE.competition.'.App::getLocale().'') }}</a>
                                </li>
                                <!--<li>
                                    <i class="seoicon-check"></i>
                                    <a href="{{localized_route(config('site.config._APP_SITE_ADMIN_PATH'))}}">{{ config('site.config._SEO_TOOLS_COMPREHENSIVE.dashboard.'.App::getLocale().'') }}</a>
                                </li>-->
                            </ul>
    
                            <a href="{{config('site.config.fr_appconfig.front-end-common.content._linkConf.service')}}" class="btn btn-medium btn-border c-primary">
                                <span class="text">Learn More</span>
                                <span class="semicircle"></span>
                            </a>
    
                            <a href="{{config('site.config._MY_ACCOUNT_GET_QUOTE')}}" class="btn btn-medium btn--primary btn-hover-shadow">
                                <span class="text">Get a Quote</span>
                                <span class="semicircle"></span>
                            </a>
    
                        </div>
    
                        <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
                            <div class="offers-thumb">
                                <img src="{{ asset('seosight/img/offers1.png') }}" alt="SeoEzyPro offers">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<!-- ... End Offers -->


<!-- Our-video -->

    <div class="container-fluid">
        <div class="row">
            <div class="our-video js-equal-child">
                @includeif('partials.main_watch_video')
            </div>
        </div>
    </div>

<!-- ... End Offers -->


<!-- Background-mountains -->

    <div class="container-fluid">
        <div class="row">
            <div class="background-mountains medium-padding120 scrollme">
                <div class="images">
                    <img src="{{ asset('seosight/img/mountain1.png') }}" alt="SeoEzyPro Services">
                    <img src="{{ asset('seosight/img/mountain2.png') }}" alt="SeoEzyPro Services">
                </div>
                @includeif('partials.main_affordable_seo_services_packages')
            </div>
        </div>
    </div>

<!-- End Background-mountains -->


<!-- Counters -->
    <div class="container-fluid">
        <div class="row bg-green-color">
            <div class="container">
                <div class="row">
                    <div class="counters">
                        <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                            <div class="counter-item">
                                <div class="counter-numbers counter">
                                    <span data-speed="2000" data-refresh-interval="3" data-to="10" data-from="2">10+</span>
                                    <div class="units">Y</div>
                                </div>
                                <span class="counter-title">Founders' Expertise</span>
                                <div class="counter-line">
                                    <span class="short-line"></span>
                                    <span class="long-line"></span>
                                </div>
                            </div>
                        </div>
    
                        <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                            <div class="counter-item">
                                <div class="counter-numbers counter">
                                    <span data-speed="2000" data-refresh-interval="3" data-to="2" data-from="0">2+</span>
                                </div>
                                <span class="counter-title">Years of {{config('site.config._sitename')}}</span>
                                <div class="counter-line">
                                    <span class="short-line"></span>
                                    <span class="long-line"></span>
                                </div>
                            </div>
                        </div>
    
                        <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                            <div class="counter-item">
                                <div class="counter-numbers counter">
                                    <span data-speed="2000" data-refresh-interval="3" data-to="1" data-from="2">1+</span>
                                    <div class="units">+</div>
                                </div>
                                <span class="counter-title">Professionals</span>
                                <div class="counter-line">
                                    <span class="short-line"></span>
                                    <span class="long-line"></span>
                                </div>
                            </div>
                        </div>
    
                        <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                            <div class="counter-item">
                                <div class="counter-numbers counter">
                                    <span data-speed="2000" data-refresh-interval="3" data-to="0" data-from="400">0+</span>
                                    <div class="units">+</div>
                                </div>
                                <span class="counter-title">Satisfied Clients</span>
                                <div class="counter-line">
                                    <span class="short-line"></span>
                                    <span class="long-line"></span>
                                </div>
                            </div>
                        </div>
    
                    </div>
                </div>
            </div>
        </div>
    </div>

<!-- End Counters -->


<!-- Recent-case -->

    <div class="container">
        <div class="row medium-padding120">
            <div class="recent-case align-center">
    
                <div class="col-lg-12">
    
                    <div class="row">
                        <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-12 col-xs-12">
                            <div class="heading align-center">
                                <h4 class="h1 heading-title">Recent Case Studies</h4>
                                <div class="heading-line">
                                    <span class="short-line"></span>
                                    <span class="long-line"></span>
                                </div>
                                <p class="heading-text">SEOEzyPro
                                </p>
                            </div>
                        </div>
                    </div>
    
                    <div class="row">
                        <div class="case-item-wrap">
                            <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                                <div class="case-item">
                                    <div class="case-item__thumb">
                                        <img src="{{ asset('img/Ezyyou.com_case_study.PNG') }}" alt="SeoEzyPro จัดอันดับแสดงผลหน้าแรกให้ https://ezyyou.com จำนวน 7 keywords">
                                    </div>
                                <h6 class="case-item__title"><a href="https://ezyyou.com" target="_blank" alt="จัดอันดับแสดงผลหน้าแรกให้ https://ezyyou.com จำนวน 7 keywords" title="จัดอันดับแสดงผลหน้าแรกให้ https://ezyyou.com จำนวน 7 keywords">https://ezyyou.com</a></h6>
                                </div>
                            </div>
    
                            <div class="col-lg-4  col-md-4 col-sm-6 col-xs-12">
                                <div class="case-item">
                                    <div class="case-item__thumb">
                                        <img src="{{ asset('seosight/img/case2.jpg') }}" alt="SeoEzyPro our case">
                                    </div>
                                    <h6 class="case-item__title">จัดเก็บข้อมูลอันดับเว็บไซต์ รวบรวมแสดงผลเป็น <a href="./dashboard/">dashboard</a></h6>
                                </div>
                            </div>
    
                            <div class="col-lg-4  col-md-4 col-sm-6 col-xs-12">
                                <div class="case-item">
                                    <div class="case-item__thumb mouseover poster-3d lightbox shadow animation-disabled" data-offset="5">
                                        <img src="{{ asset('seosight/img/case3.jpg') }}" alt="SeoEzyPro our case">
                                    </div>
                                    <h6 class="case-item__title">https://sabuy2shop.com</h6>
                                </div>
                            </div>
                        </div>
                    </div>
    
                    <a href="{{config('site.config.fr_appconfig.front-end-common.default._linkConf.our-project')}}" class="btn btn-medium btn--dark">
                        <span class="text">All Projects</span>
                        <span class="semicircle"></span>
                    </a>
                </div>
    
            </div>
        </div>
    </div>

<!-- End Recent-case -->


<!-- Testimonial-slider -->
{{--@includeif('partials.main_testimonials')--}}
<!-- End Testimonial-slider -->


<!-- Pricing table -->
{{--@includeif('partials.main_pricing')--}}
<!-- End Pricing table -->


<!-- Post-slider -->
    <div class="container">
        <div class="recent-post-slider medium-padding120">
             @includeif('partials.main_blog')
        </div>
    </div>
<!-- End Post-slider -->


<!-- Clients -->

    <div class="section">
        <div class="client-carousel medium-padding120">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-lg-offset-3 col-md-6 col-md-offset-3 col-sm-12 col-xs-12">
                        <div class="heading align-center">
                            <h4 class="h1 heading-title">Our Clients</h4><!--Our Valuable Clients-->
                            <div class="heading-line">
                                <span class="short-line"></span>
                                <span class="long-line"></span>
                            </div>
                            <p class="heading-text">"Our Valued Partners"</p>
                        </div>
                    </div>
                </div>
    
                <div class="theme-module clients-slider-module">
                    <div class="swiper-container pagination-bottom" data-show-items="4">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide client-item">
                                <a href="https://ezyyou.com" target="_blank" class="client-image">
                                    <img src="{{ asset('img/ezyyou.com-logo.png') }}" alt="ezyyou.com" class="hover">
                                </a>
                            </div>
    
                            <div class="swiper-slide client-item">
                                <a href="https://sabuy2shop.com" target="_blank" class="client-image">
                                    <img src="{{ asset('img/sabuy2shop_180x180.png') }}" alt="sabuy2shop.com" class="hover">
                                </a>
                            </div>
    
                            <div class="swiper-slide client-item">
                                <a href="https://bookingtourthai.com" target="_blank" class="client-image">
                                    <img src="{{ asset('img/bookingtourthai.com_logo.png') }}" alt="bookingtourthai.com" class="hover">
                                </a>
                            </div>
    
                            <div class="swiper-slide client-item">
                                <a href="{{config('site.config._live_site')}}" target="_blank" class="client-image">
                                    <img src="{{ asset('img/Seoezypro.com_logo.png') }}" alt="SeoEzyPro logo" class="hover">
                                </a>
                            </div>
    
                        </div>
    
                        <!--Prev Next Arrows-->
                        <svg class="btn-next">
                            <use xlink:href="#arrow-right"></use>
                        </svg>
    
                        <svg class="btn-prev">
                            <use xlink:href="#arrow-left"></use>
                        </svg>
                    </div>
                </div>
            </div>
        </div>
    </div>

<!-- End Clients -->


    <!-- Subscribe Form -->
    <div class="container-fluid bg-green-color">
        <div class="row">
            <div class="container">

                <div class="row">
                    <div class="subscribe scrollme">

                        <div class="col-lg-6 col-lg-offset-5 col-md-6 col-md-offset-5 col-sm-12 col-xs-12">
                            <h4 class="subscribe-title">Email Newsletters!</h4>
                            <form class="subscribe-form" method="post" action="import.php">
                                <input class="email input-standard-grey input-white" name="email" required="required" placeholder="Your Email Address" type="email">
                                <button class="subscr-btn">subscribe
                                    <span class="semicircle--right"></span>
                                </button>
                            </form>
                            <div class="sub-title">Sign up for new Seosignt content, updates, surveys & offers.</div>

                        </div>

                        <div class="images-block">
                            <img src="{{ asset('seosight/img/subscr-gear.png') }}" alt="SeoEzyPro gear" class="gear">
                            <img src="{{ asset('seosight/img/subscr1.png') }}" alt="SeoEzyPro mail" class="mail">
                            <img src="{{ asset('seosight/img/subscr-mailopen.png') }}" alt="SeoEzyPro mail" class="mail-2">
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- End Subscribe Form -->
</div>

<!-- Footer -->
    @includeif('partials.footer')
<!-- End Footer -->

</body>
</html>
