@extends('layout.app')
@section('content')
  <div class="leaderBoardScreen">
    <div class="d-flex align-items-center justify-content-center">
    <section class="main-lyaout-pure-actions"
      style="background-image: url('./assets/updatedimages/SuperUV Background_6.png'); background-size: cover; background-position: center; background-repeat: no-repeat;">
      <div class="d-flex justify-content-between flex-column h-100">
      <div class="text-00AFC0 text-121 heading-register d-flex">
        <div class="goToHome">
        <button type="button" class="gotoStep2 custom-back" title="Back To Home" 
          style="cursor: pointer; margin-top:40px; background-color: yellow; color: red;">
          <img src="./assets/updatedimages/icons/home.png" alt="Back" style="width: 100px; height: 100px;">
        </button>
        </div>
        <img src="./assets/updatedimages/SuperUV logo_2.png" alt="Super UV Logo"
        style="width: 100%; max-width: 600px; margin: 0 auto;">
      </div>
      <div class="row custom-row last- items h-100">
        <div class="col-12 p-0 mt-auto">
        <div class="text-center mb-184">
          <!-- <img class="" width="87%" src="./assets/svg/trophy.svg" alt="" /> -->
        </div>
        </div>
      </div>
      </div>
      <div class="my-leader-board" style="margin-top : 100px;">
      <div class="pl-25 pr-40 height-87vh">
        <div class="leaderBoradRankData text-34 text-Black ">
        </div>
        <div class="leaderBoradData text-24 text-Black ">
        </div>
      </div>
      </div>
    </section>
    </div>

  </div>

  <div class="splashScreen">
    <div class="d-flex align-items-center justify-content-center">
    <section class="main-lyaout-pure-actions">
      <div class="video-container">
      <video id="backgroundVideo" muted autoplay playsinline></video>
      </div>
    </section>
    </div>
  </div>

  <script src="./assets/js/leaderboard.js"></script>
@endsection('content')