 import { Link } from "react-router-dom";
 function Dashboard() {
    return(
        <div className="min-h-screen bg-slate-100">

            <h2 className="bg-orange-500 text-center text-white text-3xl font-bold  px-4 py-4">
                Welcome to SmartPark</h2>

            <div className="grid grid-cols-1 sim:grid-cols-1 Ig:grid-cols-3 gap-4 p-6">


                <Link to={"/cars"} className="blog bg-white rounded-x1 border border-gray-200 p-5 no-underline
                 text-gray-800 hover:border-orange-400 hover:shadow-md transition-all  duration-150">
                <h3 className="font-semibold text-lg m-o">cars</h3>
                <p className="text-gray-500 text-sm mt-1  m-0">Manage all register cars</p>
                </Link>

                <Link to={"/slots"} className="blog bg-white rounded-x1 border border-gray-200 p-5 no-underline
                    text-gray-800 hover:border-orange-400 hover:shadow-md transition-all  duration-150">
                <h3 className="font-semibold text-lg m-0">Slots</h3>
                <p className="text-gray-500 text-sm mt-1 m-0">Manage all parkign slots</p>
                </Link>
                <Link to={"records"} className="block bg-white rounded-xl border border-gray-200 p-5 no-underline text-gray-800
                 hover:border-orange-400 hover:shadow-md transition-all duration-150">
                <h3 className="font-semibold text-lg m-0">Parking Records</h3>
                <p className="text-gray-500 text-sm mt-1 m-0">Track entry and exit records</p>
                 </Link>
                         <Link to={"/payments"} className="block bg-white rounded-xl border border-gray-200 p-5 no-underline text-gray-800 hover:border-orange-400 
                         hover:shadow-md transition-all duration-15">
          <h3 className="font-semibold text-lg m-0">Payments</h3>
          <p className="text-gray-500 text-sm mt-1 m-0">Manage all payments</p>
        </Link>
                   <Link to={"/records"}className="block bg-white rounded-xl border border-gray-200 p-5 no-underline text-gray-800 
                   hover:border-orange-400 hover:shadow-md transition-all duration-15">
                      <h3 className="font-semibold text-lg m-0">Reports</h3>
                      <p className="text-gray-500 text-sm mt-1 m-0">vie bills and Daily Reports</p>
                                </Link>
            </div>


        </div>
    )
 }

 export default Dashboard