{{-- @extends('layouts.app')
@extends(auth()->check() && authRole() == 'Host' ? 'layouts.host' : 'layouts.app' ,['header_image' => true])
@section('content')
    <section class="main-sec">
        <div class="container">
            <div class="main-wrapper">
                <a href="{{ route('guest.leaderboard.division.type.select', ['for' => 'live-challenge']) }}"
                    class="view-leaderboard">
                    <div class="view-leaderboard-inner">
                        <img src="{{ asset('images/leaderboard-blur-bg.png') }}" alt="">
                        <p>View live leaderboard</p>
                        @if (getLiveChallenge())
                            <div class="live-badge">
                                <svg xmlns="http://www.w3.org/2000/svg" width="7" height="6" viewBox="0 0 7 6"
                                    fill="none">
                                    <circle cx="3.42336" cy="3.3705" r="2.63625" fill="white" />
                                </svg>
                                Live
                            </div>
                        @endif
                    </div>
                </a>

                <a href="{{ route('guest.leaderboard.division.type.select', ['for' => 'live-challenge']) }}"
                    class="view-leaderboard chapionship-leaderboard">

                    <div class="view-leaderboard-inner">
                        <img src="{{ asset('images/chapionship-leaderboard.png') }}" alt="">
                        <p> View Championship Leaderboard </p>
                    </div>
                </a>
                <div class="join-and-signup-box">
                    <a href="#" class="join-challenge-box">
                        <img src="{{ asset('images/user-icon.svg') }}" alt="">
                        <h3>Join</h3>
                        <p>To participate in the RAF live challenges</p>
                    </a>
                    <a href="{{ route('signup.plans', ['type' => jsencode_userdata('host')]) }}" class="signup-box">
                        <img src="{{ asset('images/multiuser-icon.svg') }}" alt="">
                        <h3>Sign up</h3>
                        <p>To host your own private group challenge</p>
                    </a>
                </div>





                <a href="{{ route('member.event.join') }}" class="view-leaderboard private-hosting">
                    <div class="view-leaderboard-inner">
                        <h3>Join a Private hosted event</h3>
                        <p>Group code required * </p>
                        <span>(Current RAF Members should sign in
                            <br>
                            before proceeding)</span>
                        <img src="{{ asset('images/gold-aim-board-icon.svg') }}" alt="" class="gold-aim-bg">
                        <img src="{{ asset('images/golden-shoting-vector.svg') }}" alt="" class="golden-shoting-bg">
                    </div>
                </a>

                <div class="member-only-column">
                    <h3>members only</h3>
                </div>

                <div class="join-and-signup-box signup-box-enter">
                    <a href="{{ route('member.challenge.joins') }}" class="join-challenge-box text-start">
                        <h3>Enter </h3>
                        <p>To participate in the RAF live challenges</p>
                        <img src="{{ asset('images/enter-avtar.svg') }}" alt="" class="enter-imgIcon">
                    </a>
                    <a href="{{ route('member.events.joins') }}" class="signup-box">
                        <h3>Enter </h3>
                        <p>To participate in host’s private group event</p>
                        <span>Group code required * </span>
                        <img src="{{ asset('images/enter-avtar2.svg') }}" alt="" class="enter-imgIcon">
                    </a>
                </div>
                <a href="#" class="button primary-btn full-btn">Member's Enter Here</a>
            </div>
        </div>
    </section>
@endsection

 --}}


@extends('layouts.app', ['header_image' => false])
@section('content')
    @include('include.home.home')
@endsection
@push('scripts')
    {{-- <script src="{{ asset('js/slick.js') }}"></script>
    <script src="{{ asset('js/slick.min.js') }}"></script> --}}
    {{-- store member type in locatstorage --}}
    <script src="{{ asset('custom-js/home.js') }}"></script>
    {{-- <script>
        $(document).ready(function(){
            setTimeout(function() {
                $('#host-event-slide').hide();
            }, 2000);
        });
    </script> --}}
@endpush