<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="xEIKgd5mBtUQOIBhO8BgrBoFwRjf9z2SBEfs8X72">
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<meta name="msvalidate.01" content="77BC9EC2757BFFD6B08AB6E9830867E2" />
<meta name="msvalidate.01" content="8F0A17F8B7EE136DC522E193ADA44AC2" />
<meta name="msvalidate.01" content="81E0B92D870F20A5A81469EF8E834B59" />
<meta name="msvalidate.01" content="B3D56BE8396E01BC4B5FF1FADDBFEBAC" />
<meta name="msvalidate.01" content="6CF243145B598540D3EBE639EC0CED69" />
<meta name="msvalidate.01" content="5FE75E29938FE1D0DD54BAD2B25C99E4" />
<meta name="msvalidate.01" content="A20920FE8B2693A844693CA7B2DA0341" />
<meta name="msvalidate.01" content="443527962984ED6113E71C2E1C1E6FCC" />
<meta name="msvalidate.01" content="58D49F2458FE6C8E642907D29D522720" />
<meta name="msvalidate.01" content="851D73C3284A97030F2B09FDECBB3AD4" />
<meta name="msvalidate.01" content="A656B1E6BC13BAE9D5A8773D01104738" />
<meta name="msvalidate.01" content="61789A989A2520E21E638DD047CB7332" />
<meta name="msvalidate.01" content="B7C6A3E0D04CC5BA0C608C9520F3D00B" />
<meta name="msvalidate.01" content="F48263C70EDE1DC309187238F96CCE3F" />
<meta name="msvalidate.01" content="0EE0DAA2E0981DF931A252C15FCBCA2C" />
<meta name="msvalidate.01" content="0A07E3A82E7C0D9F9D9C345659EDB9DE" />
<meta name="msvalidate.01" content="131BBB629297ACBB160173ED53395845" />
<meta name="msvalidate.01" content="05555D8659A1D65F7D0E2EBA014AF981" />
<meta name="msvalidate.01" content="78AC6224A015A61918E531E916DD44FA" />
<meta name="msvalidate.01" content="7D606D72FCE39D630B7985DE1F0361B1" />
<meta name="msvalidate.01" content="EF3C401C6A614F8D465A9341CBFC5090" />
<meta name="msvalidate.01" content="EB952236EB778B9340696B13F7353A3D" />
<meta name="msvalidate.01" content="897AEDC10475FB0295F82A4210D64590" />
<meta name="msvalidate.01" content="F430E75F1EF116C6EFA24DE7CB3E0BC9" />
<meta name="msvalidate.01" content="F7B3BD2FE69072BCCE4126B9CC5045CB" />
<meta name="msvalidate.01" content="98EF95AD212ADD48C878F21B193AB8E4" />
<meta name="msvalidate.01" content="7C25DA74C8FF5FAB142FC70204BB07A6" />
<meta name="msvalidate.01" content="1D0E1105D459663D83517C7646FC097D" />
<meta name="msvalidate.01" content="81D4616A768B982EB9CE2018AECAE8F6" />
<meta name="msvalidate.01" content="8A3522EFAF15FC4FDF3B35078C516DB7" />
<meta name="msvalidate.01" content="5D38CFA2B20914936FDB97E2B9FB39C6" />
<meta name="msvalidate.01" content="3BC91AA62DFB93BBB6AF0F324F83B879" />
<meta name="msvalidate.01" content="EF8A373ACF36FCC9C576F7E17BDC0ED0" />
<meta name="msvalidate.01" content="8C25C1EC562A320C4E886F6FBD551AA0" />
<meta name="msvalidate.01" content="4BA3D4BEDFCBDE8D855A5D67FB70ECAD" />
<meta name="msvalidate.01" content="E10CD32B036CAFEE4E0BAF11165F6D14" />
<meta name="msvalidate.01" content="E97FE2DDBEBEE0B3AB82D7D7499D54B0" />
<meta name="msvalidate.01" content="895A1ECBF4F65AB03AB7449235C31DA7" />
<meta name="msvalidate.01" content="F03D9D95ECB8E1D15F5DF466E55DC2EF" />
<meta name="msvalidate.01" content="10D1437BF96D7A042B768C9F7731BAB4" />
<meta name="msvalidate.01" content="7ED6C9C1C31D32B7B13F91DFB3BCB4F7" />
<meta name="msvalidate.01" content="37AF4033FCDC8814D80B3347D8DCFD61" />
<meta name="msvalidate.01" content="14828660C6B43D54B71B032573D1DCC6" />
<meta name="msvalidate.01" content="968272C9D1F17F43A36BEF900C379237" />
<meta name="msvalidate.01" content="752B68F93142732EAB7CCB7A5D776D16" />
<meta name="msvalidate.01" content="B1A99BDD7D6156B30A78E68F365C9F83" />
<meta name="msvalidate.01" content="6C25E85F718295037CD6F2B882C55F0C" />
<meta name="msvalidate.01" content="5C7D771CAF9E1D204A650ACD0E1CCC27" />
<meta name="msvalidate.01" content="0A33808F913B3177D30C05FFEA18A778" />
<meta name="msvalidate.01" content="6A58B74EB884C7D4DFF37B085C2EF641" />
<meta name="msvalidate.01" content="0154F0B163EC39E2C00077A555BB712F" />
<meta name="msvalidate.01" content="78D17C560AC7BBDC345D966938135AD5" />
<meta name="msvalidate.01" content="9DD6BD390FBB5FCE73E03376DF6923C2" />
<meta name="msvalidate.01" content="2BBC0BE30006807810C289BDF64CFF11" />
<meta name="msvalidate.01" content="6EB50B0564B4A30C435A67724D547579" />
<meta name='ir-site-verification-token' value='529231765' />
<meta name='impact-site-verification' value='34bab047-b19c-4a2d-83b9-4e7b91954a89'>

