@extends('layouts.landing')
    @section('content')
  <!-- Hero Section -->
  <div class="bg-img-hero-center" style="background-image: url({{ asset("new-images/business-person-futuristic-business-environment.jpg") }});">
  <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">Our Team </h2>
          <p class="text-white">Our mission is to help individual investors get the most out of their cryptocurrencies. </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 -->

<div class="container-fluid" style="background-color: #141029;">

<!-- Team Section -->
<div class="container space-top-2 space-bottom-3" style="">
  <!-- 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">Our Team</span> --}}
    <h2 class="text-primary">Our Team</h2>
    <div class="text-white">Meet our multidisciplinary team of experts working tirelessly to give you the best experience investing with us</div>
  </div>
  <!-- End Title -->
  <div class="container">
  <!-- Team Carousel -->
  <div class="js-slick-carousel slick slick-gutters-3 mb-5 mb-lg-3"
       data-hs-slick-carousel-options='{
         "slidesToShow": 4,
         "dots": true,
         "dotsClass": "slick-pagination d-lg-none",
         "responsive": [{
           "breakpoint": 1200,
             "settings": {
               "slidesToShow": 3
             }
           }, {
           "breakpoint": 992,
           "settings": {
             "slidesToShow": 2
             }
           }, {
           "breakpoint": 768,
           "settings": {
             "slidesToShow": 2
             }
           }, {
           "breakpoint": 554,
           "settings": {
             "slidesToShow": 1
           }
         }]
       }'>
    <div class="js-slide pb-6">
       <!-- Team -->
          <div class="card h-100 shadow-sm transition-3d-hover">
            <div class="card-body">
              <div class="avatar avatar-lg avatar-circle mb-4">
                <img class="avatar-img" src="{{ asset("new-images/b5cc59b008e94308328ebc979a48017a.png") }}" alt="Image Description">
              </div>

              <span class="d-block small font-weight-bold text-cap mb-1">Co-Founder and CEO</span>
              <h4 class="text-lh-sm">Jackson Smith</h4>
            </div>
          </div>
          <!-- End Team -->
    </div>

    <div class="js-slide pb-6">
       <!-- Team -->
          <div class="card h-100 shadow-sm transition-3d-hover">
            <div class="card-body">
              <div class="avatar avatar-lg avatar-circle mb-4">
                <img class="avatar-img" src="{{ asset("new-images/b5cc59b008e94308328ebc979a48017a.png") }}" alt="Image Description">
              </div>

              <span class="d-block small font-weight-bold text-cap mb-1">Co-Founder and CTO</span>
              <h4 class="text-lh-sm">Lucas Tremblay</h4>
            </div>
          </div>
          <!-- End Team -->
    </div>

    <div class="js-slide pb-6">
       <!-- Team -->
          <div class="card h-100 shadow-sm transition-3d-hover">
            <div class="card-body">
              <div class="avatar avatar-lg avatar-circle mb-4">
                <img class="avatar-img" src="{{ asset("new-images/b5cc59b008e94308328ebc979a48017a.png") }}" alt="Image Description">
              </div>
              <span class="d-block small font-weight-bold text-cap mb-1">Software Engineer</span>
              <h4 class="text-lh-sm">Chen Huang </h4>
            </div>
          </div>
          <!-- End Team -->
    </div>

    <div class="js-slide pb-6">
       <!-- Team -->
          <div class="card h-100 shadow-sm transition-3d-hover">
            <div class="card-body">
              <div class="avatar avatar-lg avatar-circle mb-4">
                <img class="avatar-img" src="{{ asset("new-images/b5cc59b008e94308328ebc979a48017a.png") }}" alt="Image Description">
              </div>

              <span class="d-block small font-weight-bold text-cap mb-1">Content Marketer</span>
              <h4 class="text-lh-sm">Amrita Reddy</h4>
            </div>
          </div>
          <!-- End Team -->
    </div>
  </div>
  <!-- End Team Carousel -->
  </div>

  <!-- Info -->
  <div class="position-relative z-index-2 text-center">
    <div class="d-inline-block font-size-1 border bg-white text-center rounded-pill py-3 px-4">
      Want to contact us? <a class="font-weight-bold ml-3" href="{{url('/contact')}}">go here <span class="fas fa-angle-right ml-1"></span></a>
    </div>
  </div>
  <!-- End Info -->
</div>
</div>
<!-- End Team Section -->
@include('inc.footer')
    @endsection