<template>

<div class="bg-gray-200 dark:bg-gray-800 antialiased">
    <div class="max-w-screen-xl px-4 mx-auto 2xl:px-0">

        <div class="flex items-center justify-center py-8 dark:text-white">
        <div class="border-t border-dotted border-gray-800 flex-grow dark:border-gray-200"></div>
        <span class="px-4 text-md lg:text-xl text-center text-gray-700 font-medium lg:tracking-[1.5em] dark:text-white">our humble brands</span>
        <div class="border-t border-dotted border-gray-800 flex-grow dark:border-gray-200"></div>
        </div>

        <div class="container mx-auto px-4 pb-8">
            <div class="grid grid-cols-2 gap-4 sm:grid-cols-4 md:grid-cols-5">
                <div class="flex justify-center items-center p-2">
                    <img src="@images/logos/anda_seat.png" alt="Landa-seat" class="h-16">
                </div>
                <div class="flex justify-center items-center p-2">
                    <img src="@images/logos/aigo.png" alt="aigo" class="h-16">
                </div>
                <div class="flex justify-center items-center p-2">
                    <img src="@images/logos/cherry.png" alt="cherry" class="h-16">
                </div>
                <div class="flex justify-center items-center p-2">
                    <img src="@images/logos/cougar.png" alt="Cougar" class="h-16">
                </div>
                <div class="flex justify-center items-center p-2">
                    <img src="@images/logos/darkFlash.png" alt="dark flash" class="h-16">
                </div>
            </div>
            <div class="grid grid-cols-2 gap-4 sm:grid-cols-4 md:grid-cols-6">
                <div class="flex justify-center items-center p-2">
                    <img src="@images/logos/inno3d.png" alt="inno3d" class="h-16">
                </div>
                <div class="flex justify-center items-center p-2">
                    <img src="@images/logos/locteck.png" alt="Locteck" class="h-16">
                </div>
                <div class="flex justify-center items-center p-2">
                    <img src="@images/logos/lenovo.png" alt="Lenovo" class="h-16">
                </div>
                <div class="flex justify-center items-center p-2">
                    <img src="@images/logos/orico.png" alt="Orico" class="h-16">
                </div>
                <div class="flex justify-center items-center p-2">
                    <img src="@images/logos/pny.png" alt="PNY" class="h-16">
                </div>
                <div class="flex justify-center items-center p-2">
                    <img src="@images/logos/sley_30.png" alt="Sley-30" class="h-16">
                </div>
            </div>
        </div>



    </div>
</div>
</template>    