<title>Discover and Play Free Online Games on Trehrechie!</title><meta name="description" content="Play your favorite games online for free. No downloads or installs. Enjoy non-stop gaming on any device at a single click on Trehrechie."><link rel="canonical" href="https://trehrechie.com"/><meta property="og:title" content="Discover and Play Free Online Games on Trehrechie!" /><meta property="og:description" content="Play your favorite games online for free. No downloads or installs. Enjoy non-stop gaming on any device at a single click on Trehrechie." /><meta property="og:image" content="https://trehrechie.com/static-res/img/newsike/thumbnail.jpg?id=0ddb4da92cd291f13ead" /><meta name="twitter:title" content="Discover and Play Free Online Games on Trehrechie!" /><meta name="twitter:description" content="Play your favorite games online for free. No downloads or installs. Enjoy non-stop gaming on any device at a single click on Trehrechie." /><meta name="twitter:image" content="https://trehrechie.com/static-res/img/newsike/thumbnail.jpg?id=0ddb4da92cd291f13ead" /><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Discover and Play Free Online Games on Trehrechie!","description":"Play your favorite games online for free. No downloads or installs. Enjoy non-stop gaming on any device at a single click on Trehrechie.","url":"https://trehrechie.com","image":"https://trehrechie.com/static-res/img/newsike/thumbnail.jpg?id=0ddb4da92cd291f13ead"}</script>
    <link rel="stylesheet" href="/static-res/css/newsike.css?id=5738d717131e79e2e0fb">
    
    <script src="/static-res/js/newsike.js?id=7f363cc5445f1191888e" defer></script>
    <script src="/static-res/js/alpine.js?id=aa67474ee4ce14dc980f" defer></script>

    <link rel="preconnect" href="https://www.googletagmanager.com" />
<link rel="dns-prefetch" href="https://www.googletagmanager.com" />










