@extends('layouts.landing')
    @section('content')        
          <!-- Hero Section -->
            <div class="bg-img-hero-center" style="background-image: url({{ asset("new-images/apptrading.png") }}); background-size: contain; background-position: right; background-color:#0d0c0c ;">
            <div class="container space-2 space-lg-3">
                <div class="w-md-65 w-lg-35">
                <div class="mb-4" style="margin-top: 100px;">
                    <h2 class="h1 text-white">Contact us</h2>
                    <p class="text-white">We'll be glad to assist, we reply immediately </p>
                </div>
                <a class="btn btn-light btn-pill transition-3d-hover px-5" href="https://dashboard.beacons-mine.com/">Register Now</a>
                </div>
            </div>
            </div>
            <!-- End Hero Section -->

          
    <!-- Icon Blocks Section -->
<div class="container-fluid" style="background-color: #141029;">
<div class="container space-2">
  <!-- Title -->
  <div class="w-md-80 w-lg-50 text-center mx-md-auto mb-5 mb-md-9">
    <span class="d-block small font-weight-bold text-cap mb-2">Contact</span>
    <h2 class="h2 text-white">We'd love to talk about how we can help you.</h2>
  </div>
  <!-- End Title -->

  <div class="row">
    <div class="col-md-4 mb-5 mb-md-0">
      <!-- Icon Blocks -->
      <div class="text-center px-lg-3">
        <figure class="max-w-10rem mx-auto mb-4">
         <i class="text-primary fas fa-envelope fa-4x"></i>
        </figure>
        <h3 class="h3 text-primary">Mail</h3>
        <p>Send a mail to our support at <br/><a href="mailto:support@beacons-mine.com">support@beacons-mine.com</a></p>
      </div>
      <!-- End Icon Blocks -->
    </div>

    <div class="col-md-4 mb-5 mb-md-0">
      <!-- Icon Blocks -->
      <div class="text-center px-lg-3">
        <figure class="max-w-10rem mx-auto mb-4">
          <i class="text-primary fab fa-whatsapp fa-4x"></i>
        </figure>
        <h3 class="h3 text-primary">Whatsapp</h3>
        <p>Send us a message, we reply immediately <br/><a href="https://wa.link/k8aotg">+447425414432</a></p>
      </div>
      <!-- End Icon Blocks -->
    </div>

    <div class="col-md-4">
      <!-- Icon Blocks -->
      <div class="text-center px-lg-3">
        <figure class="max-w-10rem mx-auto mb-4">
          <i class="text-primary fab fa-telegram fa-4x"></i>
        </figure>
        <h3 class="h3 text-primary">Telegram</h3>
        <p>Join our telegram official channel <a href="https://t.me/Beacon_mine">@Beacon_mine</a></p>
      </div>
      <!-- End Icon Blocks -->
    </div>

     

     <div class="col-md-4">
      <!-- Icon Blocks -->
      <div class="text-center px-lg-3">
        <figure class="max-w-10rem mx-auto mb-4">
          <i class="text-primary fas fa-location-arrow fa-4x"></i>
        </figure>
        <h3 class="h3 text-primary">Location</h3>
        <p>Suite 7 Wesley Chambers, Queens Road, Aldershot, United Kingdom, GU11 3JD</p>
      </div>
      <!-- End Icon Blocks -->
    </div>
  </div>
</div>
</div>
<!-- End Icon Blocks Section -->
        

    @include('inc.footer')
    {{-- @include('inc.aside') --}}
    @endsection