<?php
defined('ABSPATH') || exit;
?>
<!-- start best Laptops -->
<section class="flex w-full flex-col mt-6 elementor-widget elementor-widget-text-editor">
    <h2 class="text-center mdp:text-xl text-sm font-semiBold leading-6 text-primary-shade-1 lg:text-2.5xl mdp:mt-4 mt-2">
        برترین‌های لپ‌تاپ
    </h2>

    <ul id="best_laptops" class="flex flex-wrap justify-center gap-7 pt-4 lg:gap-x-8 lg:gap-y-11.5 xl:pt-6">
        <li class="flex flex-col items-center gap-0.5 lg:gap-0">
            <img fetchpriority="auto" loading="lazy"
                src="<?php echo THEME_DIR; ?>/src/img/static_laptop_asus_new.webp"
                alt="ایسوس" title="ایسوس"
                class="h-[80px] w-[80px] cursor-pointer lg:h-[180px] lg:w-[180px]"
                width="180" height="180" />
            <a class="text-xs font-medium leading-4 text-primary-shade-1 lg:text-lg no-underline hover:opacity-80 transition"
                href="/product/list/164_163_825/%DA%A9%D8%A7%D9%85%D9%BE%DB%8C%D9%88%D8%AA%D8%B1-%D9%88-%D9%84%D9%BE-%D8%AA%D8%A7%D9%BE-%D8%A7%DB%8C%D8%B3%D9%88%D8%B3-asus">
                ایسوس
            </a>
        </li>
        <li class="flex flex-col items-center gap-0.5 lg:gap-0">
            <img fetchpriority="auto" loading="lazy"
                src="<?php echo THEME_DIR; ?>/src/img/static_laptop_hp_new.webp"
                alt="اچ پی" title="اچ پی"
                class="h-[80px] w-[80px] cursor-pointer lg:h-[180px] lg:w-[180px]"
                width="180" height="180" />
            <a class="text-xs font-medium leading-4 text-primary-shade-1 lg:text-lg no-underline hover:opacity-80 transition"
                href="/product/list/164_163_876/%DA%A9%D8%A7%D9%85%D9%BE%DB%8C%D9%88%D8%AA%D8%B1-%D9%88-%D9%84%D9%BE-%D8%AA%D8%A7%D9%BE-%D8%A7%DA%86-%D9%BE%DB%8C-hp">
                اچ پی
            </a>
        </li>
        <li class="flex flex-col items-center gap-0.5 lg:gap-0">
            <img fetchpriority="auto" loading="lazy"
                src="<?php echo THEME_DIR; ?>/src/img/static_laptop_mac_new.webp"
                alt="مک بوک" title="مک بوک"
                class="h-[80px] w-[80px] cursor-pointer lg:h-[180px] lg:w-[180px]"
                width="180" height="180" />
            <a class="text-xs font-medium leading-4 text-primary-shade-1 lg:text-lg no-underline hover:opacity-80 transition"
                href="/product/list/164_163_826/%DA%A9%D8%A7%D9%85%D9%BE%DB%8C%D9%88%D8%AA%D8%B1-%D9%88-%D9%84%D9%BE-%D8%AA%D8%A7%D9%BE-%D8%A7%D9%BE%D9%84-apple">
                مک بوک
            </a>
        </li>
        <li class="flex flex-col items-center gap-0.5 lg:gap-0">
            <img fetchpriority="auto" loading="lazy"
                src="<?php echo THEME_DIR; ?>/src/img/static_laptop_lenovo_new.webp"
                alt="لنوو" title="لنوو"
                class="h-[80px] w-[80px] cursor-pointer lg:h-[180px] lg:w-[180px]"
                width="180" height="180" />
            <a class="text-xs font-medium leading-4 text-primary-shade-1 lg:text-lg no-underline hover:opacity-80 transition"
                href="/product/list/164_163_824/%DA%A9%D8%A7%D9%85%D9%BE%DB%8C%D9%88%D8%AA%D8%B1-%D9%88-%D9%84%D9%BE-%D8%AA%D8%A7%D9%BE-%D9%84%D9%86%D9%88%D9%88-lenovo">
                لنوو
            </a>
        </li>
        <li class="flex flex-col items-center gap-0.5 lg:gap-0">
            <img fetchpriority="auto" loading="lazy"
                src="<?php echo THEME_DIR; ?>/src/img/static_laptop_aser_new.webp"
                alt="ایسر" title="ایسر"
                class="h-[80px] w-[80px] cursor-pointer lg:h-[180px] lg:w-[180px]"
                width="180" height="180" />
            <a class="text-xs font-medium leading-4 text-primary-shade-1 lg:text-lg no-underline hover:opacity-80 transition"
                href="/product/list/164_163_877/%DA%A9%D8%A7%D9%85%D9%BE%DB%8C%D9%88%D8%AA%D8%B1-%D9%88-%D9%84%D9%BE-%D8%AA%D8%A7%D9%BE-%D8%A7%DB%8C%D8%B3%D8%B1-acer">
                ایسر
            </a>
        </li>
        <li class="flex flex-col items-center gap-0.5 lg:gap-0">
            <img fetchpriority="auto" loading="lazy"
                src="<?php echo THEME_DIR; ?>/src/img/static_laptop_MSi.webp"
                alt="ام اس آی" title="ام اس آی"
                class="h-[80px] w-[80px] cursor-pointer lg:h-[180px] lg:w-[180px]"
                width="180" height="180" />
            <a class="text-xs font-medium leading-4 text-primary-shade-1 lg:text-lg no-underline hover:opacity-80 transition"
                href="/product/list/164_163_875/%DA%A9%D8%A7%D9%85%D9%BE%DB%8C%D9%88%D8%AA%D8%B1-%D9%88-%D9%84%D9%BE-%D8%AA%D8%A7%D9%BE-%D8%A7%D9%85-%D8%A7%D8%B3-%D8%A2%DB%8C-msi">
                ام اس آی
            </a>
        </li>
    </ul>
</section>
<!-- end best Laptops -->