<link rel="alternate" type="application/rss+xml" href="https://api.trehrechie.com/v1/rss">

    <link rel="apple-touch-icon" sizes="57x57" href="/static-res/img/newsike/apple-icon-57x57.png?id=7f2dd0f19fc9423ccae5" />
    <link rel="apple-touch-icon" sizes="60x60" href="/static-res/img/newsike/apple-icon-60x60.png?id=0bd5f84ce8093a295d08" />
    <link rel="apple-touch-icon" sizes="72x72" href="/static-res/img/newsike/apple-icon-72x72.png?id=fed97a82d99287329aa1" />
    <link rel="apple-touch-icon" sizes="76x76" href="/static-res/img/newsike/apple-icon-76x76.png?id=8dd2b4bd97e42ce4bb48" />
    <link rel="apple-touch-icon" sizes="114x114" href="/static-res/img/newsike/apple-icon-114x114.png?id=e1350d22e08f3a9a98ee" />
    <link rel="apple-touch-icon" sizes="120x120" href="/static-res/img/newsike/apple-icon-120x120.png?id=c8f79402edc377935736" />
    <link rel="apple-touch-icon" sizes="144x144" href="/static-res/img/newsike/apple-icon-144x144.png?id=e103a4bdcfdaedd66ae6" />
    <link rel="apple-touch-icon" sizes="152x152" href="/static-res/img/newsike/apple-icon-152x152.png?id=026787d9b01866dc2ecb" />
    <link rel="apple-touch-icon" sizes="180x180" href="/static-res/img/newsike/apple-icon-180x180.png?id=ac5d8669f9fac00716da" />
    <link rel="icon" type="image/png" sizes="192x192" href="/static-res/img/newsike/android-icon-192x192.png?id=8de180f7a159494d7e57" />
    <link rel="icon" type="image/png" sizes="32x32" href="/static-res/img/newsike/favicon-32x32.png?id=39a6afc44c6afe88283c" />
    <link rel="icon" type="image/png" sizes="96x96" href="/static-res/img/newsike/favicon-96x96.png?id=98b4072dae559862b5fc" />
    <link rel="icon" type="image/png" sizes="16x16" href="/static-res/img/newsike/favicon-16x16.png?id=a43a5a3c7de4d329262b" />
    <link rel="manifest" href="/static-res/img/newsike/manifest.json?id=6d0a109cbc6d45f4e64b">
    <meta name="msapplication-TileImage" content="/static-res/img/newsike/ms-icon-144x144.png?id=e103a4bdcfdaedd66ae6" />
<meta name="msapplication-TileColor" content="#ffffff" />
<meta name="theme-color" content="#ffffff" />
<meta http-equiv="x-ua-compatible" content="ie=edge">


    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-54725HQVMF"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'G-54725HQVMF');
    </script>
        
                    </head>
<body>
<div x-data="{&quot;show&quot;:true,&quot;style&quot;:&quot;success&quot;,&quot;message&quot;:null}"
            :class="{ 'bg-indigo-500': style == 'success', 'bg-red-700': style == 'danger', 'bg-gray-500': style != 'success' && style != 'danger' }"
            style="display: none;"
            x-show="show && message"
            x-init="
                document.addEventListener('banner-message', event => {
                    style = event.detail.style;
                    message = event.detail.message;
                    show = true;
                });
            ">
    <div class="max-w-screen-xl mx-auto py-2 px-3 sm:px-6 lg:px-8">
        <div class="flex items-center justify-between flex-wrap">
            <div class="w-0 flex-1 flex items-center min-w-0">
                <span class="flex p-2 rounded-lg" :class="{ 'bg-indigo-600': style == 'success', 'bg-red-600': style == 'danger' }">
                    <svg x-show="style == 'success'" class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
                    </svg>
                    <svg x-show="style == 'danger'" class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                    </svg>
                    <svg x-show="style != 'success' && style != 'danger'" class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                    </svg>
                </span>

                <p class="ml-3 font-medium text-sm text-white truncate" x-text="message"></p>
            </div>

            <div class="flex-shrink-0 sm:ml-3">
                <button
                    type="button"
                    class="-mr-1 flex p-2 rounded-md focus:outline-none sm:-mr-2 transition"
                    :class="{ 'hover:bg-indigo-600 focus:bg-indigo-600': style == 'success', 'hover:bg-red-600 focus:bg-red-600': style == 'danger' }"
                    aria-label="Dismiss"
                    x-on:click="show = false">
                    <svg class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
                    </svg>
                </button>
            </div>
        </div>
    </div>
</div>
<div class="min-h-screen bg-green-300">
        <nav x-data="{ open: false }" class="sticky top-0 z-40 w-full backdrop-blur flex-none transition-colors duration-500 lg:z-50 lg:border-b border-slate-50/[0.06] supports-backdrop-blur:bg-white/95 bg-green-900/75">
    <!-- Primary Navigation Menu -->
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="flex justify-between h-[60px]">
            <div class="flex">
                <!-- Logo -->
                <div class="flex-shrink-0 flex items-center">
                    <a href="https://trehrechie.com" class="text-xl font-black tracking-wider text-white">
                        Trehrechie
                    </a>
                </div>

                <!-- Navigation Links -->
                <div class="hidden space-x-8 sm:-my-px sm:ml-10 sm:flex">



                    <a class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-300 transition text-white !text-base !hover:text-gray-100 hover:!text-gray-100 !font-bold" href="https://trehrechie.com/en/games/genres">
    Categories
