import Image from 'next/image'
export default function ProductCard({ image }) {
    return (
        <div className="relative flex flex-col items-center ">
            <div className="relative flex flex-col z-20">
                <Image alt="" src={ image } className="w-full h-full rounded-lg " /> 
                <div className="absolute bottom-0 w-full h-full p-4">
                    <div className="flex flex-col justify-end w-full h-full">
                        <span className="p-4 text-white rounded-lg text-xl backdrop-blur w-full h-fit">مطلب شماره یک</span> 
                    </div>
                </div>  
            </div>
        </div> 
    )
}