Init(Coore): add to repo

components/BlogPosts.js

@@ -0,0 +1,50 @@
+
+import Image from 'next/image'
+import ImgBlog from '../public/ImgBlog.webp'
+export default function BlogPosts(){
+    return(
+        <div className="w-full flex flex-col items-center font-[5] py-16">
+           <span>لورم ایپسوم</span> 
+           <span className="text-4xl font-[4] pt-4 pb-16">بلاگ</span>
+           <div className="flex w-full"></div>
+           <div className='flex'>
+                <div className='lg:flex flex-col pl-28 hidden'>
+                    <Image alt="" src={ImgBlog} className='rounded-t-2xl'/>
+                    <span className='text-zinc-900 py-4'> فروردین، ۱۴۰۲</span>
+                    <span className='font-[4]'> مدیریت پسمانده های صنعتی در صنایع تولید آلمینیوم و منگنز</span>
+                    <p className='w-[704px] pt-4 text-neutral-500'>اولین و تنها تولید کننده ی آلیاژهای منیزیم به صورت شمش و بیلت در سال ۱۳۹۶ در استان قم واقع در شهرک صنعتی شکوهیه شروع به فعالیت نمود.
+                    </p>
+                    <p className='text-neutral-500'>هدف از ایجاد و راه اندازی این شرکت ،تامین آلیاژهای منیزیمی صنعت کشور به خصوص صنایع خودروسازی،
+                    </p>
+                    <svg className='my-3' width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M17.5699 26.8201C17.3799 26.8201 17.1899 26.7501 17.0399 26.6001L10.9699 20.5301C10.6799 20.2401 10.6799 19.7601 10.9699 19.4701L17.0399 13.4001C17.3299 13.1101 17.8099 13.1101 18.0999 13.4001C18.3899 13.6901 18.3899 14.1701 18.0999 14.4601L12.5599 20.0001L18.0999 25.5401C18.3899 25.8301 18.3899 26.3101 18.0999 26.6001C17.9599 26.7501 17.7599 26.8201 17.5699 26.8201Z" fill="#18181B"/>
+                        <path d="M28.4999 20.75H11.6699C11.2599 20.75 10.9199 20.41 10.9199 20C10.9199 19.59 11.2599 19.25 11.6699 19.25H28.4999C28.9099 19.25 29.2499 19.59 29.2499 20C29.2499 20.41 28.9099 20.75 28.4999 20.75Z" fill="#18181B"/>
+                    </svg>
+                </div>
+                <div className='flex flex-col border-r px-14'>
+                    <span className='font-[4] pb-2'> محبوب ترین ها</span>
+                    <div className='flex flex-col border-b py-6 text-black-1'>
+                        <span className='pb-4'> تاثیر استفاده از منگنز بر عمر مفید آلمینیوم </span>
+                        <span> فروردین، ۱۴۰۲</span>
+                    </div>
+                    <div className='flex flex-col border-b py-6 text-black-1'>
+                        <span className='pb-4'> تاثیر استفاده از منگنز بر عمر مفید آلمینیوم </span>
+                        <span> فروردین، ۱۴۰۲</span>
+                    </div>
+                    <div className='flex flex-col border-b py-6 text-black-1'>
+                        <span className='pb-4'> تاثیر استفاده از منگنز بر عمر مفید آلمینیوم </span>
+                        <span> فروردین، ۱۴۰۲</span>
+                    </div>
+                    <div className='flex flex-col border-b py-6 text-black-1'>
+                        <span className='pb-4'> تاثیر استفاده از منگنز بر عمر مفید آلمینیوم </span>
+                        <span> فروردین، ۱۴۰۲</span>
+                    </div> <div className='flex flex-col py-6 text-black-1'>
+                        <span className='pb-4'> تاثیر استفاده از منگنز بر عمر مفید آلمینیوم </span>
+                        <span> فروردین، ۱۴۰۲</span>
+                    </div>
+                </div>
+           </div>
+        </div>
+
+    )
+}