</a>
                    <form
    class="inline-flex items-center w-72 mb-0"
    action="https://trehrechie.com/en/games/search"
    target="_top"
>
    <input
        aria-label="keyword"
        type="text"
        name="keyword"
        class="ml-4 sm:ml-0 mt-2 sm:mt-0 w-full text-base pl-4 py-[7px] font-bold rounded-[30px] bg-green-100/75 border-transparent border-solid-x"
        placeholder="Search"
    />
</form>
                </div>
            </div>

            <!-- Hamburger -->
            <div class="-mr-2 flex items-center sm:hidden">
                <button @click="open = ! open" aria-label="menu" class="inline-flex items-center justify-center p-2 rounded-md text-white hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition">
                    <svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
                        <path :class="{'hidden': open, 'inline-flex': ! open }" class="inline-flex" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
                        <path :class="{'hidden': ! open, 'inline-flex': open }" class="hidden" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
                    </svg>
                </button>
            </div>
        </div>
    </div>

    <!-- Responsive Navigation Menu -->
    <div :class="{'block': open, 'hidden': ! open}" class="hidden sm:hidden">
        <div class="pt-2 pb-3 space-y-1">
            <a class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 focus:outline-none focus:text-gray-800 focus:bg-gray-50 focus:border-gray-300 transition text-white !font-bold" href="https://trehrechie.com">
    Home
</a>
            <a class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 focus:outline-none focus:text-gray-800 focus:bg-gray-50 focus:border-gray-300 transition text-white !font-bold" href="https://trehrechie.com/en/games/genres">
    Categories
</a>
            <form
    class="inline-flex items-center w-72 mb-0"
    action="https://trehrechie.com/en/games/search"
    target="_top"
>
    <input
        aria-label="keyword"
        type="text"
        name="keyword"
        class="ml-4 sm:ml-0 mt-2 sm:mt-0 w-full text-base pl-4 py-[7px] font-bold rounded-[30px] bg-green-100/75 border-transparent border-solid-x"
        placeholder="Search"
    />
</form>
        </div>
    </div>
