blog

2025-04-12 09:39:55 +03:30
parent 90c3d3658a
commit c05d7072f0
11 changed files with 342 additions and 1 deletions
@@ -0,0 +1,50 @@
+import { FC } from 'react'
+import Image from 'next/image'
+import { ArrowLeft, Calendar2, Profile } from 'iconsax-react'
+const BigBlogItem: FC = () => {
+    return (
+        <div className='w-full rounded-4xl bg-white p-7 flex gap-6'>
+            <Image src='https://picsum.photos/seed/picsum/200/300' alt='blog' width={300} height={300} className='size-[150px] object-cover rounded-4xl' />
+            <div className='flex-1'>
+                <h4 className='font-bold text-sm leading-6'>
+                    سفارش نرم‌افزار اختصاصی: سرمایه‌ای برای آینده یا فقط هزینه‌ای برای امروز؟
+                </h4>
+
+                <div className='mt-3 flex gap-3 text-xs'>
+                    <div className='flex text-[#7D818C] items-center gap-1'>
+                        <Profile
+                            size={18}
+                            color='#7D818C'
+                        />
+                        <h6 className='text-sm'>
+                            نویسنده
+                        </h6>
+                    </div>
+                    <div className='flex text-[#7D818C] items-center gap-1'>
+                        <Calendar2
+                            size={18}
+                            color='#7D818C'
+                        />
+                        <h6 className='text-sm'>
+                            ۱۴۰۳/۱۲/۰۱
+                        </h6>
+                    </div>
+                </div>
+
+                <p className='mt-3 text-sm leading-5'>
+                    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه...
+                </p>
+
+                <div className='mt-3 flex gap-1 text-sm text-[#8C90A3]'>
+                    <div>ادامه ی مطلب</div>
+                    <ArrowLeft
+                        size={18}
+                        color='#8C90A3'
+                    />
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default BigBlogItem