import Image from "next/image";

export const TerraceCard = ({classNames}: {classNames?: string}) => {
  return (
        <div className={`relative w-full rounded-2xl overflow-hidden shadow-lg group ${classNames}`}>
      <Image
        src="/properties/P4.png"
        alt="Terrace"
        layout="fill"
        objectFit="cover"
        className="transform transition-transform duration-300 group-hover:scale-105"
      />
      <div className="absolute inset-0 bg-[#052531b5] flex items-center justify-center">
        <h2 className="text-white text-lg font-bold">بنــــر رأســـــي</h2>
      </div>
    </div>
  );
};