home page

2024-12-28 12:32:45 +03:30
parent 4c224236da
commit 50df161858
18 changed files with 303 additions and 6 deletions
@@ -0,0 +1,69 @@
+import { FC } from 'react'
+import { SIDEBAR_SIZE_LEFT } from '../../../config/Const'
+import { useTranslation } from 'react-i18next'
+import { ArrowLeft } from 'iconsax-react'
+import CoverImage from '../../../assets/images/banner.png'
+
+const DanakLearning: FC = () => {
+
+    const { t } = useTranslation('global')
+
+    return (
+        <div style={{ width: SIDEBAR_SIZE_LEFT }} className='bg-white text-xs hidden xl:block h-fit px-5 py-7 rounded-3xl'>
+            <div className='flex justify-between items-center'>
+                <div>
+                    {t('home.danak_learning')}
+                </div>
+                <div className='flex gap-2 items-center text-[10px]'>
+                    <div>{t('home.see_all')}</div>
+                    <ArrowLeft size={12} color='black' />
+                </div>
+            </div>
+
+            <div className='mt-7'>
+                <div className='flex gap-3 mt-6'>
+                    <div>
+                        <img src={CoverImage} alt='danak-learning-1' className='w-36 h-24 object-cover rounded-2xl' />
+                    </div>
+
+                    <div className='text-xs'>
+                        <div className='leading-5'>
+                            لورم ایپسوم متن ساختگی با تولید سادگی
+                        </div>
+                        <div className='text-[10px] text-description'>
+                            <div className='flex gap-1 mt-2'>
+                                <div>دیزاین ,</div>
+                                <div>۲۴ دقیقه</div>
+                            </div>
+                            <div className=' mt-2'>
+                                آذر ماه 1403
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div className='flex gap-3 mt-6'>
+                    <div>
+                        <img src={CoverImage} alt='danak-learning-1' className='w-36 h-24 object-cover rounded-2xl' />
+                    </div>
+
+                    <div className='text-xs'>
+                        <div className='leading-5'>
+                            لورم ایپسوم متن ساختگی با تولید سادگی
+                        </div>
+                        <div className='text-[10px] text-description'>
+                            <div className='flex gap-1 mt-2'>
+                                <div>دیزاین ,</div>
+                                <div>۲۴ دقیقه</div>
+                            </div>
+                            <div className=' mt-2'>
+                                آذر ماه 1403
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default DanakLearning