import BlogItem from '@/components/BlogItem'
import SectionHeader from '@/components/SectionHeader'
import { FC } from 'react'

const Blog: FC = () => {
    return (
        <div className='xl:mt-24 mt-14 max-w-maxWidth mx-auto'>
            <SectionHeader
                title='بلاگ داناک'
            />

            <div className='flex xl:flex-row flex-col gap-8 xl:mt-16 mt-10 items-center'>
                <BlogItem />
                <BlogItem />
                <BlogItem />
            </div>
        </div>
    )
}

export default Blog