@extends('views.layouts.master')
@section('content')
    <!-- slider wrapper start-->
    <div class="main_slider_wrapper slider-area">        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="false">
            <div class="carousel-inner" role="listbox">
                <div class="carousel-item active">
                    <div class="carousel-captions caption-1">
                        <div class="container">
                            <div class="row">
                                <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                                    <div class="content">

                                        <h2 data-animation="animated bounceInUp">World’s No. 1 Bulk SMS
                                            Platform</h2>

                                        <p data-animation="animated bounceInUp">Increase sales and customer satisfaction with smarter SMS campaigns, instant OTPs, notifications, two-way interactions & other award-winning bulk SMS services</p>
                                        <div class="slider_form_wrapper slider_btn" data-animation="animated bounceInUp">
                                            <input type="text" placeholder=" Email Address...">
                                            <button type="submit">sign up now</button>
                                        </div>

                                        <div class="clear"></div>
                                    </div>
                                </div>
                                <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                                    <div class="slider_main_img_wrapper">
                                        <img src="{{ asset('/themes/eyerecord/pro/resources/images/slider_img.png') }}" alt="slider_img">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel-item">
                    <div class="carousel-captions caption-2">
                        <div class="container">
                            <div class="row">
                                <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                                    <div class="content">

                                        <h2 data-animation="animated bounceInUp">World’s No. 1 Bulk SMS
                                            Platform</h2>

                                        <p data-animation="animated bounceInUp">Increase sales and customer satisfaction with smarter SMS campaigns, instant OTPs, notifications, two-way interactions & other award-winning bulk SMS services</p>
                                        <div class="slider_form_wrapper slider_btn" data-animation="animated bounceInUp">
                                            <input type="text" placeholder=" Email Address...">
                                            <button type="submit">sign up now</button>
                                        </div>

                                        <div class="clear"></div>
                                    </div>
                                </div>
                                <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                                    <div class="slider_main_img_wrapper">
                                        <img src="{{ asset('/themes/eyerecord/pro/resources/images/slider_img2.png') }}" alt="slider_img">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel-item">
                    <div class="carousel-captions caption-3">
                        <div class="container">
                            <div class="row">
                                <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                                    <div class="content">

                                        <h2 data-animation="animated bounceInUp">World’s No. 1 Bulk SMS
                                            Platform</h2>

                                        <p data-animation="animated bounceInUp">Increase sales and customer satisfaction with smarter SMS campaigns, instant OTPs, notifications, two-way interactions & other award-winning bulk SMS services</p>
                                        <div class="slider_form_wrapper slider_btn" data-animation="animated bounceInUp">
                                            <input type="text" placeholder=" Email Address...">
                                            <button type="submit">sign up now</button>
                                        </div>

                                        <div class="clear"></div>
                                    </div>
                                </div>
                                <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                                    <div class="slider_main_img_wrapper">
                                        <img src="{{ asset('/themes/eyerecord/pro/resources/images/slider_img3.png') }}" alt="slider_img">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel-nevigation">
                    <a class="prev" href="#carousel-example-generic" role="button" data-slide="prev"> <span></span> <i class="flaticon-left-arrow"></i>
                    </a>
                    <a class="next" href="#carousel-example-generic" role="button" data-slide="next"> <span></span> <i class="flaticon-right-arrow"></i>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- slider wrapper end-->

    <!-- companies wrapper start-->
    <div class="trusted_company_wrapper full_width">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-12 col-sm-12 col-12">
                    <div class="comapnay_content_wrapper full_width">
                        <h1>Trusted by 5,000+ companies</h1>
                    </div>
                </div>
                <div class="col-lg-8 col-md-12 col-sm-12 col-12">
                    <div class="company_slider_wraper full_width">
                        <div class="owl-carousel owl-theme">
                            <div class="item">
                                <div class="company_img_wrapper">
                                    <a href="#"><img src="{{ asset('/themes/eyerecord/pro/resources/images/cmy1.png') }}" alt="img"></a>
                                </div>
                            </div>
                            <div class="item">
                                <div class="company_img_wrapper">
                                    <a href="#"><img src="{{ asset('/themes/eyerecord/pro/resources/images/cmy2.png') }}" alt="img"></a>
                                </div>
                            </div>
                            <div class="item">
                                <div class="company_img_wrapper">
                                    <a href="#"><img src="{{ asset('/themes/eyerecord/pro/resources/images/cmy3.png') }}" alt="img"></a>
                                </div>
                            </div>
                            <div class="item">
                                <div class="company_img_wrapper">
                                    <a href="#"><img src="{{ asset('/themes/eyerecord/pro/resources/images/cmy4.png') }}" alt="img"></a>
                                </div>
                            </div>
                            <div class="item">
                                <div class="company_img_wrapper">
                                    <a href="#"><img src="{{ asset('/themes/eyerecord/pro/resources/images/cmy5.png') }}" alt="img"></a>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- companies wrapper end-->

    <!-- solution wrapper start -->
    <div class="sm_solution_wrapper full_width">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="sms_heading_wrapper">
                        <h4>BUILD POWERFUL SOLUTIONS</h4>
                        <h3>Communication channel for all your ideas</h3>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="sb_feature_box_wrapper full_width">
                        <div class="sb_feature_circle"> <i class="flaticon-paper-plane"></i>
                            <div class="btc_step_overlay"></div>
                        </div>
                        <div class="sb_feature_circle_cont full_width">
                            <h3><a href="#">Easily send powerful bulk
                                    SMS campaigns</a></h3>
                            <p>Lorem Ipsum is simply dummy text of the any an printing and typesetting industry. Lorem Ipsum has been the industry's.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="sb_feature_box_wrapper full_width">
                        <div class="sb_feature_circle"> <i class="flaticon-settings"></i>
                            <div class="btc_step_overlay"></div>
                        </div>
                        <div class="sb_feature_circle_cont full_width">
                            <h3><a href="#">5-minute SMS API
                                    integration</a></h3>
                            <p>Lorem Ipsum is simply dummy text of the any an printing and typesetting industry. Lorem Ipsum has been the industry's.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="sb_feature_box_wrapper full_width">
                        <div class="sb_feature_circle"> <i class="flaticon-attached-file"></i>
                            <div class="btc_step_overlay"></div>
                        </div>
                        <div class="sb_feature_circle_cont full_width">
                            <h3><a href="#">Convey more with SMS
                                    attachments</a></h3>
                            <p>Lorem Ipsum is simply dummy text of the any an printing and typesetting industry. Lorem Ipsum has been the industry's.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="sb_feature_box_wrapper full_width">
                        <div class="sb_feature_circle"> <i class="flaticon-responsive"></i>
                            <div class="btc_step_overlay"></div>
                        </div>
                        <div class="sb_feature_circle_cont full_width">
                            <h3><a href="#">Receive SMS online
                                    any issues</a></h3>
                            <p>Lorem Ipsum is simply dummy text of the any an printing and typesetting industry. Lorem Ipsum has been the industry's.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="sb_feature_box_wrapper full_width">
                        <div class="sb_feature_circle"> <i class="flaticon-bar-chart"></i>
                            <div class="btc_step_overlay"></div>
                        </div>
                        <div class="sb_feature_circle_cont full_width">
                            <h3><a href="#">Access real-time delivery
                                    and click reports</a></h3>
                            <p>Lorem Ipsum is simply dummy text of the any an printing and typesetting industry. Lorem Ipsum has been the industry's.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="sb_feature_box_wrapper full_width">
                        <div class="sb_feature_circle"> <i class="flaticon-condo"></i>
                            <div class="btc_step_overlay"></div>
                        </div>
                        <div class="sb_feature_circle_cont full_width">
                            <h3><a href="#">Get enterprise ready
                                    to easily</a></h3>
                            <p>Lorem Ipsum is simply dummy text of the any an printing and typesetting industry. Lorem Ipsum has been the industry's.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="sb_feature_box_wrapper full_width">
                        <div class="sb_feature_circle"> <i class="flaticon-dollar"></i>
                            <div class="btc_step_overlay"></div>
                        </div>
                        <div class="sb_feature_circle_cont full_width">
                            <h3><a href="#">Increase engagement with
                                    mobile solutions</a></h3>
                            <p>Lorem Ipsum is simply dummy text of the any an printing and typesetting industry. Lorem Ipsum has been the industry's.</p>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="sb_feature_box_wrapper full_width">
                        <div class="sb_feature_circle"> <i class="flaticon-missed-call"></i>
                            <div class="btc_step_overlay"></div>
                        </div>
                        <div class="sb_feature_circle_cont full_width">
                            <h3><a href="#">Missed call numbers &
                                    dual VMNs</a></h3>
                            <p>Lorem Ipsum is simply dummy text of the any an printing and typesetting industry. Lorem Ipsum has been the industry's.</p>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="sb_feature_box_wrapper full_width">
                        <div class="sb_feature_circle"> <i class="flaticon-whatsapp"></i>
                            <div class="btc_step_overlay"></div>
                        </div>
                        <div class="sb_feature_circle_cont full_width">
                            <h3><a href="#">Connect with your customers
                                    via WhatsApp</a></h3>
                            <p>Lorem Ipsum is simply dummy text of the any an printing and typesetting industry. Lorem Ipsum has been the industry's.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="see_more_btn full_width">
                        <ul>
                            <li>
                                <a href="{{ route('pricing.index') }}"> Buy now</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- solution wrapper end -->

    <!-- download app wrapper start-->
    <div class="download_wrapper full_width">

        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
                    <div class="download_mockup_design full_width">

                        <img src="{{ asset('/themes/eyerecord/pro/resources/images/download.png') }}" class="img-responsive" alt="img">
                    </div>
                </div>
                <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
                    <div class="download_app_store full_width">
                        <h1>Ready to get started with your
                            Communication Toolkit</h1>

                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eaque ipsa Beatae vitae dicta sunt explicabo.</p>
                        <div class="app_btn full_width">
                            <ul>
                                <li>
                                    <a href="https://www.apple.com/app-store/"><img src="{{ asset('/themes/eyerecord/pro/resources/images/apple.png') }}" alt="img"></a>
                                </li>
                                <li>
                                    <a href="https://play.google.com/store"><img src="{{ asset('/themes/eyerecord/pro/resources/images/google.png') }}" alt="img"></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- download app wrapper end-->

    <!-- plugin wrapper start -->
    <div class="plugin_wrapper full_width">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="sms_heading_wrapper">
                        <h4>BUILT FOR THE DEVELOPERS</h4>
                        <h3>Quick integration using plugins and libraries</h3>
                    </div>
                </div>

                <div class="col-lg-10 offset-lg-1 col-md-12 col-sm-12">
                    <div class="row">
                        <div class="col-lg-4 col-md-6 col-sm-6">
                            <div class="plugin_box_wrapper full_width">
                                <img class="mx-auto" src="{{ asset('/themes/eyerecord/pro/resources/images/plg1.png') }}" alt="img">
                                <div class="plugin_text_wrapper full_width">
                                    <h4>Magento</h4>
                                </div>
                                <div class="plugin_link_wrapper full_width">
                                    <ul>
                                        <li><a href="#">docs</a></li>
                                        <li> <a href="#"> download </a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 col-sm-6">
                            <div class="plugin_box_wrapper full_width">
                                <img class="mx-auto" src="{{ asset('/themes/eyerecord/pro/resources/images/plg2.png') }}" alt="img">
                                <div class="plugin_text_wrapper full_width">
                                    <h4>wooCommerce</h4>
                                </div>
                                <div class="plugin_link_wrapper full_width">
                                    <ul>
                                        <li><a href="#">docs</a></li>
                                        <li><a href="#" class="GetFile">download</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 col-sm-6">
                            <div class="plugin_box_wrapper full_width">
                                <img class="mx-auto" src="{{ asset('/themes/eyerecord/pro/resources/images/plg3.png') }}" alt="img">
                                <div class="plugin_text_wrapper full_width">
                                    <h4>shopify</h4>
                                </div>
                                <div class="plugin_link_wrapper full_width">
                                    <ul>
                                        <li><a href="#">docs</a></li>
                                        <li><a href="#" class="GetFile">download</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 col-sm-6">
                            <div class="plugin_box_wrapper full_width">
                                <img class="mx-auto" src="{{ asset('/themes/eyerecord/pro/resources/images/plg4.png') }}" alt="img">
                                <div class="plugin_text_wrapper full_width">
                                    <h4>java</h4>
                                </div>
                                <div class="plugin_link_wrapper full_width">
                                    <ul>
                                        <li><a href="#">docs</a></li>
                                        <li><a href="#" class="GetFile">download</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 col-sm-6">
                            <div class="plugin_box_wrapper full_width">
                                <img class="mx-auto" src="{{ asset('/themes/eyerecord/pro/resources/images/plg5.png') }}" alt="img">
                                <div class="plugin_text_wrapper full_width">
                                    <h4>android</h4>
                                </div>
                                <div class="plugin_link_wrapper full_width">
                                    <ul>
                                        <li><a href="#">docs</a></li>
                                        <li><a href="#" class="GetFile">download</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 col-sm-6">
                            <div class="plugin_box_wrapper full_width">
                                <img class="mx-auto" src="{{ asset('/themes/eyerecord/pro/resources/images/plg6.png') }}" alt="img">
                                <div class="plugin_text_wrapper full_width">
                                    <h4>apple</h4>
                                </div>
                                <div class="plugin_link_wrapper full_width">
                                    <ul>
                                        <li><a href="#">docs</a></li>
                                        <li><a href="#" class="GetFile">download</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="see_more_btn show_more_btn full_width">
                                <ul>
                                    <li>
                                        <a href="{{ route('api-integration') }}"> show more</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- plugin wrapper end -->

    <!-- delivery wrapper start-->
    <div class="deliver_wrapper full_width">

        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
                    <div class="class_delivery_wrapper full_width">
                        <h1>Best-in-class delivery. Guaranteed.</h1>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eaque ipsa quae abillo inventore veritatis Beatae vitae dicta explicabo.</p>
                        <ul>
                            <li>
                                <a href="#"> <i class="flaticon-tick-box"></i> Intelligent, fine-tuned SMS gateway routing technology </a>
                            </li>
                            <li>
                                <a href="#"> <i class="flaticon-tick-box"></i> Robust and scalable infrastructure with inbuilt redundancy </a>
                            </li>
                            <li>
                                <a href="#"> <i class="flaticon-tick-box"></i> Direct connectivity with multiple telecom operators </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
                    <div class="guarnted_wrapper full_width">
                        <i class="flaticon-shield"></i>
                        <p>Enterprise-grade security with 128-bit data encryption and strict data privacy policies.</p>
                    </div>
                    <div class="guarnted_wrapper full_width">
                        <i class="flaticon-support"></i>
                        <p>Fanatic customer support for expert help with everything from simple tips to technical integrations.</p>
                    </div>
                    <div class="guarnted_wrapper full_width">
                        <i class="flaticon-price"></i>
                        <p>Clear, honest pricing with zero hidden charges. Pay as you go with zero commitments. See bulk SMS pricing.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- delivery wrapper end-->
    <!-- counter wrapper start-->
    <div class="counter-section full_width">
        <div class="container">
            <div class="row">
                <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12">
                    <div class="fr_count_main_wrapper full_width">
                        <div class="icon">
                            <i class="flaticon-planet-earth"></i>
                        </div>
                        <div class="count-description"> <span class="timer">240</span>
                            <h5 class="con1">total countries</h5>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12">
                    <div class="fr_count_main_wrapper full_width">
                        <div class="icon">
                            <i class="flaticon-group"></i>
                        </div>
                        <div class="count-description"> <span class="timer">7325</span>
                            <h5 class="con1">customers</h5>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12">
                    <div class="fr_count_main_wrapper full_width">
                        <div class="icon">
                            <i class="flaticon-award"></i>
                        </div>
                        <div class="count-description"> <span class="timer">324</span>
                            <h5 class="con1">winning awards</h5>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12">
                    <div class="fr_count_main_wrapper full_width">
                        <div class="icon">
                            <i class="flaticon-positive-vote"></i>
                        </div>
                        <div class="count-description"> <span class="timer">4275</span>
                            <h5 class="con1">positive votes</h5>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- counter wrapper end-->

    @include('views.partial.promotion')

    @include('views.partial.transaction')

    @include('views.partial.newsletter')

    @include('views.partial.client')
@endsection