import Image from 'next/image'
import { FC } from 'react'

const BlogItem: FC = () => {
    return (
        <div className='flex-1 w-full min-h-[390px] rounded-4xl overflow-hidden relative'>
            <Image
                src='https://picsum.photos/seed/picsum/200/300'
                layout='fill'
                objectFit='cover'
                alt='blog'
            />

            <div className='absolute top-6 left-6 bg-black text-white h-8 px-5 rounded-xl flex items-center text-sm'>
                دسته بندی
            </div>

            <div className='absolute bottom-0 left-0 w-full modalGlass3 h-[180px]  rounded-b-3xl text-white p-6'>
                <h6 className='font-bold text-sm'>
                    سفارش نرم‌افزار اختصاصی: سرمایه‌ای برای آینده یا فقط هزینه‌ای برای امروز؟
                </h6>

                <p className='mt-4 text-sm'>
                    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه...
                </p>
            </div>
        </div>
    )
}

export default BlogItem