@extends('frontend.master')
@section('home')
    <!--================================
                START HERO AREA
       =================================-->
    {{-- @include('frontend.home.hero-area')  --}}
    <!--================================
               END HERO AREA
       =================================-->


    <!--======================================
               START CATEGORY THUMBNAILS AREA
        ======================================-->
    {{--    @include('frontend.home.category-section')  --}}
    <!--======================================
              END FEATURE AREA
       ======================================-->


    <!--======================================
               START FEATURE AREA
        ======================================-->
    {{--   @include('frontend.home.feature-area')  --}}
    <!--======================================
              END FEATURE AREA
     ======================================-->



    <!--======================================
               START CATEGORY AREA
       ======================================-->
    {{--  @include('frontend.home.category-area')  --}}
    <!--======================================
               END CATEGORY AREA
       ======================================-->


    {{-- <div class="section-block"></div> --}}



    <!--======================================
               START CATEGORY AREA
       ======================================-->
    {{--  @include('frontend.home.products-area')  --}}
    <!--======================================
               END CATEGORY AREA
       ======================================-->




    <!--======================================
               START CATEGORY AREA
       ======================================-->
    {{--    @include('frontend.home.translations')   --}}
    <!--======================================
               END CATEGORY AREA
       ======================================-->




    <!--======================================
               START ABOUT AREA
       ======================================-->
    {{-- @include('frontend.home.about-area') --}}
    <!--======================================
               END ABOUT AREA
       ======================================-->




    <!-- ================================
              START BLOG AREA
       ================================= -->
    {{--   @include('frontend.home.blog-area')  --}}
    <!-- ===============================
              START BLOG AREA
       ================================= -->




    <!--================================
                START TESTIMONIALS AREA
       =================================-->
    {{--  @include('frontend.home.testimonials-area')  --}}
    <!--================================
               END  TESTIMONIALS AREA
       =================================-->






    <!--======================================
               START SUBSCRIBE AREA
       ======================================-->
    {{--  @include('frontend.home.faqs-area')  --}}
    <!--======================================
               END SUBSCRIBE AREA
       ======================================-->




{{--
    <div class="p-0 m-0 position-relative d-flex align-items-center justify-content-center text-center"
        style="background-image: url('{{ asset('frontend/images/poym1.jpg') }}');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            width: 100%;
            min-height: 90vh;">

        <!-- Dark Overlay -->
        <div
            style="position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.4);">
        </div>

        <!-- Content -->
        <div class="position-relative text-white">

            <h1 class="fw-bold"></h1>
            <p class=""> </p>


            <div class="d-flex flex-column flex-sm-row justify-content-center gap-3">
                <a href="{{ route('about') }}" class="btn btn-light btn-lg px-4 shadow"> About </a>

                @auth
                    <a href="{{ route('dashboard') }}" class="btn btn-warning btn-lg px-4 shadow"> Welcome </a>
                @else
                    <a href="{{ route('login') }}" class="btn btn-warning btn-lg px-4 shadow"> Get Started</a>
                @endauth
            </div>

        </div>

    </div>
    --}}


  <div class="p-0 m-0 position-relative"
    style="background-image: url('{{ asset('frontend/images/poym1.jpg') }}');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        min-height: 90vh;">

    <!-- Dark Overlay -->
    <div style="position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4);">
    </div>

    <!-- Top Buttons -->
    <div class="position-absolute top-0 start-0 w-100 p-3 d-flex justify-content-center gap-2">
        
        <a href="{{ route('about') }}" 
           class="btn btn-outline-light btn-sm px-3 rounded-pill shadow-sm">
            About
        </a>

        @auth
            <a href="{{ route('dashboard') }}" 
            
               class="btn btn-sm px-3 rounded-pill shadow-sm text-white" style="background-color: #8e711e; border-color: #8e711e;">
                Welcome
            </a>
        @else
            <a href="{{ route('login') }}" 
               class="btn btn-warning btn-sm px-3 rounded-pill shadow-sm">
                Get Started
            </a>
        @endauth
    </div>

</div>




@endsection