{"id":6,"date":"2026-06-23T02:10:52","date_gmt":"2026-06-23T02:10:52","guid":{"rendered":"https:\/\/patchaagency.brandmates.biz\/?page_id=6"},"modified":"2026-06-23T02:12:35","modified_gmt":"2026-06-23T02:12:35","slug":"6-2","status":"publish","type":"page","link":"https:\/\/patchaagency.brandmates.biz\/?page_id=6","title":{"rendered":""},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"th\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Patcha Agency | Luxury Real Estate &#038; Investments<\/title>\n    \n    <!-- Fonts: \u0e43\u0e0a\u0e49\u0e41\u0e1a\u0e1a\u0e44\u0e21\u0e48\u0e21\u0e35\u0e2b\u0e31\u0e27 (Sans-serif) \u0e04\u0e39\u0e48\u0e01\u0e31\u0e1a Serif \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e25\u0e38\u0e04 Modern Editorial -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;600;700&#038;family=Inter:wght@300;400;500;600&#038;display=swap\" rel=\"stylesheet\">\n    \n    <!-- FontAwesome Mini Icons -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n    <style>\n        \/* --- BRAND DESIGN SYSTEM (MODERN MINIMALIST LUXURY) --- *\/\n        :root {\n            --bg-pure: #FFFFFF;\n            --bg-soft: #F9FAFC;          \/* \u0e2a\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e19\u0e27\u0e25\u0e46 \u0e2a\u0e1a\u0e32\u0e22\u0e15\u0e32 *\/\n            --text-dark: #0A111E;         \/* \u0e2a\u0e35\u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19\u0e21\u0e34\u0e14\u0e44\u0e19\u0e17\u0e4c\u0e40\u0e01\u0e37\u0e2d\u0e1a\u0e14\u0e33 (Contrast \u0e2a\u0e39\u0e07\u0e21\u0e32\u0e01 \u0e2d\u0e48\u0e32\u0e19\u0e07\u0e48\u0e32\u0e22\u0e2a\u0e38\u0e14\u0e46) *\/\n            --text-muted: #53647E;        \/* \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e23\u0e2d\u0e07 *\/\n            --accent-gold: #C5A059;       \/* \u0e17\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e14\u0e35 \u0e44\u0e21\u0e48\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e07\u0e2a\u0e27\u0e48\u0e32\u0e07\u0e40\u0e01\u0e34\u0e19\u0e44\u0e1b *\/\n            --accent-gold-dark: #A48143;\n            --border-light: #E5E9F0;\n            --transition-elegant: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        html {\n            scroll-behavior: smooth;\n        }\n\n        body {\n            font-family: 'Inter', sans-serif;\n            background-color: var(--bg-pure);\n            color: var(--text-dark);\n            line-height: 1.8;\n            -webkit-font-smoothing: antialiased;\n        }\n\n        h1, h2, h3, h4 {\n            font-family: 'Cinzel', serif;\n            color: var(--text-dark);\n            font-weight: 600;\n            letter-spacing: 0.03em;\n        }\n\n        a {\n            text-decoration: none;\n            color: inherit;\n            transition: var(--transition-elegant);\n        }\n\n        \/* --- GLOBAL LAYOUT --- *\/\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 2rem;\n        }\n\n        .section-padding {\n            padding: 8rem 0;\n        }\n\n        .btn-minimal {\n            display: inline-flex;\n            align-items: center;\n            gap: 1rem;\n            background-color: var(--text-dark);\n            color: var(--bg-pure);\n            padding: 1.1rem 2.8rem;\n            font-size: 0.85rem;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            font-weight: 500;\n            border: none;\n            cursor: pointer;\n            transition: var(--transition-elegant);\n        }\n\n        .btn-minimal:hover {\n            background-color: var(--accent-gold);\n            color: var(--text-dark);\n            transform: translateY(-2px);\n        }\n\n        .section-title {\n            margin-bottom: 5rem;\n        }\n\n        .section-title span {\n            font-size: 0.8rem;\n            text-transform: uppercase;\n            letter-spacing: 4px;\n            color: var(--accent-gold);\n            display: block;\n            margin-bottom: 0.8rem;\n            font-weight: 600;\n        }\n\n        .section-title h2 {\n            font-size: 2.5rem;\n            line-height: 1.3;\n        }\n\n        \/* --- NAVIGATION --- *\/\n        .navbar {\n            background-color: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(10px);\n            position: fixed;\n            top: 0;\n            width: 100%;\n            z-index: 1000;\n            border-bottom: 1px solid var(--border-light);\n        }\n\n        .nav-container {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 1.5rem 2rem;\n        }\n\n        .logo {\n            font-size: 1.6rem;\n            font-weight: 700;\n            letter-spacing: 3px;\n        }\n\n        .logo span {\n            color: var(--accent-gold);\n            font-weight: 300;\n        }\n\n        .nav-menu {\n            display: flex;\n            gap: 3rem;\n            align-items: center;\n        }\n\n        .nav-link {\n            font-size: 0.85rem;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            color: var(--text-dark);\n            font-weight: 500;\n        }\n\n        .nav-link:hover {\n            color: var(--accent-gold);\n        }\n\n        .nav-cta {\n            border-bottom: 2px solid var(--text-dark);\n            padding-bottom: 3px;\n            font-weight: 600;\n        }\n\n        .nav-cta:hover {\n            color: var(--accent-gold);\n            border-color: var(--accent-gold);\n        }\n\n        \/* --- HERO (EDITORIAL STYLE) --- *\/\n        .hero {\n            height: 100vh;\n            display: flex;\n            align-items: center;\n            background-color: var(--bg-soft);\n            padding-top: 80px;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .hero-grid {\n            display: grid;\n            grid-template-columns: 1.2fr 0.8fr;\n            align-items: center;\n            gap: 4rem;\n            width: 100%;\n        }\n\n        .hero-text h1 {\n            font-size: 3.8rem;\n            line-height: 1.15;\n            margin-bottom: 2rem;\n        }\n\n        .hero-text h1 span {\n            color: var(--accent-gold);\n        }\n\n        .hero-text p {\n            font-size: 1.1rem;\n            color: var(--text-muted);\n            max-width: 550px;\n            margin-bottom: 3rem;\n        }\n\n        \/* \u0e20\u0e32\u0e1e\u0e2a\u0e16\u0e32\u0e1b\u0e31\u0e15\u0e22\u0e01\u0e23\u0e23\u0e21\u0e41\u0e1a\u0e1a\u0e15\u0e30\u0e27\u0e31\u0e19\u0e15\u0e01\/\u0e2a\u0e32\u0e01\u0e25 \u0e25\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e2a\u0e36\u0e01\u0e41\u0e1a\u0e1a\u0e20\u0e32\u0e1e\u0e2a\u0e15\u0e47\u0e2d\u0e01\u0e08\u0e35\u0e19\u0e23\u0e32\u0e04\u0e32\u0e16\u0e39\u0e01\u0e2d\u0e2d\u0e01\u0e44\u0e1b *\/\n        .hero-image-wrapper {\n            position: relative;\n            height: 75vh;\n            background: url('https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1000&q=80') center\/cover no-repeat;\n            border-left: 1px solid var(--border-light);\n        }\n\n        \/* --- THE 4 PILLARS OF TRUST --- *\/\n        .pillars {\n            background-color: var(--bg-pure);\n            border-bottom: 1px solid var(--border-light);\n        }\n\n        .pillars-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n            gap: 3rem;\n        }\n\n        .pillar-item {\n            padding: 1rem 0;\n        }\n\n        .pillar-item .num {\n            font-family: 'Cinzel', serif;\n            font-size: 1.2rem;\n            color: var(--accent-gold);\n            display: block;\n            margin-bottom: 1rem;\n        }\n\n        .pillar-item h3 {\n            font-size: 1.1rem;\n            margin-bottom: 1rem;\n            letter-spacing: 1px;\n        }\n\n        .pillar-item p {\n            font-size: 0.9rem;\n            color: var(--text-muted);\n            line-height: 1.7;\n        }\n\n        \/* --- CURATED PORTFOLIO --- *\/\n        .portfolio {\n            background-color: var(--bg-soft);\n        }\n\n        .portfolio-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-end;\n            margin-bottom: 4rem;\n        }\n\n        .filter-group {\n            display: flex;\n            gap: 2rem;\n        }\n\n        .filter-item {\n            font-size: 0.85rem;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            color: var(--text-muted);\n            cursor: pointer;\n            padding-bottom: 5px;\n            border-bottom: 2px solid transparent;\n            font-weight: 500;\n        }\n\n        .filter-item.active, .filter-item:hover {\n            color: var(--text-dark);\n            border-color: var(--text-dark);\n        }\n\n        .grid-three-cols {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));\n            gap: 3rem;\n        }\n\n        .card-property {\n            background-color: var(--bg-pure);\n            border: 1px solid var(--border-light);\n            transition: var(--transition-elegant);\n        }\n\n        .card-property:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.04);\n        }\n\n        .card-img-box {\n            height: 280px;\n            overflow: hidden;\n            position: relative;\n        }\n\n        .card-img-box img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: var(--transition-elegant);\n        }\n\n        .card-property:hover .card-img-box img {\n            transform: scale(1.05);\n        }\n\n        .card-content {\n            padding: 2rem;\n        }\n\n        .card-tag {\n            font-size: 0.75rem;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            color: var(--accent-gold);\n            margin-bottom: 0.5rem;\n            display: block;\n            font-weight: 600;\n        }\n\n        .card-content h3 {\n            font-size: 1.3rem;\n            margin-bottom: 1rem;\n        }\n\n        .card-desc {\n            font-size: 0.9rem;\n            color: var(--text-muted);\n            margin-bottom: 1.5rem;\n        }\n\n        .card-meta {\n            display: flex;\n            gap: 1.5rem;\n            font-size: 0.8rem;\n            color: var(--text-dark);\n            border-top: 1px solid var(--border-light);\n            padding-top: 1.2rem;\n            font-weight: 500;\n        }\n\n        \/* --- PRIVACY CONSULTATION FORM --- *\/\n        .contact {\n            background-color: var(--bg-pure);\n        }\n\n        .contact-layout {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 6rem;\n            align-items: start;\n        }\n\n        .contact-info h2 {\n            font-size: 2.5rem;\n            margin-bottom: 1.5rem;\n        }\n\n        .contact-info p {\n            color: var(--text-muted);\n            margin-bottom: 3rem;\n        }\n\n        .contact-methods {\n            list-style: none;\n        }\n\n        .contact-methods li {\n            margin-bottom: 2rem;\n            font-size: 1.1rem;\n            font-weight: 500;\n        }\n\n        .contact-methods span {\n            display: block;\n            font-size: 0.75rem;\n            text-transform: uppercase;\n            color: var(--accent-gold);\n            letter-spacing: 2px;\n            margin-bottom: 0.3rem;\n        }\n\n        \/* Form Controls *\/\n        .form-luxury-input {\n            width: 100%;\n            border: none;\n            border-bottom: 1px solid #B0BCCF;\n            padding: 1rem 0;\n            background: transparent;\n            font-family: 'Inter', sans-serif;\n            font-size: 0.95rem;\n            color: var(--text-dark);\n            outline: none;\n            margin-bottom: 2rem;\n            transition: var(--transition-elegant);\n        }\n\n        .form-luxury-input:focus {\n            border-color: var(--text-dark);\n        }\n\n        select.form-luxury-input {\n            cursor: pointer;\n        }\n\n        \/* --- FOOTER --- *\/\n        footer {\n            background-color: var(--bg-soft);\n            padding: 4rem 0;\n            border-top: 1px solid var(--border-light);\n            font-size: 0.85rem;\n            color: var(--text-muted);\n        }\n\n        .footer-grid {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n\n        \/* --- RESPONSIVE --- *\/\n        @media (max-width: 968px) {\n            .hero-grid, .contact-layout { grid-template-columns: 1fr; }\n            .hero-image-wrapper { display: none; }\n            .hero { height: auto; padding: 12rem 0 6rem 0; }\n            .portfolio-header { flex-direction: column; align-items: flex-start; gap: 2rem; }\n            .hero-text h1 { font-size: 2.8rem; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- NAVBAR -->\n    <nav class=\"navbar\">\n        <div class=\"container nav-container\">\n            <a href=\"#\" class=\"logo\">PATCHA <span>AGENCY<\/span><\/a>\n            <ul class=\"nav-menu\">\n                <li><a href=\"#pillars\" class=\"nav-link\">\u0e08\u0e38\u0e14\u0e40\u0e14\u0e48\u0e19<\/a><\/li>\n                <li><a href=\"#portfolio\" class=\"nav-link\">\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/a><\/li>\n                <li><a href=\"#contact\" class=\"nav-cta\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32<\/a><\/li>\n            <\/ul>\n        <\/div>\n    <\/nav>\n\n    <!-- HERO SECTION -->\n    <header class=\"hero\">\n        <div class=\"container-fluid\" style=\"width: 100%; padding-left: max(2rem, calc((100vw - 1200px)\/2));\">\n            <div class=\"hero-grid\">\n                <div class=\"hero-text\">\n                    <h1>PRIME<br>INVESTMENT<br><span>PROPERTIES<\/span><\/h1>\n                    <p>\u0e19\u0e34\u0e22\u0e32\u0e21\u0e43\u0e2b\u0e21\u0e48\u0e02\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e2d\u0e2a\u0e31\u0e07\u0e2b\u0e32\u0e23\u0e34\u0e21\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e4c\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e25\u0e31\u0e01\u0e0a\u0e31\u0e27\u0e23\u0e35 \u0e04\u0e31\u0e14\u0e2a\u0e23\u0e23\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e04\u0e2d\u0e19\u0e42\u0e14\u0e21\u0e34\u0e40\u0e19\u0e35\u0e22\u0e21\u0e41\u0e25\u0e30\u0e17\u0e35\u0e48\u0e14\u0e34\u0e19\u0e17\u0e33\u0e40\u0e25\u0e17\u0e2d\u0e07\u0e43\u0e19\u0e01\u0e23\u0e38\u0e07\u0e40\u0e17\u0e1e\u0e2f \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e01\u0e32\u0e23\u0e31\u0e19\u0e15\u0e35\u0e04\u0e27\u0e32\u0e21\u0e42\u0e1b\u0e23\u0e48\u0e07\u0e43\u0e2a\u0e17\u0e32\u0e07\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22 100% \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e21\u0e2d\u0e1a\u0e17\u0e35\u0e48\u0e44\u0e23\u0e49\u0e01\u0e31\u0e07\u0e27\u0e25<\/p>\n                    <a href=\"#contact\" class=\"btn-minimal\">\u0e19\u0e31\u0e14\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e02\u0e49\u0e32\u0e0a\u0e21\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/a>\n                <\/div>\n                <div class=\"hero-image-wrapper\"><\/div>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- 4 CORE PILLARS -->\n    <section id=\"pillars\" class=\"pillars section-padding\">\n        <div class=\"container\">\n            <div class=\"section-title\">\n                <span>Our Principles<\/span>\n                <h2>\u0e23\u0e32\u0e01\u0e10\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e19\u0e48\u0e32\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e16\u0e37\u0e2d\u0e17\u0e35\u0e48\u0e04\u0e38\u0e13\u0e27\u0e32\u0e07\u0e43\u0e08<\/h2>\n            <\/div>\n            <div class=\"pillars-grid\">\n                <div class=\"pillar-item\">\n                    <span class=\"num\">01 \/\/<\/span>\n                    <h3>STRATEGIC LOCATION<\/h3>\n                    <p>\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2a\u0e23\u0e23\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e17\u0e33\u0e40\u0e25\u0e17\u0e35\u0e48\u0e21\u0e35\u0e2d\u0e31\u0e15\u0e23\u0e32\u0e01\u0e32\u0e23\u0e40\u0e15\u0e34\u0e1a\u0e42\u0e15\u0e41\u0e25\u0e30\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e42\u0e04\u0e23\u0e07\u0e02\u0e48\u0e32\u0e22\u0e04\u0e21\u0e19\u0e32\u0e04\u0e21\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14\u0e43\u0e08\u0e01\u0e25\u0e32\u0e07\u0e40\u0e21\u0e37\u0e2d\u0e07<\/p>\n                <\/div>\n                <div class=\"pillar-item\">\n                    <span class=\"num\">02 \/\/<\/span>\n                    <h3>IDEAL FOR DEVELOPMENT<\/h3>\n                    <p>\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e17\u0e35\u0e48\u0e15\u0e2d\u0e1a\u0e42\u0e08\u0e17\u0e22\u0e4c\u0e01\u0e32\u0e23\u0e2d\u0e22\u0e39\u0e48\u0e2d\u0e32\u0e28\u0e31\u0e22\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1e\u0e23\u0e35\u0e40\u0e21\u0e35\u0e22\u0e21\u0e41\u0e25\u0e30\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19<\/p>\n                <\/div>\n                <div class=\"pillar-item\">\n                    <span class=\"num\">03 \/\/<\/span>\n                    <h3>CLEAR TITLE<\/h3>\n                    <p>\u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c \u0e42\u0e09\u0e19\u0e14 \u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e17\u0e32\u0e07\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e23\u0e2d\u0e1a\u0e14\u0e49\u0e32\u0e19\u0e01\u0e48\u0e2d\u0e19\u0e16\u0e36\u0e07\u0e21\u0e37\u0e2d\u0e04\u0e38\u0e13<\/p>\n                <\/div>\n                <div class=\"pillar-item\">\n                    <span class=\"num\">04 \/\/<\/span>\n                    <h3>STRONG POTENTIAL<\/h3>\n                    <p>\u0e04\u0e31\u0e14\u0e01\u0e23\u0e2d\u0e07\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e2a\u0e34\u0e19\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e4c\u0e17\u0e35\u0e48\u0e21\u0e35\u0e15\u0e31\u0e27\u0e40\u0e25\u0e02\u0e04\u0e32\u0e14\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e1c\u0e25\u0e15\u0e2d\u0e1a\u0e41\u0e17\u0e19 (Yield) \u0e43\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e17\u0e35\u0e48\u0e19\u0e48\u0e32\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- PORTFOLIO LISTING -->\n    <section id=\"portfolio\" class=\"portfolio section-padding\">\n        <div class=\"container\">\n            <div class=\"portfolio-header\">\n                <div class=\"section-title\" style=\"margin-bottom: 0;\">\n                    <span>Curated Selection<\/span>\n                    <h2>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e40\u0e14\u0e48\u0e19\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e24\u0e14\u0e39\u0e01\u0e32\u0e25<\/h2>\n                <\/div>\n                <div class=\"filter-group\">\n                    <div class=\"filter-item active\" data-filter=\"all\">All<\/div>\n                    <div class=\"filter-item\" data-filter=\"sukhumvit\">Sukhumvit<\/div>\n                    <div class=\"filter-item\" data-filter=\"sathorn\">Sathorn<\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"grid-three-cols\">\n                <!-- Card 1 -->\n                <div class=\"card-property\" data-zone=\"sukhumvit\">\n                    <div class=\"card-img-box\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&#038;fit=crop&#038;w=800&#038;q=80\" alt=\"Minimal Luxury Interior\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <span class=\"card-tag\">Sukhumvit \/\/ For Sale<\/span>\n                        <h3>The Minimalist Residence<\/h3>\n                        <p class=\"card-desc\">\u0e2a\u0e38\u0e19\u0e17\u0e23\u0e35\u0e22\u0e20\u0e32\u0e1e\u0e41\u0e2b\u0e48\u0e07\u0e04\u0e27\u0e32\u0e21\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e07\u0e48\u0e32\u0e22 \u0e1c\u0e2a\u0e32\u0e19\u0e27\u0e31\u0e2a\u0e14\u0e38\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1e\u0e23\u0e35\u0e40\u0e21\u0e35\u0e22\u0e21\u0e43\u0e08\u0e01\u0e25\u0e32\u0e07\u0e2a\u0e38\u0e02\u0e38\u0e21\u0e27\u0e34\u0e17<\/p>\n                        <div class=\"card-meta\">\n                            <span><i class=\"fa-solid fa-bed\"><\/i> 2 Beds<\/span>\n                            <span><i class=\"fa-solid fa-expand\"><\/i> 115 SQ.M.<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Card 2 -->\n                <div class=\"card-property\" data-zone=\"sathorn\">\n                    <div class=\"card-img-box\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560448204-e02f11c3d0e2?auto=format&#038;fit=crop&#038;w=800&#038;q=80\" alt=\"Modern Architecture View\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <span class=\"card-tag\">Sathorn \/\/ Exclusive<\/span>\n                        <h3>The Luminary Penthouse<\/h3>\n                        <p class=\"card-desc\">\u0e2b\u0e49\u0e2d\u0e07\u0e0a\u0e38\u0e14\u0e40\u0e1e\u0e14\u0e32\u0e19\u0e2a\u0e39\u0e07\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e40\u0e1b\u0e34\u0e14\u0e23\u0e31\u0e1a\u0e17\u0e31\u0e28\u0e19\u0e35\u0e22\u0e20\u0e32\u0e1e\u0e40\u0e2a\u0e49\u0e19\u0e02\u0e2d\u0e1a\u0e1f\u0e49\u0e32\u0e41\u0e25\u0e30\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27\u0e02\u0e2d\u0e07\u0e2a\u0e32\u0e17\u0e23<\/p>\n                        <div class=\"card-meta\">\n                            <span><i class=\"fa-solid fa-bed\"><\/i> 3 Beds<\/span>\n                            <span><i class=\"fa-solid fa-expand\"><\/i> 240 SQ.M.<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Card 3 -->\n                <div class=\"card-property\" data-zone=\"sukhumvit\">\n                    <div class=\"card-img-box\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600210492486-724fe5c67fb0?auto=format&#038;fit=crop&#038;w=800&#038;q=80\" alt=\"Cozy Luxury Living space\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <span class=\"card-tag\">Sukhumvit \/\/ Lease<\/span>\n                        <h3>The Woodside Pavilion<\/h3>\n                        <p class=\"card-desc\">\u0e40\u0e19\u0e49\u0e19\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27\u0e02\u0e31\u0e49\u0e19\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14\u0e17\u0e48\u0e32\u0e21\u0e01\u0e25\u0e32\u0e07\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e41\u0e1a\u0e1a\u0e23\u0e35\u0e2a\u0e2d\u0e23\u0e4c\u0e17\u0e2d\u0e38\u0e48\u0e19\u0e2a\u0e1a\u0e32\u0e22<\/p>\n                        <div class=\"card-meta\">\n                            <span><i class=\"fa-solid fa-bed\"><\/i> 1 Bed<\/span>\n                            <span><i class=\"fa-solid fa-expand\"><\/i> 78 SQ.M.<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- CONSULTATION FORM -->\n    <section id=\"contact\" class=\"contact section-padding\">\n        <div class=\"container\">\n            <div class=\"contact-layout\">\n                <div class=\"contact-info\">\n                    <span>Inquiries<\/span>\n                    <h2>\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e02\u0e2d\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25<br>\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19<\/h2>\n                    <p>\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e2a\u0e48\u0e27\u0e19\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e43\u0e2b\u0e49\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e0a\u0e34\u0e07\u0e25\u0e36\u0e01\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e02\u0e49\u0e2d\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22 \u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23 \u0e41\u0e25\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e38\u0e13<\/p>\n                    <ul class=\"contact-methods\">\n                        <li>\n                            <span>Hotline<\/span>\n                            081-558-5555\n                        <\/li>\n                        <li>\n                            <span>Email<\/span>\n                            concierge@patchaagency.com\n                        <\/li>\n                    <\/ul>\n                <\/div>\n                <div>\n                    <form id=\"contactForm\" onsubmit=\"handleFormSubmit(event)\">\n                        <input type=\"text\" class=\"form-luxury-input\" placeholder=\"\u0e0a\u0e37\u0e48\u0e2d - \u0e19\u0e32\u0e21\u0e2a\u0e01\u0e38\u0e25\" required>\n                        <input type=\"tel\" class=\"form-luxury-input\" placeholder=\"\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\" required>\n                        <select class=\"form-luxury-input\">\n                            <option value=\"\" disabled selected>\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e2a\u0e19\u0e43\u0e08<\/option>\n                            <option>\u0e0b\u0e37\u0e49\u0e2d\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2d\u0e22\u0e39\u0e48\u0e2d\u0e32\u0e28\u0e31\u0e22 (For Sale)<\/option>\n                            <option>\u0e40\u0e0a\u0e48\u0e32\u0e23\u0e30\u0e22\u0e30\u0e22\u0e32\u0e27 (Lease)<\/option>\n                            <option>\u0e23\u0e48\u0e27\u0e21\u0e17\u0e38\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32 (Joint Venture)<\/option>\n                        <\/select>\n                        <button type=\"submit\" class=\"btn-minimal\" style=\"width: 100%; justify-content: center; margin-top: 1rem;\">\u0e2a\u0e48\u0e07\u0e04\u0e33\u0e02\u0e2d\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c<\/button>\n                    <\/form>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FOOTER -->\n    <footer>\n        <div class=\"container footer-grid\">\n            <p>&copy; 2026 Patcha Agency. All Rights Reserved.<\/p>\n            <p style=\"letter-spacing: 1px;\">PRIVACY POLICY &bull; TERMS<\/p>\n        <\/div>\n    <\/footer>\n\n    <script>\n        \/\/ Interactive Simple Filter\n        const filterItems = document.querySelectorAll('.filter-item');\n        const cards = document.querySelectorAll('.card-property');\n\n        filterItems.forEach(item => {\n            item.addEventListener('click', () => {\n                filterItems.forEach(i => i.classList.remove('active'));\n                item.classList.add('active');\n\n                const filterValue = item.getAttribute('data-filter');\n\n                cards.forEach(card => {\n                    if(filterValue === 'all' || card.getAttribute('data-zone') === filterValue) {\n                        card.style.display = 'block';\n                    } else {\n                        card.style.display = 'none';\n                    }\n                });\n            });\n        });\n\n        function handleFormSubmit(e) {\n            e.preventDefault();\n            alert('\u0e02\u0e2d\u0e1a\u0e04\u0e38\u0e13\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e04\u0e23\u0e31\u0e1a \u0e17\u0e35\u0e48\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27\u0e08\u0e32\u0e01 Patcha Agency \u0e08\u0e30\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e01\u0e25\u0e31\u0e1a\u0e2b\u0e32\u0e04\u0e38\u0e13\u0e20\u0e32\u0e22\u0e43\u0e19 1 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07\u0e04\u0e23\u0e31\u0e1a');\n            document.getElementById('contactForm').reset();\n        }\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Patcha Agency | Luxury Real Estate &#038; Investments PATCHA AGENCY \u0e08\u0e38\u0e14\u0e40\u0e14\u0e48\u0e19 \u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23 \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32 PRIMEINVESTMENTPROPERTIES \u0e19\u0e34\u0e22\u0e32\u0e21\u0e43\u0e2b\u0e21\u0e48\u0e02\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e2d\u0e2a\u0e31\u0e07\u0e2b\u0e32\u0e23\u0e34\u0e21\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e4c\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e25\u0e31\u0e01\u0e0a\u0e31\u0e27\u0e23\u0e35 \u0e04\u0e31\u0e14\u0e2a\u0e23\u0e23\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e04\u0e2d\u0e19\u0e42\u0e14\u0e21\u0e34\u0e40\u0e19\u0e35\u0e22\u0e21\u0e41\u0e25\u0e30\u0e17\u0e35\u0e48\u0e14\u0e34\u0e19\u0e17\u0e33\u0e40\u0e25\u0e17\u0e2d\u0e07\u0e43\u0e19\u0e01\u0e23\u0e38\u0e07\u0e40\u0e17\u0e1e\u0e2f \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e01\u0e32\u0e23\u0e31\u0e19\u0e15\u0e35\u0e04\u0e27\u0e32\u0e21\u0e42\u0e1b\u0e23\u0e48\u0e07\u0e43\u0e2a\u0e17\u0e32\u0e07\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22 100% \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e21\u0e2d\u0e1a\u0e17\u0e35\u0e48\u0e44\u0e23\u0e49\u0e01\u0e31\u0e07\u0e27\u0e25 \u0e19\u0e31\u0e14\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e02\u0e49\u0e32\u0e0a\u0e21\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/patchaagency.brandmates.biz\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/patchaagency.brandmates.biz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/patchaagency.brandmates.biz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/patchaagency.brandmates.biz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/patchaagency.brandmates.biz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":2,"href":"https:\/\/patchaagency.brandmates.biz\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":9,"href":"https:\/\/patchaagency.brandmates.biz\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/9"}],"wp:attachment":[{"href":"https:\/\/patchaagency.brandmates.biz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}