import Layout from '@/hoc/Layout'
import { type FC } from 'react'

const GuideOrder: FC = () => {
    return (
        <Layout>
            <div className="mt-14 px-4 sm:px-6 md:px-8 lg:px-12 xl:px-20 max-w-full overflow-x-hidden">

                <h1 className='text-2xl leading-10'>
                    نحوه ثبت سفارش در
                    <br />
                    فروشگاه اینترنتی سندس کالا
                </h1>

                <p className='mt-5 text-[#7F7F7F]'>
                    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
                </p>

                <div className=' mt-20'>
                    <div>1. لورم ایپسوم</div>
                    <p className='text-[#7F7F7F] text-sm font-light mt-2'>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ</p>
                    <div className='bg-red-50 w-full h-[300px] mt-4'></div>
                </div>
                <div className=' mt-10'>
                    <div>1. لورم ایپسوم</div>
                    <p className='text-[#7F7F7F] text-sm font-light mt-2'>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ</p>
                    <div className='bg-red-50 w-full h-[300px] mt-4'></div>
                </div>
            </div>
        </Layout>
    )
}

export default GuideOrder