@extends('layouts.landing')
    @section('content')
         <!-- Hero Section -->
        <div class="bg-img-hero-center" style="background-image: url({{ asset("new-images/bitcoin-6884852_1280.jpg") }});">
        <div class="container space-2 space-lg-3">
            <div class="w-md-65 w-lg-67">
            <div class="mb-4" style="margin-top: 50px;">
                <h2 class="h1 text-white">Invest in Crypto Currency today with Bevytrade</h2>
                <p class="text-white">Trading crypto could be a risk for you, leave the trade for us while you withdraw your profits</p>
            </div>
            <a class="btn btn-light btn-pill transition-3d-hover px-5" href="{{url('/dashboard/investment')}}">Invest Now</a>
            </div>
        </div>
        </div>
        <!-- End Hero Section -->
        <div class="container-xxl bg-dark">
        @livewire('marquee-coins')
        </div>

        <div class="container" style="margin-top: 30px;">
            <h3 class="text-center" style="font-size: xx-large !important; font-weight: bolder;"><strong>Why Invest in Cryptocurrency Today?</strong></h3>
            <div class="row mb-5">
                <div  class="col-12 col-md-4 order-md-2 mb-3 mb-md-0">
                    <div style="height:560px; background-color: #FFFFFF; overflow:hidden; box-sizing: border-box; border: 1px solid #56667F; border-radius: 4px; text-align: right; line-height:14px; font-size: 12px; font-feature-settings: normal; text-size-adjust: 100%; box-shadow: inset 0 -20px 0 0 #56667F;padding:1px;padding: 0px; margin: 0px; width: 100%;"><div style="height:540px; padding:0px; margin:0px; width: 100%;"><iframe src="https://widget.coinlib.io/widget?type=chart&theme=dark&coin_id=859&pref_coin_id=1505" width="100%" height="536px" scrolling="auto" marginwidth="0" marginheight="0" frameborder="0" border="0" style="border:0;margin:0;padding:0;line-height:14px;"></iframe></div></div>
                </div>
                <div class="col-md-8">
                    <div class="mb-5 text-secondary">
                        <p>
                        Cryptocurrency is a form of payment that can be exchanged online for goods and services. Many companies have issued their own currencies, often called tokens, and these can be traded specifically for the good or service that the company provides. Think of them as you would arcade tokens or casino chips. You’ll need to exchange real currency for the cryptocurrency to access the good or service.
                        </p>
                        <p>
                            Trading cryptocurrency is risky doing it all alone, that's why at Bevytrade we have the 
                            best team of experts with assurance of the best returns in trades, we take you out of the risk and pay your returns for partnering with us.
                        </p>
                    </div> 
                </div>
            </div>
            <!-- End Row -->
        </div>
            
        @livewire('guest-plans')

     <div class="row">
        <div style="height:433px; background-color: #FFFFFF; overflow:hidden; box-sizing: border-box; border: 1px solid #56667F; border-radius: 4px; text-align: right; line-height:14px; font-size: 12px; font-feature-settings: normal; text-size-adjust: 100%; box-shadow: inset 0 -20px 0 0 #56667F; padding: 0px; margin: 0px; width: 100%;"><div style="height:413px; padding:0px; margin:0px; width: 100%;"><iframe src="https://widget.coinlib.io/widget?type=full_v2&theme=dark&cnt=6&pref_coin_id=1505&graph=yes" width="100%" height="409px" scrolling="auto" marginwidth="0" marginheight="0" frameborder="0" border="0" style="border:0;margin:0;padding:0;"></iframe></div><div style="color: #FFFFFF; line-height: 14px; font-weight: 400; font-size: 11px; box-sizing: border-box; padding: 2px 6px; width: 100%; font-family: Verdana, Tahoma, Arial, sans-serif;"></div></div>
    </div>
  @include('inc.footer')
  <!-- End Pricing Section -->
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script>
            $(document).ready(function(){
                $("#load-dashboard-market").trigger('click');
            });
    </script>
    @endsection