</nav>
                    <main>
        <div>
                        <div id="recent-games-header" class="text-center font-bold mt-4 text-xl">Recently played</div>
            <div id="recent-games-container" class="flex flex-wrap justify-center py-4 gap-4"></div>
            <div id="popular-games-header" class="text-center font-bold text-xl">Popular Games</div>
                <div class="flex flex-wrap justify-center py-4 gap-4">
                            <a  href="https://trehrechie.com/en/games/cozy-merge"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/318f21aa4bd540ef83cadbfb1c5c9f48-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Cozy Merge
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/redhaired-fairy-fantasy-vs-reality"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/0853da71f9d746a8901eecdd0e3a41a8-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            RedHaired Fairy Fantasy vs Reality
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/spiral-jump-3d"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/9f21f65e2a314da38d5a8c316978109f-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Spiral Jump 3D
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/goat-vs-zombies"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/d2720ea77cc445ce858742beb41b46bb-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Goat vs Zombies
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/snake-vs-blocks"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/e6d7cf252a5f4ac1a5ad8d59cf05b70c.jpg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Snake VS Blocks
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/princesses-prom-ball"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/d72673e6792442ecb2bff38e5cdf4381.jpg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Princesses Prom Ball
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/anti-virus-game"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/85d6911816ed4036b85664ccb1be8859-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Anti Virus Game
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/lets-kill-jane-the-killer-dont-go-to-sleep"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/26e8db26b0014d259f494bde17c9b55a-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Let&#039;s Kill Jane The Killer: Don&#039;t Go to Sleep
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/drop-squish"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/bb0dc632d0a841c1833c91c178bf9c0c-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Drop &amp; Squish
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/basket-io"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/5eb9f0cce9bc4ab888dcfa5fc85aab7c-512x384.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Basket IO
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/police-car-parking"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/e8a8b30b16614bef81ab312e3ca0e562-512x384.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Police Car Parking
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/gun-masters"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/b1e45b2a3bd44e77ba960486d07e4422-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Gun Masters
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/laser-nodes"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/420bb53d229846b7a167faabba692189-512x512.jpg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Laser Nodes
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/release-the-gift-boxes"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/b090ebd7dfc14b0f9f665673e1fee00a-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Release The Gift Boxes
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/amaze"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/da6b5231207743a198cb0fe2c6f5305a-512x384.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Amaze
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/commander-assualt-duty-2"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/0178543830ab4efc9ab977b0b50820d0-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Commander Assualt Duty 2
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/kissing-in-music-class"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/b226a234e71f4df3bd513c6b4dcb24b8-512x384.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Kissing in Music Class
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/panda-holic"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/2158fa34e66d46e19e92aadeb717ec1b-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Panda Holic
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/car-impossible-stunt-driving-simulator"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/1e70eafb362a48c890c78e9459942b7f-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Car Impossible Stunt Driving Simulator
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/super-hexbee-merger"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/d3846af5a02a43e2b8485285e78f4ac2-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Super Hexbee Merger
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/tank-tank"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/11561cc5bc754589bb654c782139a781-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Tank + Tank
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/memory-challenge"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/bf6e3a7e70b84c7896458d409d46a8c1-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Memory Challenge
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/wake-up-the-box"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/88d7078602364cfd845f7c2796c456c7-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Wake Up the Box
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/highschool-divas"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/599c6992054b474e8979e7b5c48d508a.jpg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Highschool Divas
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/squid-game-challenge-online"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/9137d2c01b84458f87cc94467bd70a09-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Squid Game Challenge Online
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/kitty-fashion-day"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/ccaae8da1fdf4f38b728a25f7052e18a.jpg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Kitty Fashion Day
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/liquid-puzzle-sort-the-color"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/0de94567c7b740f0916619e811e7f1db-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Liquid puzzle sort the color
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/onpipe"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/f8db397c212c4ac4bb30281c9bcaa3f6-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            OnPipe
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/town-bus-driver"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/07a590f703a6444598aa5ab015d229cc-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Town Bus Driver
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/bts-dotted-girl-coloring"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/afc4f3e5e87c42bb9070bc342a2adf97-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            BTS Dotted Girl Coloring
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/baby-snow-sick-day"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/e67d574c1f204ddbb61979d7de512665-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Baby Snow Sick Day
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/battle-for-kingdom"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/a7c0a316e38e43f48ec32953338393e9-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Battle For Kingdom
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/halloween-blocks"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/2667fc97ff6d4158930482a3db11a8c9-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Halloween Blocks
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/blocks-puzzle"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/92834ac37ba946f6a82690c36ecd5a8b-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Blocks Puzzle
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/yatzy-arena"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/b3522442efc6449bbd3e3bc7d3317557-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Yatzy Arena
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/candy-land"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/cf9e5dedc1e1436bb2378133d60b4c3d-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Candy Land
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/penguin-dash"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/1e297f77d7fb4554b1d8cb7b39243c2b-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Penguin Dash
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/bingo-75"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/10d1d8f7a2fd4667be9791615334a04b-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Bingo 75
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/black-friday-shopping-spree"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/b434313767904e4e98beb633dbbcbe86-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Black Friday Shopping Spree
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/soccer-master"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/15ca82d5127a4ea7aa359bfc2a70da81.jpg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Soccer Master
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/halloween-words-search"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/17f59b95bf924d32b3f519bf06563666-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Halloween Words Search
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/hugie-wugie-runner"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/62305fd30cbf43169b3badf3513a55a4-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Hugie Wugie Runner
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/metal-army-war-revenge"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/3a9f3a9e6d2244cab98b75586ecc34cb-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Metal Army War Revenge
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/rodha"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/ec147555caf047899e02c433fc467f55-512x512.jpg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Rodha
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/monster-truck-high-speed"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/a72f414ca0ed4ceeb33e6e37f614036b-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Monster Truck High Speed
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/pocket-pool"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/8126606cd612461389e1d89753ff03c5-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Pocket Pool
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/fire-balls"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/df9a06efeca24d7789e363019ff6f5c2-512x384.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Fire Balls
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://trehrechie.com/en/games/boing-bang-adventure-lite"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/444056d403fd4c379e315f3a961ad195-512x512.jpg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Boing Bang Adventure Lite
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                    </div>
                    <div class="mb-4 flex-center">
                <nav role="navigation" aria-label="Pagination Navigation" class="flex justify-between">
        
                    <span class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md">
                &laquo; Previous
            </span>
        
        
                    <a href="http://trehrechie.com?page=2" rel="next" class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150">
                Next &raquo;
            </a>
            </nav>

            </div>
                            <div class="flex flex-wrap justify-center pb-4 gap-4">
                                    <a href="https://trehrechie.com/en/games/genres/simulation" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Simulation Games
    </div>
