<!DOCTYPE html>
<html lang="th">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
    <title>&#xE44;&#xE21;&#xE48;&#xE1E;&#xE1A;&#xE2B;&#xE19;&#xE49;&#xE32;&#xE19;&#xE35;&#xE49; - ThaiCozy</title>
        <meta name="description" content="&#xE44;&#xE21;&#xE48;&#xE1E;&#xE1A;&#xE2B;&#xE19;&#xE49;&#xE32;&#xE19;&#xE35;&#xE49; on ThaiCozy." />
    
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=RrqvAJE79pWXFVu_GF7HNWs-i_m71FB6yc3zWWruNk8" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=NjPZaaqhRcszq7sGMhfSr3hoKO_Z2HzlPs4_Qj_ym-s" />
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=aYIWOoghnsysUHGe2h2zz2xWXgPfZX3pTRJkfEhc7Pk" />
    <link rel="manifest" href="/site.webmanifest" />
    <link rel="shortcut icon" href="/favicon.ico" />
    <link rel="preconnect" href="https://api.iconify.design" crossorigin />
    <meta name="theme-color" content="#14b8a6" />
    <link rel="stylesheet" href="/dist/main.css?v=NtaK7eZVQyOQShy9PLd0IXHm6JNJZswKyhUrHKRsQ4w" />
    <meta name="request-verification-token" content="" />
    
