@extends('website.webLayout.main')
@section('webContent')


{{-- <style>
    body {
        background-color: #f8f9fa;
    }

    .card {
        background: #ffffff;
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
        transition: all 0.3s ease-in-out;
        text-align: center;
        border: none;
        height: 180px;
        /* Fixed height */
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .card:hover {
        box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
        transform: translateY(-5px);
    }

    .card .icon {
        font-size: 40px;
        margin-bottom: 10px;
    }

    .card-title {
        font-size: 18px;
        font-weight: bold;
        color: #333;
    }

    .card-text {
        font-size: 22px;
        font-weight: bold;
        color: #007bff;
    }

    .users .icon {
        color: #007bff;
    }

    .active .icon {
        color: #28a745;
    }

    .jobs .icon {
        color: #ffc107;
    }

    .login-heading {
        font-size: 24px;
        /* Bigger and bold */
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        background: linear-gradient(45deg, #6a5acd, #483d8b);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    }
</style> --}}
<div class="page-header">
                <div>
                    <h2 class="main-content-title tx-24 mg-b-5">Welcome To Dashboard</h2>
                    @if(session('message'))
                    <div class="alert alert-success">
                        {{ session('message') }}
                    </div>
                    @endif

                </div>
            </div>

    <div class="py-12">
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
            <div class="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg">
                <div class="p-6 text-gray-900 dark:text-gray-100">
                    {{ __("You're logged in!") }}
                </div>
            </div>
        </div>
    </div>
    @endsection