</a>
                                    <a href="https://trehrechie.com/en/games/genres/agility" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Agility Games
    </div>
</a>
                                    <a href="https://trehrechie.com/en/games/genres/adventure" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Adventure Games
    </div>
</a>
                                    <a href="https://trehrechie.com/en/games/genres/mahjong-connect" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Mahjong &amp; Connect Games
    </div>
</a>
                                    <a href="https://trehrechie.com/en/games/genres/racing-driving" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Racing &amp; Driving Games
    </div>
</a>
                                    <a href="https://trehrechie.com/en/games/genres/bubble-shooter" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Bubble Shooter Games
    </div>
</a>
                                    <a href="https://trehrechie.com/en/games/genres/io" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        .IO Games
    </div>
</a>
                                    <a href="https://trehrechie.com/en/games/genres/care" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Care Games
    </div>
</a>
                                    <a href="https://trehrechie.com/en/games/genres/casual" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Casual Games
    </div>
</a>
                                    <a href="https://trehrechie.com/en/games/genres/jigsaw" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Jigsaw Games
    </div>
</a>
                                    <a href="https://trehrechie.com/en/games/genres/cards" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Cards Games
    </div>
</a>
                                    <a href="https://trehrechie.com/en/games/genres/football" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Football Games
    </div>
</a>
                                    <a href="https://trehrechie.com/en/games/genres/sports" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Sports Games
    </div>
</a>
                                    <a href="https://trehrechie.com/en/games/genres/boardgames" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Boardgames Games
    </div>
</a>
                                    <a href="https://trehrechie.com/en/games/genres/battle" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Battle Games
    </div>
</a>
                                    <a href="https://trehrechie.com/en/games/genres/basketball" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Basketball Games
    </div>
</a>
                                    <a href="https://trehrechie.com/en/games/genres/match-3" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Match-3 Games
    </div>
</a>
                                    <a href="https://trehrechie.com/en/games/genres/cooking" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Cooking Games
    </div>
</a>
                                    <a href="https://trehrechie.com/en/games/genres/dress-up" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Dress-up Games
    </div>
</a>
                                    <a href="https://trehrechie.com/en/games/genres/art" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Art Games
    </div>
</a>
                                    <a href="https://trehrechie.com/en/games/genres/shooter" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Shooter Games
    </div>
</a>
                                    <a href="https://trehrechie.com/en/games/genres/strategy" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Strategy Games
    </div>
</a>
                                    <a href="https://trehrechie.com/en/games/genres/puzzle" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Puzzle Games
    </div>
</a>
                                    <a href="https://trehrechie.com/en/games/genres/educational" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Educational Games
    </div>
</a>
                                    <a href="https://trehrechie.com/en/games/genres/merge" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Merge Games
    </div>
</a>
                                    <a href="https://trehrechie.com/en/games/genres/quiz" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Quiz Games
    </div>
