import Link from "next/link";
import React from "react";
import { tbl_floor } from "../../../utils/constant.utils";

const FloorComponent = () => {
    return (
        <div className="container">
            <div className='row gy-5 gx-5 justify-content-center pt-5 pb-5'>
                {tbl_floor.map((floor) => (
                    <div className='col-xxl-4 col-lg-4 col-sm-6 cursor-pointer' key={floor.id}>
                        <div className='card p-3 shadow-2 radius-8 h-100 gradient-deep-two-1 border border-white'>
                            <div className='card-body text-center p-0'>
                                <Link href={`/floor/${floor.id}`}>
                                    <h6 className='fw-semibold mt-3'>{floor.floorname}</h6>
                                    <p>{floor.description}</p>
                                </Link>
                            </div>
                        </div>
                    </div>
                ))}
            </div>
        </div>
    );
};

export default FloorComponent;
