@extends('layouts.app')
@section('content')
    <section class="relative about-banner">
        <div
            class="bannerInner bg-gradient-to-t from-[#AABF86] from-[-60%] to-80% to-[#F4FFE1] md:px-20 md:pt-[8rem] md:pb-[8rem] w-[90%] mx-auto rounded-3xl">
            <div class="container">
                <div class="md:flex md:items-center md:justify-center">
                    <h1 class="text-3xl md:text-6xl text-black font-extrabold relative max-[991px]:text-center">Dashboard
                    </h1>
                </div>
            </div>
        </div>
    </section>
    <section>
        <div class="container mx-auto px-4 py-8">
            <div class="grid grid-cols-12 gap-4">
                <div class="col-span-3">
                    @include('user.include.sidebar')
                </div>
                <div class="col-span-9">
                    <p>
                        Hi <strong>{{ ucwords(Auth::user()->name) }}</strong>, welcome to your dashboard!<br>
                    </p>
                   
                </div>
            </div>
        </div>
    </section>
@endsection

@push('css')
@endpush

@push('js')
@endpush