</a>
                            </div>
            
                
            <script>
            const keyRecentGames = 'recentGames';
            try {
                const keyRecentGamesStorage = JSON.parse(localStorage.getItem(keyRecentGames) || '[]');
                if(keyRecentGamesStorage.length === 0) {
                    document.getElementById('recent-games-header').style.display = 'none';
                    document.getElementById('recent-games-container').style.display = 'none';
                    document.getElementById('popular-games-header').style.display = 'none';
                }

                const recentGamesContainer = document.getElementById('recent-games-container');
                keyRecentGamesStorage.forEach(game => {
                    const gameElement = document.createElement('a');
                    gameElement['href'] = `/en/games/${game.s}`;
                    gameElement['rel'] = "noopener";
                    gameElement.classList.add('group', 'relative');
                    gameElement.innerHTML = `
                    <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px]" data-src="${game.i}" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
                    <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
                        ${game.n}
                    </div>
                    <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
                    </div>
                `;
                    recentGamesContainer.appendChild(gameElement);
                });
            } catch (e) {
                console.error('Failed to load recent games:', e);
            }
        </script>
    </div>
    </main>
    <footer class=" bg-white ">
    <div class="container mx-auto px-5 flex flex-col pt-8 pb-5 text-center sm:text-left xl:px-10">
                <div class="flex-wrap sm:flex">
            <div class="sm:w-1/2 lg:w-1/5">
                <div class="text-sm font-bold text-gray-600 uppercase">NAVIGATION</div>
                <ul class="mt-4">
                    <li class="mt-2">
                        <a href="https://trehrechie.com" title="Home">Home</a>
                    </li>
                                            <li class="mt-2">
                            <a target="_blank" href="https://trehrechie.com/page/dmca" title="DMCA">DMCA</a>
                        </li>
                                            <li class="mt-2">
                            <a target="_blank" href="https://trehrechie.com/page/privacy-policy" title="Privacy Policy">Privacy Policy</a>
                        </li>
                                    </ul>
            </div>

            <div class="mt-8 sm:w-1/2 sm:mt-0 lg:w-1/5 lg:mt-0">
                <div class="text-sm font-bold text-gray-600 uppercase">DISCOVER</div>
                <ul class="mt-4">
                                            <li class="mt-2">
                            <a target="_blank" href="https://trehrechie.com/page/terms-and-conditions" title="Terms And Conditions">Terms And Conditions</a>
                        </li>
                                            <li class="mt-2">
                            <a target="_blank" href="https://trehrechie.com/page/cookie-agreement" title="Cookie Agreement">Cookie Agreement</a>
                        </li>
                                            <li class="mt-2">
                            <a target="_blank" href="https://trehrechie.com/page/contacts" title="Contacts">Contacts</a>
                        </li>
                                    </ul>
            </div>

            <div class="mt-8 sm:w-1/2 sm:mt-12 lg:w-1/5 lg:mt-0">
                <div class="text-sm font-bold text-gray-600 uppercase">CONTACT US</div>
                <ul class="mt-4">
                    <li>
                        <a title="Email Contact Us" href="mailto:dinhthienvan1@gmail.com">
                            dinhthienvan1@gmail.com
                        </a>
                    </li>
                                                                        <li class="mt-2">
                                <a target="_blank" href="https://trehrechie.com/page/about-us" title="About Us">About Us</a>
                            </li>
                                                    <li class="mt-2">
                                <a target="_blank" href="https://trehrechie.com/page/disclaimer" title="Disclaimer">Disclaimer</a>
                            </li>
                                            


                </ul>
            </div>

            <div class="mt-8 sm:w-1/2 lg:w-2/5 lg:mt-0 lg:pl-12">

                <a href="https://trehrechie.com" class="text-xl font-bold tracking-wider text-primary-500">
                    Trehrechie
                </a>

                <p class="mt-2 text-base text-gray-600 sm:text-justify text-center leading-7">
                    Play your favorite games online for free. No downloads or installs. Enjoy non-stop gaming on any device at a single click on Trehrechie.
                    <br />
                </p>

            </div>
        </div>

        <div
            class="mt-3 flex items-center flex-col sm:flex-row sm:justify-between"
        >
            <p class="text-sm text-gray-600 flex-bas">
                © 2025 Trehrechie. All Rights Reserved.
            </p>
        </div>
    </div>
    </footer>

</div>
<div x-data="{ open: false }">
    <button class="hidden px-4 py-2 text-white bg-blue-500 rounded select-none no-outline focus:shadow-outline" @click="open = true" id="adblock">adblock</button>
    <div class="fixed z-10 inset-0 overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true" x-show="open" style="display: none" id="aaaaa-modal">
        <div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
            <div class="fixed inset-0 bg-gray-500 bg-opacity-95 transition-opacity" aria-hidden="true"></div>
            <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>
            <div class="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full">
                <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
                    <div class="sm:flex sm:items-start">
                        <div id="ic-warning" class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10">
                            <svg class="h-6 w-6 text-red-600" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
                            </svg>
                        </div>
                        <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
                            <div class="text-lg leading-6 font-medium text-gray-900" id="modal-title">
                                We notice you&#039;re using an ad blocker
                            </div>
                            <div class="mt-2">
                                <p class="text-sm text-gray-500">
                                    Without advertising income, we can&#039;t keep making this site awesome for you.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="bg-gray-50 px-4 py-3 sm:px-6 flex-center">
                    <button onclick="location.reload();" type="button" class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm">
                        I understand and have disabled ad blocking for this site
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
