import Image from 'next/image'
import React from 'react'

function Head() {
    return (
        <div className='flex mt-[40px] items-center justify-center gap-[24px]'>
            <div className='cover-head-blogs'>
                <Image
                    src='/assets/images/head-blogs-1.png'
                    width={600}
                    height={424}
                    alt='head blog'
                />
                <p>روش های خانگی محافظت از پوست در تابستان</p>
            </div>
            <div className='flex flex-col items-center justify-center gap-[24px]'>
                <div className='flex items-center justify-center gap-[24px]'>
                    <div className='cover-head-blogs'>
                        <Image
                            src='/assets/images/head-blogs-2.png'
                            width={600}
                            height={424}
                            alt='head blog'
                        />
                        <p className='!text-[16px] !bottom-[20px] !right-[16px]'>فواید نوشیدن آب برای سلامتی</p>
                    </div>
                    <div className='cover-head-blogs'>
                        <Image
                            src='/assets/images/head-blogs-3.png'
                            width={600}
                            height={424}
                            alt='head blog'
                        />
                        <p className='!text-[16px] !bottom-[20px] !right-[16px]'>راهکارهای ساده برای درمان سر درد</p>
                    </div>
                </div>
                <div className='cover-head-blogs'>
                    <Image
                        src='/assets/images/head-blogs-4.png'
                        width={600}
                        height={424}
                        alt='head blog'
                    />
                    <p>تغذیه مناسب برای کاهش فشار خون</p>
                </div>
            </div>
        </div>
    )
}

export default Head