@extends('home.layouts.master')
@section('main')
    <!-- ***** Welcome Area Start ***** -->
    @include('home.includes.welcome')
    <!-- ***** Welcome Area End ***** -->

    <!-- ***** Features Small Start ***** -->
    <section class="section home-feature">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="row">
                        <!-- ***** Features Small Item Start ***** -->
                        <div class="col-lg-4 col-md-6 col-sm-6 col-12"
                             data-scroll-reveal="enter bottom move 50px over 0.6s after 0.2s">
                            <div class="features-small-item">
                                <div class="icon">
                                    <i><img src="/home/assets/images/featured-item-01.png" alt=""></i>
                                </div>
                                <h5 class="features-title">{{trans('modern payment')}}</h5>
                                <p>{{trans('modern payment with crypto currency')}}</p>
                            </div>
                        </div>
                        <!-- ***** Features Small Item End ***** -->

                        <!-- ***** Features Small Item Start ***** -->
                        <div class="col-lg-4 col-md-6 col-sm-6 col-12"
                             data-scroll-reveal="enter bottom move 50px over 0.6s after 0.4s">
                            <div class="features-small-item">
                                <div class="icon">
                                    <i><img src="/home/assets/images/featured-item-01.png" alt=""></i>
                                </div>
                                <h5 class="features-title">{{trans('fast & secure')}}</h5>
                                <p>{{trans('fast & secure way for payment')}}</p>
                            </div>
                        </div>
                        <!-- ***** Features Small Item End ***** -->

                        <!-- ***** Features Small Item Start ***** -->
                        <div class="col-lg-4 col-md-6 col-sm-6 col-12"
                             data-scroll-reveal="enter bottom move 50px over 0.6s after 0.6s">
                            <div class="features-small-item">
                                <div class="icon">
                                    <i><img src="/home/assets/images/featured-item-01.png" alt=""></i>
                                </div>
                                <h5 class="features-title">{{trans('low fee')}}</h5>
                                <p>{{trans('low fee for transactions')}}</p>
                            </div>
                        </div>
                        <!-- ***** Features Small Item End ***** -->
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ***** Features Small End ***** -->

    <!-- ***** Features Big Item Start ***** -->
    <section class="section padding-top-70 padding-bottom-0" id="features">
        <div class="container">
            <div class="row">
                <div class="col-lg-5 col-md-12 col-sm-12 align-self-center"
                     data-scroll-reveal="enter left move 30px over 0.6s after 0.4s">
                    <img src="/home/assets/images/left-image.png" class="rounded img-fluid d-block mx-auto" alt="App">
                </div>
                <div class="col-lg-1"></div>
                <div class="col-lg-6 col-md-12 col-sm-12 align-self-center mobile-top-fix">
                    <div class="left-heading">
                        <h2 class="section-title">{{trans('auto withdraw in 24/7')}}</h2>
                    </div>
                    <div class="left-text">
                        <p>{{trans('withdraw request in 24/7 auto & fast')}}</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="hr"></div>
                </div>
            </div>
        </div>
    </section>
    <!-- ***** Features Big Item End ***** -->

    <!-- ***** Features Big Item Start ***** -->
    <section class="section padding-bottom-100">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-12 col-sm-12 align-self-center mobile-bottom-fix">
                    <div class="left-heading">
                        <h2 class="section-title">{{trans('we can help you to grow your business')}}</h2>
                    </div>
                    <div class="left-text">
                        <p>
                            {{trans('a new solution to pay for your website in the shortest time and with the best quality')}}
                        </p>
                    </div>
                </div>
                <div class="col-lg-1"></div>
                <div class="col-lg-5 col-md-12 col-sm-12 align-self-center mobile-bottom-fix-big"
                     data-scroll-reveal="enter right move 30px over 0.6s after 0.4s">
                    <img src="/home/assets/images/right-image.png" class="rounded img-fluid d-block mx-auto" alt="App">
                </div>
            </div>
        </div>
    </section>
    <!-- ***** Features Big Item End ***** -->

    <!-- ***** Home Parallax Start ***** -->
    @include('home.includes.works')
    <!-- ***** Home Parallax End ***** -->

    <!-- ***** Testimonials Start ***** -->
    @include('home.includes.testimonials')
    <!-- ***** Testimonials End ***** -->

    <!-- ***** Pricing Plans Start ***** -->
{{--    @include('home.includes.pricing')--}}
    <!-- ***** Pricing Plans End ***** -->

    <!-- ***** Counter Parallax Start ***** -->
    @include('home.includes.counter')
    <!-- ***** Counter Parallax End ***** -->

    <!-- ***** Blog Start ***** -->
    @include('home.includes.blog')
    <!-- ***** Blog End ***** -->

    <!-- ***** Contact Us Start ***** -->
    @include('home.includes.contact')
    <!-- ***** Contact Us End ***** -->
@endsection

@section('js')
    {{--    <script src="{{asset('js/tron.js')}}"/>--}}
    <script>
        $(document).ready(function () {
            const urlParams = new URLSearchParams(window.location.search);
            const myParam = urlParams.get('blog');
            if (myParam === 'active') {
                document.getElementById('blogButton').click()
            }
        });
    </script>
@endsection