</head>
<body class="site-shell min-h-screen" data-authenticated="false">
    <header class="site-header fixed inset-x-0 top-0 z-50 border-b border-base-300 bg-white px-3 py-0 shadow-sm transition-all duration-300 sm:px-6">
        <nav class="site-header-bar mx-auto flex w-full max-w-7xl items-center justify-between gap-4 transition-all duration-300">
            <div class="site-header-start">
                <div class="flex items-center gap-3">
                    <div id="logo" class="site-logo-item logo">
                        <a href="/" aria-label="ThaiCozy &#xE2B;&#xE32;&#xE1A;&#xE49;&#xE32;&#xE19;&#xE07;&#xE48;&#xE32;&#xE22; &#xE04;&#xE23;&#xE1A;&#xE08;&#xE1A;&#xE17;&#xE35;&#xE48;&#xE40;&#xE14;&#xE35;&#xE22;&#xE27;">
                            <img class="site-logo-image" src="/images/brand/thaicozy_header.png?v=zNXufb9LM4g-0Qlcc3rPJ9yuztpY8GgxZQkALNOUXIU" alt="ThaiCozy" width="186" height="56" />
                            <span class="site-logo-tagline">&#xE2B;&#xE32;&#xE1A;&#xE49;&#xE32;&#xE19;&#xE07;&#xE48;&#xE32;&#xE22; &#xE04;&#xE23;&#xE1A;&#xE08;&#xE1A;&#xE17;&#xE35;&#xE48;&#xE40;&#xE14;&#xE35;&#xE22;&#xE27;</span>
                        </a>
                    </div>
                </div>
            </div>
            <div class="hidden lg:flex">
                <nav aria-label="Primary navigation">
                    <div class="site-old-menu">
                        <a class="btn btn-primary btn-sm normal-case site-nav-list-property" href="/members/listings/create">
                            <iconify-icon icon="fa6-solid:plus" class="site-nav-list-property-plus" aria-hidden="true"></iconify-icon>
                            <span>&#xE25;&#xE07;&#xE1B;&#xE23;&#xE30;&#xE01;&#xE32;&#xE28;</span>
                        </a>
                        <div class="dropdown dropdown-hover" data-property-menu-host>
                            <button type="button" tabindex="0" class="site-mega-trigger" aria-haspopup="true" data-property-menu-trigger>
                                <span>&#xE14;&#xE39;&#xE17;&#xE23;&#xE31;&#xE1E;&#xE22;&#xE4C;&#xE17;&#xE31;&#xE49;&#xE07;&#xE2B;&#xE21;&#xE14;</span>
                                <iconify-icon icon="tabler:chevron-down" class="text-base opacity-60"></iconify-icon>
                            </button>
                            <div tabindex="0" class="site-mega-menu dropdown-content" data-property-menu-panel>
                                <div class="site-mega-intro">
                                    <p>&#xE2D;&#xE2A;&#xE31;&#xE07;&#xE2B;&#xE32;&#xE23;&#xE34;&#xE21;&#xE17;&#xE23;&#xE31;&#xE1E;&#xE22;&#xE4C;&#xE17;&#xE31;&#xE49;&#xE07;&#xE2B;&#xE21;&#xE14;</p>
                                </div>

                                <div class="site-mega-grid">
                                    <section class="site-mega-section">
                                        <h3>&#xE40;&#xE0A;&#xE48;&#xE32;</h3>
                                        <a href="/condo/for-rent">&#xE04;&#xE2D;&#xE19;&#xE42;&#xE14;</a>
                                        <a href="/house/for-rent">&#xE1A;&#xE49;&#xE32;&#xE19;</a>
                                        <a href="/apartment/for-rent">&#xE2D;&#xE1E;&#xE32;&#xE23;&#xE4C;&#xE17;&#xE40;&#xE21;&#xE49;&#xE19;&#xE17;&#xE4C;</a>
                                        <a href="/for-rent">&#xE14;&#xE39;&#xE17;&#xE31;&#xE49;&#xE07;&#xE2B;&#xE21;&#xE14;</a>
                                    </section>

                                    <section class="site-mega-section">
                                        <h3>&#xE02;&#xE32;&#xE22;</h3>
                                        <a href="/condo/for-sale">&#xE04;&#xE2D;&#xE19;&#xE42;&#xE14;</a>
                                        <a href="/house/for-sale">&#xE1A;&#xE49;&#xE32;&#xE19;</a>
                                        <a href="/land/for-sale">&#xE17;&#xE35;&#xE48;&#xE14;&#xE34;&#xE19;</a>
                                        <a href="/for-sale">&#xE14;&#xE39;&#xE17;&#xE31;&#xE49;&#xE07;&#xE2B;&#xE21;&#xE14;</a>
                                    </section>

                                    <section class="site-mega-section">
                                        <h3>&#xE42;&#xE04;&#xE23;&#xE07;&#xE01;&#xE32;&#xE23;&#xE43;&#xE2B;&#xE21;&#xE48;</h3>
                                        <a href="/apartment/for-sale">&#xE04;&#xE2D;&#xE19;&#xE42;&#xE14;</a>
                                        <a href="/house/for-sale">&#xE1A;&#xE49;&#xE32;&#xE19;</a>
                                        <a href="/for-sale">&#xE42;&#xE04;&#xE23;&#xE07;&#xE01;&#xE32;&#xE23;&#xE08;&#xE31;&#xE14;&#xE2A;&#xE23;&#xE23;&#xE17;&#xE35;&#xE48;&#xE14;&#xE34;&#xE19;&#xE43;&#xE2B;&#xE21;&#xE48;</a>
                                    </section>
                                </div>
                            </div>
                        </div>
                        <a href="/bangkok/bts-map">&#xE41;&#xE1C;&#xE19;&#xE17;&#xE35;&#xE48; BTS</a>
                        <a href="/residence">&#xE42;&#xE04;&#xE23;&#xE07;&#xE01;&#xE32;&#xE23;&#xE17;&#xE31;&#xE49;&#xE07;&#xE2B;&#xE21;&#xE14;</a>
                        <a href="/contact">&#xE40;&#xE01;&#xE35;&#xE48;&#xE22;&#xE27;&#xE01;&#xE31;&#xE1A;&#xE40;&#xE23;&#xE32;</a>
                    </div>
                </nav>
            </div>
            <div class="flex items-center gap-1.5 sm:gap-2">
                <button type="button" id="language-modal-btn" class="site-header-action language-pill border border-base-300 bg-white shadow-sm" aria-label="&#xE40;&#xE25;&#xE37;&#xE2D;&#xE01;&#xE20;&#xE32;&#xE29;&#xE32;" aria-haspopup="dialog" title="&#xE44;&#xE17;&#xE22;">
                    <iconify-icon icon="circle-flags:th" class="language-flag" aria-hidden="true"></iconify-icon>
                </button>
                <div class="hidden items-center gap-2 sm:flex">
                            <button type="button" class="site-header-action" data-login-modal-trigger data-login-return-url="/members/favorites">
                                <iconify-icon icon="tabler:heart" class="text-xl" data-favorites-header-icon></iconify-icon>
                                <span>&#xE23;&#xE32;&#xE22;&#xE01;&#xE32;&#xE23;&#xE42;&#xE1B;&#xE23;&#xE14;</span>
                            </button>
                            <button type="button" id="login-modal-btn" class="site-header-action" data-login-modal-trigger>
                                <iconify-icon icon="tabler:user-circle" class="text-xl"></iconify-icon>
                                <span>&#xE40;&#xE02;&#xE49;&#xE32;&#xE2A;&#xE39;&#xE48;&#xE23;&#xE30;&#xE1A;&#xE1A;</span>
                            </button>
                </div>
                <div class="dropdown dropdown-end lg:hidden" data-mobile-menu-host>
                    <button type="button" tabindex="0" class="btn btn-ghost btn-square" aria-label="&#xE40;&#xE1B;&#xE34;&#xE14;&#xE40;&#xE21;&#xE19;&#xE39;" data-mobile-menu-trigger>
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 7h16M4 12h16M4 17h16" />
                        </svg>
                    </button>
                    <div tabindex="0" class="menu dropdown-content site-mobile-menu-panel mt-3 w-64 rounded-box border border-base-300 bg-base-100 p-2 shadow-xl" data-mobile-menu-panel>
                        <a class="btn btn-primary btn-md site-mobile-list-property mb-2 min-h-12 w-full rounded-lg text-base normal-case" href="/members/listings/create">
                            <iconify-icon icon="fa6-solid:plus" class="text-lg" aria-hidden="true"></iconify-icon>
                            &#xE25;&#xE07;&#xE1B;&#xE23;&#xE30;&#xE01;&#xE32;&#xE28;
                        </a>
                            <button type="button" id="login-modal-btn-mobile" class="btn btn-sm mb-2 w-full rounded-full border-primary bg-base-100 text-primary hover:bg-primary hover:text-primary-content normal-case" data-login-modal-trigger>&#xE40;&#xE02;&#xE49;&#xE32;&#xE2A;&#xE39;&#xE48;&#xE23;&#xE30;&#xE1A;&#xE1A;</button>
                        <div class="my-2 h-px bg-base-300"></div>
                        <div class="px-3 pb-1 pt-2 text-xs font-bold uppercase tracking-[0.18em] text-base-content/45">&#xE2D;&#xE2A;&#xE31;&#xE07;&#xE2B;&#xE32;&#xE23;&#xE34;&#xE21;&#xE17;&#xE23;&#xE31;&#xE1E;&#xE22;&#xE4C;&#xE17;&#xE31;&#xE49;&#xE07;&#xE2B;&#xE21;&#xE14;</div>
                        <a href="/listings" class="site-mobile-nav-link">&#xE1B;&#xE23;&#xE30;&#xE01;&#xE32;&#xE28;&#xE17;&#xE31;&#xE49;&#xE07;&#xE2B;&#xE21;&#xE14;</a>
                        <a href="/for-sale" class="site-mobile-nav-link">&#xE02;&#xE32;&#xE22;</a>
                        <a href="/for-rent" class="site-mobile-nav-link">&#xE40;&#xE0A;&#xE48;&#xE32;</a>
                        <a href="/apartment/for-sale" class="site-mobile-nav-link">&#xE42;&#xE04;&#xE23;&#xE07;&#xE01;&#xE32;&#xE23;&#xE43;&#xE2B;&#xE21;&#xE48;</a>
                        <div class="my-2 h-px bg-base-300"></div>
                        <a href="/bangkok/bts-map" class="site-mobile-nav-link">&#xE41;&#xE1C;&#xE19;&#xE17;&#xE35;&#xE48; BTS</a>
                        <a href="/residence" class="site-mobile-nav-link">&#xE42;&#xE04;&#xE23;&#xE07;&#xE01;&#xE32;&#xE23;&#xE17;&#xE31;&#xE49;&#xE07;&#xE2B;&#xE21;&#xE14;</a>
                        <a href="/contact" class="site-mobile-nav-link">&#xE40;&#xE01;&#xE35;&#xE48;&#xE22;&#xE27;&#xE01;&#xE31;&#xE1A;&#xE40;&#xE23;&#xE32;</a>
                        <div class="my-2 h-px bg-base-300"></div>
                            <button type="button" class="btn btn-ghost btn-sm mt-2 w-full rounded-full normal-case" data-login-modal-trigger data-login-return-url="/members/favorites">
                                <iconify-icon icon="tabler:heart" class="text-base" data-favorites-header-icon></iconify-icon>
                                &#xE23;&#xE32;&#xE22;&#xE01;&#xE32;&#xE23;&#xE42;&#xE1B;&#xE23;&#xE14;
                            </button>
                    </div>
                </div>
            </div>
        </nav>
    </header>

    <main role="main" class="site-main mx-auto w-full max-w-7xl px-0 pb-28 pt-20 sm:px-6 sm:pt-20 lg:pb-10">
        

    <section class="relative isolate overflow-hidden bg-base-100">
        <div class="pointer-events-none absolute inset-x-0 top-0 -z-10 h-72 bg-[radial-gradient(circle_at_50%_0%,rgba(255,102,0,0.20),transparent_58%)]"></div>
        <div class="mx-auto grid min-h-[calc(100vh-8rem)] max-w-7xl items-center gap-10 px-4 py-12 sm:px-6 sm:py-16 lg:grid-cols-[0.9fr_1.1fr] lg:px-8">
            <div class="max-w-xl text-center lg:text-left">
                <div class="inline-flex items-center gap-3 rounded-full border border-primary/20 bg-primary/10 px-4 py-2 text-sm font-bold uppercase tracking-[0.18em] text-primary shadow-sm">
                    <span class="inline-flex h-9 w-9 items-center justify-center rounded-full bg-primary text-primary-content">404</span>
                    &#xE02;&#xE49;&#xE2D;&#xE1C;&#xE34;&#xE14;&#xE1E;&#xE25;&#xE32;&#xE14; 404
                </div>

                <h1 class="mt-6 text-4xl font-black leading-[0.98] text-base-content sm:text-6xl">
                    &#xE44;&#xE21;&#xE48;&#xE1E;&#xE1A;&#xE2B;&#xE19;&#xE49;&#xE32;&#xE19;&#xE35;&#xE49;
                </h1>
                <p class="mt-5 text-base leading-8 text-base-content/70 sm:text-lg">
                    &#xE17;&#xE35;&#xE48;&#xE2D;&#xE22;&#xE39;&#xE48;&#xE2B;&#xE19;&#xE49;&#xE32;&#xE2D;&#xE32;&#xE08;&#xE44;&#xE21;&#xE48;&#xE16;&#xE39;&#xE01;&#xE15;&#xE49;&#xE2D;&#xE07; &#xE2B;&#xE19;&#xE49;&#xE32;&#xE2D;&#xE32;&#xE08;&#xE16;&#xE39;&#xE01;&#xE22;&#xE49;&#xE32;&#xE22; &#xE2B;&#xE23;&#xE37;&#xE2D;&#xE1B;&#xE23;&#xE30;&#xE01;&#xE32;&#xE28;&#xE2D;&#xE32;&#xE08;&#xE44;&#xE21;&#xE48;&#xE1E;&#xE23;&#xE49;&#xE2D;&#xE21;&#xE43;&#xE0A;&#xE49;&#xE07;&#xE32;&#xE19;&#xE41;&#xE25;&#xE49;&#xE27;
                </p>

                <div class="mt-8 flex w-full flex-col justify-center gap-3 sm:flex-row lg:justify-start">
                    <a class="btn btn-primary btn-lg min-h-14 rounded-lg px-7 text-base font-bold shadow-lg shadow-primary/20" href="/">
                        <iconify-icon icon="tabler:home" class="text-xl"></iconify-icon>
                        &#xE01;&#xE25;&#xE31;&#xE1A;&#xE2B;&#xE19;&#xE49;&#xE32;&#xE2B;&#xE25;&#xE31;&#xE01;
                    </a>
                    <a class="btn btn-outline btn-lg min-h-14 rounded-lg border-primary/40 px-7 text-base font-bold text-primary hover:bg-primary hover:text-primary-content" href="/listings">
                        <iconify-icon icon="tabler:search" class="text-xl"></iconify-icon>
                        &#xE14;&#xE39;&#xE1B;&#xE23;&#xE30;&#xE01;&#xE32;&#xE28;&#xE17;&#xE31;&#xE49;&#xE07;&#xE2B;&#xE21;&#xE14;
                    </a>
                </div>
            </div>

            <div class="relative mx-auto w-full max-w-3xl">
                <div class="absolute -inset-4 -z-10 rounded-[2rem] bg-gradient-to-br from-primary/20 via-orange-100 to-base-100 blur-2xl"></div>
                <div class="overflow-hidden rounded-2xl border border-primary/15 bg-white p-2 shadow-2xl shadow-orange-950/10">
                    <img class="h-auto w-full rounded-xl object-cover contrast-105 saturate-125" src="/images/errors/404-house.jpeg?v=2IpYfUpoEs5iOXw1Zw0ic7Qt8ASZaBv4HjIEmZ64TW0" alt="&#xE44;&#xE21;&#xE48;&#xE1E;&#xE1A;&#xE2B;&#xE19;&#xE49;&#xE32;&#xE19;&#xE35;&#xE49;" width="1536" height="1024" />
                </div>
            </div>
        </div>
    </section>


    </main>

    <div class="dock dock-md site-mobile-dock fixed inset-x-0 bottom-0 z-[1200] border-t border-base-300 bg-base-100 pb-[env(safe-area-inset-bottom)] text-base-content shadow-[0_-10px_30px_rgba(15,23,42,0.10)] md:hidden" aria-label="&#xE40;&#xE21;&#xE19;&#xE39;&#xE21;&#xE37;&#xE2D;&#xE16;&#xE37;&#xE2D;">
        <a class="" href="/" aria-label="&#xE2B;&#xE19;&#xE49;&#xE32;&#xE41;&#xE23;&#xE01;">
            <iconify-icon icon="tabler:home-filled"></iconify-icon>
            <span class="dock-label">&#xE2B;&#xE19;&#xE49;&#xE32;&#xE41;&#xE23;&#xE01;</span>
        </a>
        <a class="" href="/listings" aria-label="&#xE04;&#xE49;&#xE19;&#xE2B;&#xE32;">
            <iconify-icon icon="tabler:search"></iconify-icon>
            <span class="dock-label">&#xE04;&#xE49;&#xE19;&#xE2B;&#xE32;</span>
        </a>
        <a class="site-mobile-dock-primary " href="/members/listings/create" aria-label="&#xE25;&#xE07;&#xE1B;&#xE23;&#xE30;&#xE01;&#xE32;&#xE28;">
            <span class="site-mobile-dock-primary-icon">
                <iconify-icon icon="tabler:plus"></iconify-icon>
            </span>
            <span class="dock-label">&#xE25;&#xE07;&#xE1B;&#xE23;&#xE30;&#xE01;&#xE32;&#xE28;</span>
        </a>
            <button type="button" data-login-modal-trigger data-login-return-url="/members/favorites" aria-label="&#xE23;&#xE32;&#xE22;&#xE01;&#xE32;&#xE23;&#xE42;&#xE1B;&#xE23;&#xE14;">
                <iconify-icon icon="tabler:heart" data-favorites-header-icon></iconify-icon>
                <span class="dock-label">&#xE23;&#xE32;&#xE22;&#xE01;&#xE32;&#xE23;&#xE42;&#xE1B;&#xE23;&#xE14;</span>
            </button>
            <button type="button" data-login-modal-trigger data-login-return-url="/members/mailbox" aria-label="&#xE02;&#xE49;&#xE2D;&#xE04;&#xE27;&#xE32;&#xE21;">
                <iconify-icon icon="tabler:message-circle"></iconify-icon>
                <span class="dock-label">&#xE02;&#xE49;&#xE2D;&#xE04;&#xE27;&#xE32;&#xE21;</span>
            </button>
    </div>

    <dialog id="login-modal" class="modal">
        <div class="modal-box max-w-4xl border border-base-300 bg-base-100 p-0 shadow-2xl">
            <form method="dialog">
                <button class="btn btn-sm btn-circle btn-ghost absolute right-4 top-4 z-10" aria-label="&#xE1B;&#xE34;&#xE14;&#xE2B;&#xE19;&#xE49;&#xE32;&#xE15;&#xE48;&#xE32;&#xE07;&#xE40;&#xE02;&#xE49;&#xE32;&#xE2A;&#xE39;&#xE48;&#xE23;&#xE30;&#xE1A;&#xE1A;">x</button>
            <input name="__RequestVerificationToken" type="hidden" value="CfDJ8LCUQR8gXvZPqTT844mmvcz1tQ2jy-psDGb3toV8ImbxASlSNAb_6vJiIsm6f8hOCS51kAnBtDTUF2KbHYY4PS9Dd80KaO03S9sgYhF31GoZog-JWd4FG8ucE0lLiudqjJGt_BBsWsMP5_lmrjzDDeg" /></form>

            <div class="grid overflow-hidden rounded-box md:grid-cols-[0.9fr_1.1fr]">
                <aside class="bg-primary p-8 text-primary-content sm:p-10">
                    <p class="mt-8 text-sm font-semibold uppercase opacity-75">&#xE2A;&#xE21;&#xE32;&#xE0A;&#xE34;&#xE01;</p>
                    <h2 class="mt-3 text-3xl font-semibold leading-tight">&#xE08;&#xE31;&#xE14;&#xE01;&#xE32;&#xE23;&#xE1B;&#xE23;&#xE30;&#xE01;&#xE32;&#xE28;&#xE02;&#xE2D;&#xE07;&#xE04;&#xE38;&#xE13;&#xE1A;&#xE19; ThaiCozy</h2>
                    <p class="mt-4 text-sm leading-6 opacity-75" data-login-modal-help>
                        &#xE40;&#xE02;&#xE49;&#xE32;&#xE2A;&#xE39;&#xE48;&#xE23;&#xE30;&#xE1A;&#xE1A;&#xE40;&#xE1E;&#xE37;&#xE48;&#xE2D;&#xE41;&#xE01;&#xE49;&#xE44;&#xE02;&#xE1B;&#xE23;&#xE30;&#xE01;&#xE32;&#xE28; &#xE15;&#xE23;&#xE27;&#xE08;&#xE2A;&#xE2D;&#xE1A;&#xE25;&#xE39;&#xE01;&#xE04;&#xE49;&#xE32; &#xE41;&#xE25;&#xE30;&#xE40;&#xE15;&#xE23;&#xE35;&#xE22;&#xE21;&#xE1B;&#xE23;&#xE30;&#xE01;&#xE32;&#xE28;&#xE43;&#xE2B;&#xE21;&#xE48;
                    </p>
                    <div class="mt-8 rounded-box border border-primary-content/20 bg-primary-content/10 p-4">
                        <p class="text-sm font-medium opacity-85">&#xE22;&#xE31;&#xE07;&#xE44;&#xE21;&#xE48;&#xE21;&#xE35;&#xE1A;&#xE31;&#xE0D;&#xE0A;&#xE35;?</p>
                        <a class="btn mt-3 w-full border-primary-content/30 bg-primary-content text-primary hover:bg-primary-content/90" href="/members/register" data-login-register-link>
                            &#xE2A;&#xE23;&#xE49;&#xE32;&#xE07;&#xE1A;&#xE31;&#xE0D;&#xE0A;&#xE35;
                        </a>
                    </div>
                </aside>

                <section class="p-8 sm:p-10">
                    <div>
                        <p class="text-sm font-semibold uppercase text-secondary" data-login-modal-eyebrow>&#xE22;&#xE34;&#xE19;&#xE14;&#xE35;&#xE15;&#xE49;&#xE2D;&#xE19;&#xE23;&#xE31;&#xE1A;&#xE01;&#xE25;&#xE31;&#xE1A;</p>
                        <h3 class="mt-2 text-2xl font-semibold" data-login-modal-title>&#xE40;&#xE02;&#xE49;&#xE32;&#xE2A;&#xE39;&#xE48;&#xE23;&#xE30;&#xE1A;&#xE1A; ThaiCozy</h3>
                    </div>

                        <a class="btn btn-outline mt-8 w-full" href="/members/log-on/google?returnUrl=%2Ferror%2F404" data-login-google-link>
                            <iconify-icon icon="logos:google-icon" class="text-lg"></iconify-icon>
                            &#xE14;&#xE33;&#xE40;&#xE19;&#xE34;&#xE19;&#xE01;&#xE32;&#xE23;&#xE15;&#xE48;&#xE2D;&#xE14;&#xE49;&#xE27;&#xE22; Google
                        </a>

                    <div class="divider my-5 text-xs uppercase text-base-content/45">&#xE2B;&#xE23;&#xE37;&#xE2D;&#xE40;&#xE02;&#xE49;&#xE32;&#xE2A;&#xE39;&#xE48;&#xE23;&#xE30;&#xE1A;&#xE1A;&#xE14;&#xE49;&#xE27;&#xE22;&#xE2D;&#xE35;&#xE40;&#xE21;&#xE25;</div>

                    <form method="post" action="/members/log-on" class="space-y-5" data-login-form data-antiforgery-url="/members/antiforgery-token">
                        <input type="hidden" name="__RequestVerificationToken" value="" data-login-antiforgery-token />
                        <input type="hidden" name="returnUrl" value="/" data-login-return-url-field />

                        <label class="form-control gap-2">
                            <span class="label-text font-medium">&#xE2D;&#xE35;&#xE40;&#xE21;&#xE25;</span>
                            <input class="input input-bordered w-full" type="email" name="Email" autocomplete="email" placeholder="you@example.com" required />
                        </label>

                        <label class="form-control gap-2">
                            <span class="label-text font-medium">&#xE23;&#xE2B;&#xE31;&#xE2A;&#xE1C;&#xE48;&#xE32;&#xE19;</span>
                            <span class="relative block">
                                <input class="input input-bordered w-full pr-12" type="password" name="Password" autocomplete="current-password" placeholder="&#xE23;&#xE2B;&#xE31;&#xE2A;&#xE1C;&#xE48;&#xE32;&#xE19;&#xE02;&#xE2D;&#xE07;&#xE04;&#xE38;&#xE13;" required data-password-toggle-input />
                                <button
                                    type="button"
                                    class="btn btn-ghost btn-circle btn-sm absolute right-2 top-1/2 -translate-y-1/2 text-base-content/60 hover:bg-primary/10 hover:text-primary"
                                    aria-label="&#xE41;&#xE2A;&#xE14;&#xE07;&#xE23;&#xE2B;&#xE31;&#xE2A;&#xE1C;&#xE48;&#xE32;&#xE19;"
                                    title="&#xE41;&#xE2A;&#xE14;&#xE07;&#xE23;&#xE2B;&#xE31;&#xE2A;&#xE1C;&#xE48;&#xE32;&#xE19;"
                                    data-password-toggle
                                    data-show-label="&#xE41;&#xE2A;&#xE14;&#xE07;&#xE23;&#xE2B;&#xE31;&#xE2A;&#xE1C;&#xE48;&#xE32;&#xE19;"
                                    data-hide-label="&#xE0B;&#xE48;&#xE2D;&#xE19;&#xE23;&#xE2B;&#xE31;&#xE2A;&#xE1C;&#xE48;&#xE32;&#xE19;">
                                    <iconify-icon icon="tabler:eye" class="text-lg" aria-hidden="true" data-password-toggle-icon></iconify-icon>
                                </button>
                            </span>
                        </label>

                        <div class="flex flex-wrap items-center justify-between gap-3">
                            <label class="label cursor-pointer justify-start gap-3 p-0">
                                <input class="checkbox checkbox-primary checkbox-sm" type="checkbox" name="RememberMe" value="true" />
                                <span class="label-text">&#xE08;&#xE14;&#xE08;&#xE33;&#xE09;&#xE31;&#xE19;</span>
                            </label>
                            <a class="link link-hover text-sm text-neutral" href="/members/password-recovery">&#xE25;&#xE37;&#xE21;&#xE23;&#xE2B;&#xE31;&#xE2A;&#xE1C;&#xE48;&#xE32;&#xE19;?</a>
                        </div>

                        <button class="btn btn-primary w-full" type="submit">&#xE40;&#xE02;&#xE49;&#xE32;&#xE2A;&#xE39;&#xE48;&#xE23;&#xE30;&#xE1A;&#xE1A;</button>

                    </form>
                </section>
            </div>
        </div>
        <form method="dialog" class="modal-backdrop">
            <button>&#xE1B;&#xE34;&#xE14;</button>
        <input name="__RequestVerificationToken" type="hidden" value="CfDJ8LCUQR8gXvZPqTT844mmvcz1tQ2jy-psDGb3toV8ImbxASlSNAb_6vJiIsm6f8hOCS51kAnBtDTUF2KbHYY4PS9Dd80KaO03S9sgYhF31GoZog-JWd4FG8ucE0lLiudqjJGt_BBsWsMP5_lmrjzDDeg" /></form>
    </dialog>

    <dialog id="language-modal" class="modal">
        <div class="modal-box max-w-md border border-base-300 bg-base-100 shadow-2xl">
            <form method="dialog">
                <button class="btn btn-sm btn-circle btn-ghost absolute right-4 top-4" aria-label="&#xE1B;&#xE34;&#xE14;&#xE2B;&#xE19;&#xE49;&#xE32;&#xE15;&#xE48;&#xE32;&#xE07;&#xE20;&#xE32;&#xE29;&#xE32;">x</button>
            <input name="__RequestVerificationToken" type="hidden" value="CfDJ8LCUQR8gXvZPqTT844mmvcz1tQ2jy-psDGb3toV8ImbxASlSNAb_6vJiIsm6f8hOCS51kAnBtDTUF2KbHYY4PS9Dd80KaO03S9sgYhF31GoZog-JWd4FG8ucE0lLiudqjJGt_BBsWsMP5_lmrjzDDeg" /></form>

            <div class="space-y-2">
                <p class="text-sm font-semibold uppercase text-neutral">&#xE20;&#xE32;&#xE29;&#xE32;</p>
                <h3 class="text-2xl font-semibold">&#xE40;&#xE25;&#xE37;&#xE2D;&#xE01;&#xE20;&#xE32;&#xE29;&#xE32;</h3>
                <p class="text-sm leading-6 text-base-content/70">&#xE20;&#xE32;&#xE29;&#xE32;&#xE15;&#xE48;&#xE32;&#xE07;&#xE1B;&#xE23;&#xE30;&#xE40;&#xE17;&#xE28;&#xE43;&#xE0A;&#xE49;&#xE04;&#xE33;&#xE19;&#xE33;&#xE2B;&#xE19;&#xE49;&#xE32; URL &#xE2A;&#xE48;&#xE27;&#xE19;&#xE20;&#xE32;&#xE29;&#xE32;&#xE2D;&#xE31;&#xE07;&#xE01;&#xE24;&#xE29;&#xE40;&#xE1B;&#xE47;&#xE19;&#xE40;&#xE2A;&#xE49;&#xE19;&#xE17;&#xE32;&#xE07;&#xE40;&#xE23;&#xE34;&#xE48;&#xE21;&#xE15;&#xE49;&#xE19;</p>
            </div>

            <div class="list mt-6 rounded-box border border-base-300 bg-base-100">
                    <a href="/error/404" class="list-row items-center transition hover:bg-base-200">
                        <iconify-icon icon="circle-flags:th" class="language-option-flag" aria-hidden="true"></iconify-icon>
                        <div class="min-w-0">
                            <div class="flex items-center gap-2">
                                <span class="font-semibold">&#xE44;&#xE17;&#xE22;</span>
                                    <span class="badge badge-primary badge-sm">&#xE1B;&#xE31;&#xE08;&#xE08;&#xE38;&#xE1A;&#xE31;&#xE19;</span>
                            </div>
                            <div class="text-sm text-base-content/60">thaicozy.com</div>
                        </div>
                        <div class="text-base-content/40">
                                <iconify-icon icon="tabler:check" class="text-xl text-primary"></iconify-icon>
                        </div>
                    </a>
                    <a href="/en/error/404" class="list-row items-center transition hover:bg-base-200">
                        <iconify-icon icon="circle-flags:uk" class="language-option-flag" aria-hidden="true"></iconify-icon>
                        <div class="min-w-0">
                            <div class="flex items-center gap-2">
                                <span class="font-semibold">English</span>
                            </div>
                            <div class="text-sm text-base-content/60">thaicozy.com/en</div>
                        </div>
                        <div class="text-base-content/40">
                                <iconify-icon icon="tabler:chevron-right" class="text-xl"></iconify-icon>
                        </div>
                    </a>
                    <a href="/zh/error/404" class="list-row items-center transition hover:bg-base-200">
                        <iconify-icon icon="circle-flags:cn" class="language-option-flag" aria-hidden="true"></iconify-icon>
                        <div class="min-w-0">
                            <div class="flex items-center gap-2">
                                <span class="font-semibold">&#x4E2D;&#x6587;</span>
                            </div>
                            <div class="text-sm text-base-content/60">thaicozy.com/zh</div>
                        </div>
                        <div class="text-base-content/40">
                                <iconify-icon icon="tabler:chevron-right" class="text-xl"></iconify-icon>
                        </div>
                    </a>
                    <a href="/ja/error/404" class="list-row items-center transition hover:bg-base-200">
                        <iconify-icon icon="circle-flags:jp" class="language-option-flag" aria-hidden="true"></iconify-icon>
                        <div class="min-w-0">
                            <div class="flex items-center gap-2">
                                <span class="font-semibold">&#x65E5;&#x672C;&#x8A9E;</span>
                            </div>
                            <div class="text-sm text-base-content/60">thaicozy.com/ja</div>
                        </div>
                        <div class="text-base-content/40">
                                <iconify-icon icon="tabler:chevron-right" class="text-xl"></iconify-icon>
                        </div>
                    </a>
                    <a href="/ru/error/404" class="list-row items-center transition hover:bg-base-200">
                        <iconify-icon icon="circle-flags:ru" class="language-option-flag" aria-hidden="true"></iconify-icon>
                        <div class="min-w-0">
                            <div class="flex items-center gap-2">
                                <span class="font-semibold">&#x420;&#x443;&#x441;&#x441;&#x43A;&#x438;&#x439;</span>
                            </div>
                            <div class="text-sm text-base-content/60">thaicozy.com/ru</div>
                        </div>
                        <div class="text-base-content/40">
                                <iconify-icon icon="tabler:chevron-right" class="text-xl"></iconify-icon>
                        </div>
                    </a>
                    <a href="/ko/error/404" class="list-row items-center transition hover:bg-base-200">
                        <iconify-icon icon="circle-flags:kr" class="language-option-flag" aria-hidden="true"></iconify-icon>
                        <div class="min-w-0">
                            <div class="flex items-center gap-2">
                                <span class="font-semibold">&#xD55C;&#xAD6D;&#xC5B4;</span>
                            </div>
                            <div class="text-sm text-base-content/60">thaicozy.com/ko</div>
                        </div>
                        <div class="text-base-content/40">
                                <iconify-icon icon="tabler:chevron-right" class="text-xl"></iconify-icon>
                        </div>
                    </a>
                    <a href="/fr/error/404" class="list-row items-center transition hover:bg-base-200">
                        <iconify-icon icon="circle-flags:fr" class="language-option-flag" aria-hidden="true"></iconify-icon>
                        <div class="min-w-0">
                            <div class="flex items-center gap-2">
                                <span class="font-semibold">Francais</span>
                            </div>
                            <div class="text-sm text-base-content/60">thaicozy.fr</div>
                        </div>
                        <div class="text-base-content/40">
                                <iconify-icon icon="tabler:chevron-right" class="text-xl"></iconify-icon>
                        </div>
                    </a>
            </div>

            <div class="modal-action">
                <form method="dialog">
                    <button class="btn btn-primary">&#xE1B;&#xE34;&#xE14;</button>
                <input name="__RequestVerificationToken" type="hidden" value="CfDJ8LCUQR8gXvZPqTT844mmvcz1tQ2jy-psDGb3toV8ImbxASlSNAb_6vJiIsm6f8hOCS51kAnBtDTUF2KbHYY4PS9Dd80KaO03S9sgYhF31GoZog-JWd4FG8ucE0lLiudqjJGt_BBsWsMP5_lmrjzDDeg" /></form>
            </div>
        </div>
        <form method="dialog" class="modal-backdrop">
            <button>&#xE1B;&#xE34;&#xE14;</button>
        <input name="__RequestVerificationToken" type="hidden" value="CfDJ8LCUQR8gXvZPqTT844mmvcz1tQ2jy-psDGb3toV8ImbxASlSNAb_6vJiIsm6f8hOCS51kAnBtDTUF2KbHYY4PS9Dd80KaO03S9sgYhF31GoZog-JWd4FG8ucE0lLiudqjJGt_BBsWsMP5_lmrjzDDeg" /></form>
    </dialog>

    <footer class="site-footer border-t border-base-300 bg-base-100 px-3 py-8 text-base-content sm:px-6 lg:px-8">
        <div class="mx-auto grid w-full max-w-7xl gap-8 md:grid-cols-[minmax(0,1.35fr)_minmax(0,1fr)_minmax(0,1fr)]">
            <section class="min-w-0">
                <div class="inline-flex items-center font-semibold">
                    <img class="h-10 w-10 object-contain transition-transform duration-300 hover:-translate-y-0.5" src="/images/brand/thaicozy_rounded_logo.png?v=ow5l9XaGL1ZzKI4YXoXZ379BGefmg9p4RrZIJCI2ecw" alt="ThaiCozy" />

                </div>
                <p class="mt-4 max-w-md text-sm leading-6 text-base-content/70">&#xE01;&#xE32;&#xE23;&#xE04;&#xE49;&#xE19;&#xE2B;&#xE32;&#xE2D;&#xE2A;&#xE31;&#xE07;&#xE2B;&#xE32;&#xE23;&#xE34;&#xE21;&#xE17;&#xE23;&#xE31;&#xE1E;&#xE22;&#xE4C;&#xE43;&#xE19;&#xE01;&#xE23;&#xE38;&#xE07;&#xE40;&#xE17;&#xE1E;&#xE17;&#xE35;&#xE48;&#xE2A;&#xE23;&#xE49;&#xE32;&#xE07;&#xE43;&#xE2B;&#xE21;&#xE48;&#xE40;&#xE1E;&#xE37;&#xE48;&#xE2D;&#xE02;&#xE49;&#xE2D;&#xE21;&#xE39;&#xE25;&#xE2A;&#xE30;&#xE2D;&#xE32;&#xE14; &#xE2B;&#xE19;&#xE49;&#xE32;&#xE40;&#xE23;&#xE47;&#xE27; &#xE41;&#xE25;&#xE30;&#xE40;&#xE27;&#xE34;&#xE23;&#xE4C;&#xE01;&#xE42;&#xE1F;&#xE25;&#xE27;&#xE4C;&#xE17;&#xE35;&#xE48;&#xE17;&#xE31;&#xE19;&#xE2A;&#xE21;&#xE31;&#xE22;</p>
            </section>
            <nav class="grid gap-2 text-sm" aria-label="&#xE2D;&#xE2A;&#xE31;&#xE07;&#xE2B;&#xE32;&#xE23;&#xE34;&#xE21;&#xE17;&#xE23;&#xE31;&#xE1E;&#xE22;&#xE4C;">
                <h2 class="text-xs font-semibold uppercase tracking-[0.16em] text-base-content/75">&#xE2D;&#xE2A;&#xE31;&#xE07;&#xE2B;&#xE32;&#xE23;&#xE34;&#xE21;&#xE17;&#xE23;&#xE31;&#xE1E;&#xE22;&#xE4C;</h2>
                <a class="link link-hover w-fit" href="/bangkok/condo-for-rent">&#xE04;&#xE2D;&#xE19;&#xE42;&#xE14;&#xE43;&#xE2B;&#xE49;&#xE40;&#xE0A;&#xE48;&#xE32;</a>
                <a class="link link-hover w-fit" href="/bangkok/condo-for-sale">&#xE04;&#xE2D;&#xE19;&#xE42;&#xE14;&#xE02;&#xE32;&#xE22;</a>
                <a class="link link-hover w-fit" href="/bangkok/real-estate-neighborhoods">&#xE17;&#xE33;&#xE40;&#xE25;&#xE22;&#xE48;&#xE32;&#xE19;&#xE25;&#xE07;&#xE17;&#xE38;&#xE19;</a>
                <a class="link link-hover w-fit" href="/bangkok/bts-map">&#xE41;&#xE1C;&#xE19;&#xE17;&#xE35;&#xE48; BTS</a>
                <a class="link link-hover w-fit" href="/residence">&#xE42;&#xE04;&#xE23;&#xE07;&#xE01;&#xE32;&#xE23;&#xE17;&#xE31;&#xE49;&#xE07;&#xE2B;&#xE21;&#xE14;</a>
            </nav>
            <nav class="grid gap-2 text-sm" aria-label="&#xE1A;&#xE31;&#xE0D;&#xE0A;&#xE35;">
                <h2 class="text-xs font-semibold uppercase tracking-[0.16em] text-base-content/75">&#xE1A;&#xE31;&#xE0D;&#xE0A;&#xE35;</h2>
                <a class="link link-hover w-fit" href="/members/register">&#xE2A;&#xE21;&#xE31;&#xE04;&#xE23;&#xE2A;&#xE21;&#xE32;&#xE0A;&#xE34;&#xE01;</a>
                <a class="link link-hover w-fit" href="/members/listings">&#xE1B;&#xE23;&#xE30;&#xE01;&#xE32;&#xE28;&#xE02;&#xE2D;&#xE07;&#xE09;&#xE31;&#xE19;</a>
                <a class="link link-hover w-fit" href="/contact">&#xE15;&#xE34;&#xE14;&#xE15;&#xE48;&#xE2D;</a>
                <a class="link link-hover w-fit" href="/Privacy#confidentialite">&#xE19;&#xE42;&#xE22;&#xE1A;&#xE32;&#xE22;&#xE04;&#xE27;&#xE32;&#xE21;&#xE40;&#xE1B;&#xE47;&#xE19;&#xE2A;&#xE48;&#xE27;&#xE19;&#xE15;&#xE31;&#xE27;</a>
                <a class="link link-hover w-fit" href="/Privacy#cgu">&#xE02;&#xE49;&#xE2D;&#xE01;&#xE33;&#xE2B;&#xE19;&#xE14;&#xE01;&#xE32;&#xE23;&#xE43;&#xE0A;&#xE49;&#xE07;&#xE32;&#xE19;</a>
            </nav>
        </div>
        <div class="mx-auto mt-8 flex w-full max-w-7xl flex-col gap-2 border-t border-base-300 pt-4 text-sm text-base-content/75 sm:flex-row sm:items-center sm:justify-between">
            <p class="leading-6">&copy; <span data-current-year>2026</span> ThaiCozy</p>
            <p class="leading-6">ThaiCozy.com</p>
        </div>
    </footer>

    <script type="module" src="/dist/main.js?v=iDFKwbjhtPSpa-ouCnUpNt5vO8OmBJloQl4asdPDBQI"></script>
    
</body>
</html>

