@extends('layouts.front-layout')
@section('title') How To Trade @endsection

@section('content')

    <section class="inner-banner">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6">
                    <figure>
                        <img src="{{ pagesSingleImage('How To Trade', 'top_banner_image') }}" class="img-fluid" alt="">
                    </figure>
                </div>
                <div class="col-md-6">
                    <h2>{{ $pageData['How To Trade']['top_banner_title'] ?? '' }}</h2>
                </div>
            </div>
        </div>
    </section>



    <section class="learn-section">
        <div class="container">
            <div class="row align-items-center">

                <div class="col-md-6">
                    <div class="learn-wrap">
                        <h3>{{ $pageData['How To Trade']['minimum_knowledge_requirement_heading'] ?? '' }}</h3>
                    {!!$pageData['How To Trade']['minimum_knowledge_requirement_description'] ?? '' !!}

                    </div>
                </div>

                <div class="col-md-6">
                    <figure>
                        <iframe width="560" height="315" src="{{ $pageData['How To Trade']['minimum_knowledge_requirement_video'] }}" frameborder="0" allowfullscreen></iframe>
                    </figure>
                </div>

            </div>
        </div>
    </section>


    <section class="learn-section">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6">
                    <figure>
                        <img src="{{ pagesSingleImage('How To Trade', 'information_that_we_provide_image') }}" class="img-fluid" alt="">
                    </figure>
                </div>

                <div class="col-md-6">
                    <div class="learn-wrap">
                        <h3>I{{ $pageData['How To Trade']['information_that_we_provide_heading'] ?? '' }}</h3>
                        {!!$pageData['How To Trade']['information_that_we_provide_description'] ?? '' !!}
                    </div>
                </div>


            </div>
        </div>
    </section>



    <section class="learn-section">
        <div class="container">
            <div class="row align-items-center">


                <div class="col-md-12">
                    <div class="learn-wrap">
                        {!!$pageData['How To Trade']['you_will_get_the_following_information_description'] ?? '' !!}
                    </div>
                </div>


            </div>
        </div>
    </section>

    <section class="select-pricing">
        <div class="container">
            <div class="select-top">
                <h2 class="mainHead" data-aos="fade-up">Select Pricing <span>That suit For You</span></h2>
                <p>There are no hidden charges or costs. (MDG) Service fee is only $25/month per account (Subscription
                    to Forex signals is billed separately, based on the selected Forex signals). Additionally, if you
                    are a signal provider, we charge only 30% of your subscription fee for which you get a complete,
                    professional and managed solution for your signal service.</p>
            </div>
            <div class="row align-items-center">
                <div class="col-md-6" data-aos="fade-up">
                    <div class="selectbox">
                        <div class="leftselect">
                            <h2>$25 <span>/Month</span></h2>
                            <p>Time Limited Offer for signal followers! Test Our service for 1 week for $1 only (instead
                                of $25 per month)!</p>
                            <a href="" class="themeBtn">Select Plan</a>
                        </div>
                        <div class="rightsleclist">
                            <ul>
                                <li><i class="fas fa-check"></i>Test Our service for 1 week for $1 only</li>
                                <li><i class="fas fa-check"></i>instead of $25 per month!</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-md-6" data-aos="fade-up">
                    <div class="selectbox blueselect">
                        <div class="leftselect">
                            <h2>$25 <span>/Month</span></h2>
                            <p>Time Limited Offer for signal followers! Test Our service for 1 week for $1 only (instead
                                of $25 per month)!</p>
                            <a href="" class="themeBtn">Select Plan</a>
                        </div>
                        <div class="rightsleclist">
                            <ul>
                                <li><i class="fas fa-check"></i>Test Our service for 1 week for $1 only</li>
                                <li><i class="fas fa-check"></i>instead of $25 per month!</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="RecentSec">
        <div class="container">
            <h2 class="mainHead" data-aos="fade-up">Recent <span>Trades</span></h2>
            <div class="row">
                <div class="swiper recentSlider">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="recenteBox">
                                <figure>
                                    <img src="{{asset('upload/images/recentimg1.webp')}}" class="img-fluid" alt="">
                                </figure>
                                <div class="recentcntnt">
                                    <h3>Sell   0.29   XAUUSD   3341.84</h3>
                                    <h5>+75.0 pips </h5>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="recenteBox">
                                <figure>
                                    <img src="{{asset('upload/images/recentimg2.webp')}}" class="img-fluid" alt="">
                                </figure>
                                <div class="recentcntnt">
                                    <h3>Sell   0.29   XAUUSD   3341.84</h3>
                                    <h5>+75.0 pips </h5>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="recenteBox">
                                <figure>
                                    <img src="{{asset('upload/images/recentimg3.webp')}}" class="img-fluid" alt="">
                                </figure>
                                <div class="recentcntnt">
                                    <h3>Buy   0.03   XAUUSDX   3342.76</h3>
                                    <h5>+405.0 pips   </h5>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
            </div>
        </div>
    </section>

    <section class="support-sec">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-8" data-aos="fade-up">
                    <div class="supportwrap">
                        <h2 class="mainHead">
                            {!!$pageData['Home']['for_any_inquiries_section_description'] ?? ''!!}

                        </h2>
                    </div>
                </div>
                <div class="col-md-4" data-aos="fade-up">
                    <div class="phonesides">
                        <div class="phonewrap">
                            <figure>
                                <img src="{{asset('upload/images/phoneimg1.webp')}}" class="img-fluid" alt="">
                            </figure>
                            <a href="">For Call <span>(+12) 34 6754 345</span></a>
                        </div>
                        <div class="phonewrap">
                            <figure>
                                <img src="{{asset('upload/images/phoneimg2.webp')}}" class="img-fluid" alt="">
                            </figure>
                            <a href="">For Consultation<span>contact@gmail.com</span></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection