import Image from 'next/image'
import React from 'react'
import { FaEye, FaRegCommentAlt } from 'react-icons/fa';
import { IoCalendarOutline } from 'react-icons/io5';

const AtenaMagfirstPageColLatest = () => {
  return (
    <div className='flex flex-col w-[50%] p-5 px-10 pr-18 bg-white'>
          <h2 className='mb-4 font-semibold text-black/80 text-[1.2rem] text-center border-b-1 border-solid border-black/50 pb-4'>آخرین مطالب</h2>
          <div className='flex flex-row my-2'>
            <span className='mx-2 font-medium p-2 text-[0.8rem] bg-black text-white rounded-full'>تکنولوژِی</span>
            <span className='mx-2 font-medium p-2 text-[0.8rem] border-1 border-black/10 rounded-full'>سینما</span>
            <span className='mx-2 font-medium p-2 text-[0.8rem] border-1 border-black/10 rounded-full'>سلبریتی</span>
            <span className='mx-2 font-medium p-2 text-[0.8rem] border-1 border-black/10 rounded-full'>خبر</span>
            <span className='mx-2 font-medium p-2 text-[0.8rem] border-1 border-black/10 rounded-full'>دانستنی</span>
            <span className='mx-2 font-medium p-2 text-[0.8rem] border-1 border-black/10 rounded-full'>راهنما خرید</span>
            <span className='mx-2 font-medium p-2 text-[0.8rem] border-1 border-black/10 rounded-full'>موسیقی</span>
          </div>
          <div className='flex flex-col'>
            <div className='flex flex-row w-[95%] mt-4 border-b-1 border-solid border-black/50 pb-3'>
              <div className='flex-col pl-3'>
                <h3 className='my-2 font-semibold text-black/80 text-[1rem]/7'>برنامه روزانه مدیرعامل یک شرکت ۱۵ میلیارد دلاری؛ از سحرخیزی تا ایده جالب برای ناهار</h3>
                <p className='mt-3 font-normal text-[0.8rem]/6 text-black/70'>فرصت محدود برای ذخیره‌سازی بی‌دردسر؛ هارد اکسترنال وسترن دیجیتال با ظرفیت بسیار بالا و قیمت وسوسه‌انگیز در دسترس است.</p>
                <div className='flex flex-row mt-2'>
                  <div className='flex flex-row ml-2 items-center text-black/70'>
                    <FaEye className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>256</span>
                  </div>
                  <div className='flex flex-row items-center text-black/70 ml-1'>
                    <FaRegCommentAlt className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>256</span>
                  </div>
                  <div className='flex flex-row'>
                    <IoCalendarOutline className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>13 خرداد ماه 1404</span>
                  </div>
                </div>
              </div>
              <div className='relative w-50 h-35 rounded-md'>
                <Image src={'/ATENAMAG/vstaTest/test3.webp'} fill className='rounded-md'/>
              </div>
            </div>
            <div className='flex flex-row w-[95%] mt-4 border-b-1 border-solid border-black/50 pb-3'>
              <div className='flex-col pl-3'>
                <h3 className='my-2 font-semibold text-black/80 text-[1rem]/7'>برنامه روزانه مدیرعامل یک شرکت ۱۵ میلیارد دلاری؛ از سحرخیزی تا ایده جالب برای ناهار</h3>
                <p className='mt-3 font-normal text-[0.8rem]/6 text-black/70'>فرصت محدود برای ذخیره‌سازی بی‌دردسر؛ هارد اکسترنال وسترن دیجیتال با ظرفیت بسیار بالا و قیمت وسوسه‌انگیز در دسترس است.</p>
                <div className='flex flex-row mt-2'>
                  <div className='flex flex-row ml-2 items-center text-black/70'>
                    <FaEye className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>256</span>
                  </div>
                  <div className='flex flex-row items-center text-black/70 ml-1'>
                    <FaRegCommentAlt className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>256</span>
                  </div>
                  <div className='flex flex-row'>
                    <IoCalendarOutline className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>13 خرداد ماه 1404</span>
                  </div>
                </div>
              </div>
              <div className='relative w-50 h-35 rounded-md'>
                <Image src={'/ATENAMAG/vstaTest/test3.webp'} fill className='rounded-md'/>
              </div>
            </div>
            <div className='flex flex-row w-[95%] mt-4 border-b-1 border-solid border-black/50 pb-3'>
              <div className='flex-col pl-3'>
                <h3 className='my-2 font-semibold text-black/80 text-[1rem]/7'>برنامه روزانه مدیرعامل یک شرکت ۱۵ میلیارد دلاری؛ از سحرخیزی تا ایده جالب برای ناهار</h3>
                <p className='mt-3 font-normal text-[0.8rem]/6 text-black/70'>فرصت محدود برای ذخیره‌سازی بی‌دردسر؛ هارد اکسترنال وسترن دیجیتال با ظرفیت بسیار بالا و قیمت وسوسه‌انگیز در دسترس است.</p>
                <div className='flex flex-row mt-2'>
                  <div className='flex flex-row ml-2 items-center text-black/70'>
                    <FaEye className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>256</span>
                  </div>
                  <div className='flex flex-row items-center text-black/70 ml-1'>
                    <FaRegCommentAlt className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>256</span>
                  </div>
                  <div className='flex flex-row'>
                    <IoCalendarOutline className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>13 خرداد ماه 1404</span>
                  </div>
                </div>
              </div>
              <div className='relative w-50 h-35 rounded-md'>
                <Image src={'/ATENAMAG/vstaTest/test3.webp'} fill className='rounded-md'/>
              </div>
            </div>
            <div className='flex flex-row w-[95%] mt-4 border-b-1 border-solid border-black/50 pb-3'>
              <div className='flex-col pl-3'>
                <h3 className='my-2 font-semibold text-black/80 text-[1rem]/7'>برنامه روزانه مدیرعامل یک شرکت ۱۵ میلیارد دلاری؛ از سحرخیزی تا ایده جالب برای ناهار</h3>
                <p className='mt-3 font-normal text-[0.8rem]/6 text-black/70'>فرصت محدود برای ذخیره‌سازی بی‌دردسر؛ هارد اکسترنال وسترن دیجیتال با ظرفیت بسیار بالا و قیمت وسوسه‌انگیز در دسترس است.</p>
                <div className='flex flex-row mt-2'>
                  <div className='flex flex-row ml-2 items-center text-black/70'>
                    <FaEye className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>256</span>
                  </div>
                  <div className='flex flex-row items-center text-black/70 ml-1'>
                    <FaRegCommentAlt className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>256</span>
                  </div>
                  <div className='flex flex-row'>
                    <IoCalendarOutline className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>13 خرداد ماه 1404</span>
                  </div>
                </div>
              </div>
              <div className='relative w-50 h-35 rounded-md'>
                <Image src={'/ATENAMAG/vstaTest/test3.webp'} fill className='rounded-md'/>
              </div>
            </div>
            <div className='flex flex-row w-[95%] mt-4 border-b-1 border-solid border-black/50 pb-3'>
              <div className='flex-col pl-3'>
                <h3 className='my-2 font-semibold text-black/80 text-[1rem]/7'>برنامه روزانه مدیرعامل یک شرکت ۱۵ میلیارد دلاری؛ از سحرخیزی تا ایده جالب برای ناهار</h3>
                <p className='mt-3 font-normal text-[0.8rem]/6 text-black/70'>فرصت محدود برای ذخیره‌سازی بی‌دردسر؛ هارد اکسترنال وسترن دیجیتال با ظرفیت بسیار بالا و قیمت وسوسه‌انگیز در دسترس است.</p>
                <div className='flex flex-row mt-2'>
                  <div className='flex flex-row ml-2 items-center text-black/70'>
                    <FaEye className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>256</span>
                  </div>
                  <div className='flex flex-row items-center text-black/70 ml-1'>
                    <FaRegCommentAlt className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>256</span>
                  </div>
                  <div className='flex flex-row'>
                    <IoCalendarOutline className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>13 خرداد ماه 1404</span>
                  </div>
                </div>
              </div>
              <div className='relative w-50 h-35 rounded-md'>
                <Image src={'/ATENAMAG/vstaTest/test3.webp'} fill className='rounded-md'/>
              </div>
            </div>
            <div className='flex flex-row w-[95%] mt-4 border-b-1 border-solid border-black/50 pb-3'>
              <div className='flex-col pl-3'>
                <h3 className='my-2 font-semibold text-black/80 text-[1rem]/7'>برنامه روزانه مدیرعامل یک شرکت ۱۵ میلیارد دلاری؛ از سحرخیزی تا ایده جالب برای ناهار</h3>
                <p className='mt-3 font-normal text-[0.8rem]/6 text-black/70'>فرصت محدود برای ذخیره‌سازی بی‌دردسر؛ هارد اکسترنال وسترن دیجیتال با ظرفیت بسیار بالا و قیمت وسوسه‌انگیز در دسترس است.</p>
                <div className='flex flex-row mt-2'>
                  <div className='flex flex-row ml-2 items-center text-black/70'>
                    <FaEye className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>256</span>
                  </div>
                  <div className='flex flex-row items-center text-black/70 ml-1'>
                    <FaRegCommentAlt className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>256</span>
                  </div>
                  <div className='flex flex-row'>
                    <IoCalendarOutline className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>13 خرداد ماه 1404</span>
                  </div>
                </div>
              </div>
              <div className='relative w-50 h-35 rounded-md'>
                <Image src={'/ATENAMAG/vstaTest/test3.webp'} fill className='rounded-md'/>
              </div>
            </div>
            <div className='flex flex-row w-[95%] mt-4 border-b-1 border-solid border-black/50 pb-3'>
              <div className='flex-col pl-3'>
                <h3 className='my-2 font-semibold text-black/80 text-[1rem]/7'>برنامه روزانه مدیرعامل یک شرکت ۱۵ میلیارد دلاری؛ از سحرخیزی تا ایده جالب برای ناهار</h3>
                <p className='mt-3 font-normal text-[0.8rem]/6 text-black/70'>فرصت محدود برای ذخیره‌سازی بی‌دردسر؛ هارد اکسترنال وسترن دیجیتال با ظرفیت بسیار بالا و قیمت وسوسه‌انگیز در دسترس است.</p>
                <div className='flex flex-row mt-2'>
                  <div className='flex flex-row ml-2 items-center text-black/70'>
                    <FaEye className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>256</span>
                  </div>
                  <div className='flex flex-row items-center text-black/70 ml-1'>
                    <FaRegCommentAlt className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>256</span>
                  </div>
                  <div className='flex flex-row'>
                    <IoCalendarOutline className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>13 خرداد ماه 1404</span>
                  </div>
                </div>
              </div>
              <div className='relative w-50 h-35 rounded-md'>
                <Image src={'/ATENAMAG/vstaTest/test3.webp'} fill className='rounded-md'/>
              </div>
            </div>
            <div className='flex flex-row w-[95%] mt-4 border-b-1 border-solid border-black/50 pb-3'>
              <div className='flex-col pl-3'>
                <h3 className='my-2 font-semibold text-black/80 text-[1rem]/7'>برنامه روزانه مدیرعامل یک شرکت ۱۵ میلیارد دلاری؛ از سحرخیزی تا ایده جالب برای ناهار</h3>
                <p className='mt-3 font-normal text-[0.8rem]/6 text-black/70'>فرصت محدود برای ذخیره‌سازی بی‌دردسر؛ هارد اکسترنال وسترن دیجیتال با ظرفیت بسیار بالا و قیمت وسوسه‌انگیز در دسترس است.</p>
                <div className='flex flex-row mt-2'>
                  <div className='flex flex-row ml-2 items-center text-black/70'>
                    <FaEye className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>256</span>
                  </div>
                  <div className='flex flex-row items-center text-black/70 ml-1'>
                    <FaRegCommentAlt className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>256</span>
                  </div>
                  <div className='flex flex-row'>
                    <IoCalendarOutline className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>13 خرداد ماه 1404</span>
                  </div>
                </div>
              </div>
              <div className='relative w-50 h-35 rounded-md'>
                <Image src={'/ATENAMAG/vstaTest/test3.webp'} fill className='rounded-md'/>
              </div>
            </div>
            <div className='flex flex-row w-[95%] mt-4 border-b-1 border-solid border-black/50 pb-3'>
              <div className='flex-col pl-3'>
                <h3 className='my-2 font-semibold text-black/80 text-[1rem]/7'>برنامه روزانه مدیرعامل یک شرکت ۱۵ میلیارد دلاری؛ از سحرخیزی تا ایده جالب برای ناهار</h3>
                <p className='mt-3 font-normal text-[0.8rem]/6 text-black/70'>فرصت محدود برای ذخیره‌سازی بی‌دردسر؛ هارد اکسترنال وسترن دیجیتال با ظرفیت بسیار بالا و قیمت وسوسه‌انگیز در دسترس است.</p>
                <div className='flex flex-row mt-2'>
                  <div className='flex flex-row ml-2 items-center text-black/70'>
                    <FaEye className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>256</span>
                  </div>
                  <div className='flex flex-row items-center text-black/70 ml-1'>
                    <FaRegCommentAlt className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>256</span>
                  </div>
                  <div className='flex flex-row'>
                    <IoCalendarOutline className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>13 خرداد ماه 1404</span>
                  </div>
                </div>
              </div>
              <div className='relative w-50 h-35 rounded-md'>
                <Image src={'/ATENAMAG/vstaTest/test3.webp'} fill className='rounded-md'/>
              </div>
            </div>
            <div className='flex flex-row w-[95%] mt-4 border-b-1 border-solid border-black/50 pb-3'>
              <div className='flex-col pl-3'>
                <h3 className='my-2 font-semibold text-black/80 text-[1rem]/7'>برنامه روزانه مدیرعامل یک شرکت ۱۵ میلیارد دلاری؛ از سحرخیزی تا ایده جالب برای ناهار</h3>
                <p className='mt-3 font-normal text-[0.8rem]/6 text-black/70'>فرصت محدود برای ذخیره‌سازی بی‌دردسر؛ هارد اکسترنال وسترن دیجیتال با ظرفیت بسیار بالا و قیمت وسوسه‌انگیز در دسترس است.</p>
                <div className='flex flex-row mt-2'>
                  <div className='flex flex-row ml-2 items-center text-black/70'>
                    <FaEye className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>256</span>
                  </div>
                  <div className='flex flex-row items-center text-black/70 ml-1'>
                    <FaRegCommentAlt className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>256</span>
                  </div>
                  <div className='flex flex-row'>
                    <IoCalendarOutline className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>13 خرداد ماه 1404</span>
                  </div>
                </div>
              </div>
              <div className='relative w-50 h-35 rounded-md'>
                <Image src={'/ATENAMAG/vstaTest/test3.webp'} fill className='rounded-md'/>
              </div>
            </div>
            <div className='flex flex-row w-[95%] mt-4 border-b-1 border-solid border-black/50 pb-3'>
              <div className='flex-col pl-3'>
                <h3 className='my-2 font-semibold text-black/80 text-[1rem]/7'>برنامه روزانه مدیرعامل یک شرکت ۱۵ میلیارد دلاری؛ از سحرخیزی تا ایده جالب برای ناهار</h3>
                <p className='mt-3 font-normal text-[0.8rem]/6 text-black/70'>فرصت محدود برای ذخیره‌سازی بی‌دردسر؛ هارد اکسترنال وسترن دیجیتال با ظرفیت بسیار بالا و قیمت وسوسه‌انگیز در دسترس است.</p>
                <div className='flex flex-row mt-2'>
                  <div className='flex flex-row ml-2 items-center text-black/70'>
                    <FaEye className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>256</span>
                  </div>
                  <div className='flex flex-row items-center text-black/70 ml-1'>
                    <FaRegCommentAlt className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>256</span>
                  </div>
                  <div className='flex flex-row'>
                    <IoCalendarOutline className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>13 خرداد ماه 1404</span>
                  </div>
                </div>
              </div>
              <div className='relative w-50 h-35 rounded-md'>
                <Image src={'/ATENAMAG/vstaTest/test3.webp'} fill className='rounded-md'/>
              </div>
            </div>
            <div className='flex flex-row w-[95%] mt-4 border-b-1 border-solid border-black/50 pb-3'>
              <div className='flex-col pl-3'>
                <h3 className='my-2 font-semibold text-black/80 text-[1rem]/7'>برنامه روزانه مدیرعامل یک شرکت ۱۵ میلیارد دلاری؛ از سحرخیزی تا ایده جالب برای ناهار</h3>
                <p className='mt-3 font-normal text-[0.8rem]/6 text-black/70'>فرصت محدود برای ذخیره‌سازی بی‌دردسر؛ هارد اکسترنال وسترن دیجیتال با ظرفیت بسیار بالا و قیمت وسوسه‌انگیز در دسترس است.</p>
                <div className='flex flex-row mt-2'>
                  <div className='flex flex-row ml-2 items-center text-black/70'>
                    <FaEye className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>256</span>
                  </div>
                  <div className='flex flex-row items-center text-black/70 ml-1'>
                    <FaRegCommentAlt className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>256</span>
                  </div>
                  <div className='flex flex-row'>
                    <IoCalendarOutline className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>13 خرداد ماه 1404</span>
                  </div>
                </div>
              </div>
              <div className='relative w-50 h-35 rounded-md'>
                <Image src={'/ATENAMAG/vstaTest/test3.webp'} fill className='rounded-md'/>
              </div>
            </div>
            <div className='flex flex-row w-[95%] mt-4 border-b-1 border-solid border-black/50 pb-3'>
              <div className='flex-col pl-3'>
                <h3 className='my-2 font-semibold text-black/80 text-[1rem]/7'>برنامه روزانه مدیرعامل یک شرکت ۱۵ میلیارد دلاری؛ از سحرخیزی تا ایده جالب برای ناهار</h3>
                <p className='mt-3 font-normal text-[0.8rem]/6 text-black/70'>فرصت محدود برای ذخیره‌سازی بی‌دردسر؛ هارد اکسترنال وسترن دیجیتال با ظرفیت بسیار بالا و قیمت وسوسه‌انگیز در دسترس است.</p>
                <div className='flex flex-row mt-2'>
                  <div className='flex flex-row ml-2 items-center text-black/70'>
                    <FaEye className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>256</span>
                  </div>
                  <div className='flex flex-row items-center text-black/70 ml-1'>
                    <FaRegCommentAlt className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>256</span>
                  </div>
                  <div className='flex flex-row'>
                    <IoCalendarOutline className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>13 خرداد ماه 1404</span>
                  </div>
                </div>
              </div>
              <div className='relative w-50 h-35 rounded-md'>
                <Image src={'/ATENAMAG/vstaTest/test3.webp'} fill className='rounded-md'/>
              </div>
            </div>
            <div className='flex flex-row w-[95%] mt-4 border-b-1 border-solid border-black/50 pb-3'>
              <div className='flex-col pl-3'>
                <h3 className='my-2 font-semibold text-black/80 text-[1rem]/7'>برنامه روزانه مدیرعامل یک شرکت ۱۵ میلیارد دلاری؛ از سحرخیزی تا ایده جالب برای ناهار</h3>
                <p className='mt-3 font-normal text-[0.8rem]/6 text-black/70'>فرصت محدود برای ذخیره‌سازی بی‌دردسر؛ هارد اکسترنال وسترن دیجیتال با ظرفیت بسیار بالا و قیمت وسوسه‌انگیز در دسترس است.</p>
                <div className='flex flex-row mt-2'>
                  <div className='flex flex-row ml-2 items-center text-black/70'>
                    <FaEye className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>256</span>
                  </div>
                  <div className='flex flex-row items-center text-black/70 ml-1'>
                    <FaRegCommentAlt className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>256</span>
                  </div>
                  <div className='flex flex-row'>
                    <IoCalendarOutline className='ml-1'/>
                    <span className='font-normal text-[0.7rem] mt-1'>13 خرداد ماه 1404</span>
                  </div>
                </div>
              </div>
              <div className='relative w-50 h-35 rounded-md'>
                <Image src={'/ATENAMAG/vstaTest/test3.webp'} fill className='rounded-md'/>
              </div>
            </div>
            
          </div>
        </div>
  )
}

export default AtenaMagfirstPageColLatest