\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 | BAANRIN<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;500;600;700&family=Prompt:wght@300;400;600;700&display=swap\" rel=\"stylesheet\"\/>\r\n<style>\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}\r\n\r\n:root{\r\n --green-dark:#1a3c2b;\r\n --green-mid:#2d6b48;\r\n --gold:#b8973a;\r\n --gold-light:#d4b56a;\r\n --cream:#f2f0eb;\r\n --card-bg:#ffffff;\r\n --text-dark:#1a2a1e;\r\n --text-mid:#3d5247;\r\n --border:#e0dbd2;\r\n}\r\n\r\nbody{\r\n font-family:'Sarabun',sans-serif;\r\n background:var(--cream);\r\n color:var(--text-dark);\r\n}\r\n\r\n\/* ===== HERO ===== *\/\r\n.hero{\r\n position:relative;width:100%;min-height:280px;\r\n display:flex;align-items:center;justify-content:center;\r\n text-align:center;overflow:hidden;\r\n}\r\n.hero-bg{\r\n position:absolute;inset:0;\r\n background-image:url('https:\/\/static.wixstatic.com\/media\/11062b_0e4baa071ef74597b23e6d8e5afcb19ef000.jpg\/v1\/fill\/w_1400,h_500,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto\/11062b_0e4baa071ef74597b23e6d8e5afcb19ef000.jpg');\r\n background-size:cover;background-position:center;\r\n}\r\n.hero-bg::after{\r\n content:'';position:absolute;inset:0;\r\n background:linear-gradient(135deg,rgba(26,60,43,0.85) 0%,rgba(45,107,72,0.75) 100%);\r\n}\r\n.hero-content{position:relative;z-index:2;padding:72px 20px;}\r\n.hero-content h1{\r\n font-family:'Prompt',sans-serif;font-size:2.6rem;font-weight:700;\r\n color:#fff;letter-spacing:0.05em;text-shadow:0 2px 20px rgba(0,0,0,0.3);\r\n}\r\n.hero-content p{\r\n margin-top:10px;font-size:1rem;color:var(--gold-light);letter-spacing:0.1em;\r\n}\r\n.hero-divider{width:56px;height:3px;background:var(--gold);margin:14px auto 0;border-radius:2px;}\r\n\r\n\/* ===== SECTION ===== *\/\r\n.projects-section{\r\n max-width:900px;\r\n margin:0 auto;\r\n padding:40px 20px 64px;\r\n}\r\n\r\n\/* ===== GRID 2 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c ===== *\/\r\n.projects-grid{\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:24px;\r\n}\r\n\r\n\/* ===== CARD: \u0e23\u0e39\u0e1b\u0e1a\u0e19 \u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e25\u0e48\u0e32\u0e07 ===== *\/\r\n.card{\r\n display:flex;\r\n flex-direction:column;\r\n background:var(--card-bg);\r\n border:1px solid var(--border);\r\n border-radius:4px;\r\n overflow:hidden;\r\n cursor:pointer;\r\n color:inherit;\r\n box-shadow:0 3px 18px rgba(26,60,43,0.08);\r\n transition:transform 0.28s ease,box-shadow 0.28s ease;\r\n}\r\n.card:hover{\r\n transform:translateY(-4px);\r\n box-shadow:0 12px 32px rgba(26,60,43,0.15);\r\n}\r\n\r\n\/* \u0e23\u0e39\u0e1b\u0e1b\u0e01 *\/\r\n.card-img{\r\n width:100%;\r\n height:220px;\r\n overflow:hidden;\r\n position:relative;\r\n}\r\n.card-img img{\r\n width:100%;height:100%;\r\n object-fit:cover;display:block;\r\n transition:transform 0.5s ease;\r\n}\r\n.card:hover .card-img img{transform:scale(1.05);}\r\n\r\n\/* \u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 *\/\r\n.card-info{\r\n flex:1;\r\n padding:18px 16px 16px;\r\n display:flex;flex-direction:column;justify-content:space-between;\r\n}\r\n.card-title{\r\n font-family:'Prompt',sans-serif;font-size:0.95rem;font-weight:700;\r\n color:var(--green-dark);line-height:1.45;margin-bottom:10px;\r\n}\r\n.card-badge{\r\n display:inline-block;\r\n font-size:0.72rem;font-weight:600;\r\n color:#fff;background:var(--gold);\r\n padding:3px 9px;border-radius:20px;\r\n margin-top:6px;align-self:flex-start;\r\n}\r\n\r\n\/* ===== LIGHTBOX ===== *\/\r\n.lightbox-overlay{\r\n display:none;\r\n position:fixed;inset:0;z-index:9999;\r\n background:rgba(10,24,16,0.93);\r\n align-items:center;justify-content:center;\r\n flex-direction:column;\r\n}\r\n.lightbox-overlay.active{display:flex;}\r\n\r\n.lightbox-header{\r\n width:100%;max-width:900px;\r\n display:flex;align-items:center;justify-content:space-between;\r\n padding:12px 20px 8px;\r\n}\r\n.lightbox-title{\r\n font-family:'Prompt',sans-serif;font-size:1rem;font-weight:600;\r\n color:#fff;\r\n}\r\n.lightbox-close{\r\n background:none;border:none;cursor:pointer;\r\n color:#fff;font-size:1.6rem;line-height:1;padding:4px 8px;\r\n opacity:0.7;transition:opacity 0.2s;\r\n}\r\n.lightbox-close:hover{opacity:1;}\r\n\r\n.lightbox-main{\r\n position:relative;\r\n width:100%;max-width:900px;\r\n display:flex;align-items:center;justify-content:center;\r\n padding:0 20px;\r\n}\r\n.lightbox-img-wrap{\r\n width:100%;\r\n max-height:65vh;\r\n display:flex;align-items:center;justify-content:center;\r\n}\r\n.lightbox-img-wrap img{\r\n max-width:100%;max-height:65vh;\r\n object-fit:contain;border-radius:3px;\r\n box-shadow:0 8px 40px rgba(0,0,0,0.5);\r\n}\r\n\r\n.lb-btn{\r\n position:absolute;top:50%;transform:translateY(-50%);\r\n background:rgba(255,255,255,0.12);border:none;cursor:pointer;\r\n color:#fff;font-size:1.8rem;width:44px;height:44px;\r\n border-radius:50%;display:flex;align-items:center;justify-content:center;\r\n transition:background 0.2s;user-select:none;\r\n}\r\n.lb-btn:hover{background:rgba(255,255,255,0.25);}\r\n.lb-prev{left:0;}\r\n.lb-next{right:0;}\r\n\r\n.lightbox-counter{\r\n color:rgba(255,255,255,0.5);font-size:0.8rem;margin-top:10px;\r\n}\r\n\r\n.lightbox-thumbs{\r\n display:flex;gap:8px;flex-wrap:wrap;justify-content:center;\r\n padding:14px 20px;max-width:900px;width:100%;\r\n max-height:120px;overflow-y:auto;\r\n}\r\n.lightbox-thumbs img{\r\n width:64px;height:48px;object-fit:cover;\r\n border-radius:2px;cursor:pointer;opacity:0.55;\r\n border:2px solid transparent;\r\n transition:opacity 0.2s,border-color 0.2s;\r\n}\r\n.lightbox-thumbs img.active,\r\n.lightbox-thumbs img:hover{opacity:1;border-color:var(--gold);}\r\n\r\n\/* ===== FOOTER ===== *\/\r\nfooter{\r\n background:var(--green-dark);\r\n padding:52px 24px 32px;\r\n}\r\n.footer-inner{\r\n max-width:900px;margin:0 auto;\r\n display:flex;flex-direction:column;align-items:center;text-align:center;\r\n}\r\n.footer-logo{margin-bottom:16px;}\r\n.footer-logo img{\r\n height:66px;object-fit:contain;\r\n}\r\n.footer-divider{width:46px;height:2px;background:var(--gold);margin:0 auto 16px;border-radius:2px;}\r\n.footer-address{font-size:0.8rem;color:#9bbdaa;line-height:1.8;margin-bottom:24px;}\r\n\r\n.footer-socials{\r\n display:flex;justify-content:center;gap:14px;margin-bottom:26px;flex-wrap:wrap;\r\n}\r\n.footer-socials a{\r\n display:flex;align-items:center;justify-content:center;\r\n width:46px;height:46px;border-radius:50%;\r\n background:#fff;\r\n box-shadow:0 2px 8px rgba(0,0,0,0.18);\r\n transition:transform 0.2s,box-shadow 0.2s;\r\n overflow:hidden;\r\n}\r\n.footer-socials a:hover{\r\n transform:scale(1.12);\r\n box-shadow:0 4px 16px rgba(0,0,0,0.28);\r\n}\r\n.footer-socials a svg{display:block;width:26px;height:26px;}\r\n\r\n.footer-copy{\r\n font-size:0.75rem;color:#5c7d6a;\r\n border-top:1px solid rgba(255,255,255,0.08);\r\n padding-top:18px;margin-top:4px;width:100%;\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media(max-width:640px){\r\n .projects-grid{grid-template-columns:1fr;}\r\n .hero-content h1{font-size:1.9rem;}\r\n .lb-btn{width:36px;height:36px;font-size:1.3rem;}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"hero\">\r\n <div class=\"hero-bg\"><\/div>\r\n <div class=\"hero-content\">\r\n <h1>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/h1>\r\n <p>\u0e42\u0e2d\u0e01\u0e32\u0e2a\u0e17\u0e2d\u0e07\u0e02\u0e2d\u0e07\u0e04\u0e19\u0e0a\u0e48\u0e32\u0e07\u0e40\u0e25\u0e37\u0e2d\u0e01<\/p>\r\n <div class=\"hero-divider\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"projects-section\">\r\n <div class=\"projects-grid\">\r\n\r\n \r\n <div class=\"card\" onclick=\"openLightbox(0)\">\r\n <div class=\"card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/1\/1.jpg\" alt=\"\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e1e\u0e22\u0e2d\u0e21 \u0e0b\u0e2d\u0e22 7 \u0e40\u0e1f\u0e2a1\"\/>\r\n <\/div>\r\n <div class=\"card-info\">\r\n <div class=\"card-title\">@\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e1e\u0e22\u0e2d\u0e21 \u0e0b\u0e2d\u0e22 7 \u0e40\u0e1f\u0e2a1<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" onclick=\"openLightbox(1)\">\r\n <div class=\"card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/2\/1.jpg\" alt=\"\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e1e\u0e22\u0e2d\u0e21 \u0e0b\u0e2d\u0e22 9 \u0e40\u0e1f\u0e2a2\"\/>\r\n <\/div>\r\n <div class=\"card-info\">\r\n <div class=\"card-title\">@\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e1e\u0e22\u0e2d\u0e21 \u0e0b\u0e2d\u0e22 9 \u0e40\u0e1f\u0e2a2<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" onclick=\"openLightbox(2)\">\r\n <div class=\"card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/3\/1.jpg\" alt=\"\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e01\u0e38\u0e14\u0e19\u0e01\u0e40\u0e1b\u0e25\u0e49\u0e32 \u0e2a\u0e23\u0e30\u0e1a\u0e38\u0e23\u0e35 \u0e40\u0e1f\u0e2a3\"\/>\r\n <\/div>\r\n <div class=\"card-info\">\r\n <div class=\"card-title\">@\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e01\u0e38\u0e14\u0e19\u0e01\u0e40\u0e1b\u0e25\u0e49\u0e32 \u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e40\u0e21\u0e37\u0e2d\u0e07 \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e2a\u0e23\u0e30\u0e1a\u0e38\u0e23\u0e35 \u0e40\u0e1f\u0e2a 3<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" onclick=\"openLightbox(3)\">\r\n <div class=\"card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/4\/1.jpg\" alt=\"\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e1e\u0e22\u0e2d\u0e21 \u0e0b\u0e2d\u0e22 20 \u0e40\u0e1f\u0e2a4\"\/>\r\n <\/div>\r\n <div class=\"card-info\">\r\n <div class=\"card-title\">@\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e1e\u0e22\u0e2d\u0e21 \u0e0b\u0e2d\u0e22 20 \u0e40\u0e1f\u0e2a4<\/div>\r\n <span class=\"card-badge\">\u0e01\u0e33\u0e25\u0e31\u0e07\u0e08\u0e30\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07 5 \u0e2b\u0e25\u0e31\u0e07<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" onclick=\"openLightbox(4)\">\r\n <div class=\"card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/5\/1.jpg\" alt=\"\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e1e\u0e22\u0e2d\u0e21 \u0e0b\u0e2d\u0e22 7 \u0e40\u0e1f\u0e2a5\"\/>\r\n <\/div>\r\n <div class=\"card-info\">\r\n <div class=\"card-title\">@\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e1e\u0e22\u0e2d\u0e21 \u0e0b\u0e2d\u0e22 7 \u0e40\u0e1f\u0e2a5<\/div>\r\n <span class=\"card-badge\">\u0e01\u0e33\u0e25\u0e31\u0e07\u0e08\u0e30\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07 2 \u0e2b\u0e25\u0e31\u0e07<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<div class=\"lightbox-overlay\" id=\"lightbox\">\r\n <div class=\"lightbox-header\">\r\n <div class=\"lightbox-title\" id=\"lb-title\"><\/div>\r\n <button class=\"lightbox-close\" onclick=\"closeLightbox()\">\u2715<\/button>\r\n <\/div>\r\n <div class=\"lightbox-main\">\r\n <button class=\"lb-btn lb-prev\" onclick=\"lbNav(-1)\">‹<\/button>\r\n <div class=\"lightbox-img-wrap\">\r\n <img decoding=\"async\" id=\"lb-img\" src=\"\" alt=\"\"\/>\r\n <\/div>\r\n <button class=\"lb-btn lb-next\" onclick=\"lbNav(1)\">›<\/button>\r\n <\/div>\r\n <div class=\"lightbox-counter\" id=\"lb-counter\"><\/div>\r\n <div class=\"lightbox-thumbs\" id=\"lb-thumbs\"><\/div>\r\n<\/div>\r\n\r\n\r\n<footer>\r\n <div class=\"footer-inner\">\r\n <div class=\"footer-logo\">\r\n <a href=\"https:\/\/www.baanrin.com\" target=\"_blank\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/05\/687766805_1518360206508760_5021425227895214852_n.jpg\"\r\n alt=\"BAANRIN\"\r\n style=\"width:150px;height:150px;object-fit:contain;border-radius:8px;\"\r\n \/>\r\n <\/a>\r\n <\/div>\r\n <div class=\"footer-divider\"><\/div>\r\n <p class=\"footer-address\">\r\n Lam Luk Ka Klong 4 Road, Lat Sawai, Lam Luk ka, Pathumtani 12150<br\/>\r\n \u00a9 RIN MARKETING Corporation Public Company Limited\r\n <\/p>\r\n <div class=\"footer-socials\">\r\n <a href=\"https:\/\/www.facebook.com\/BaanRinRak\" target=\"_blank\" title=\"Facebook\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/facebook\/1877F2\" alt=\"Facebook\" width=\"26\" height=\"26\"\/>\r\n <\/a>\r\n <a href=\"https:\/\/www.youtube.com\/@Baanrinrak\" target=\"_blank\" title=\"YouTube\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/youtube\/FF0000\" alt=\"YouTube\" width=\"26\" height=\"26\"\/>\r\n <\/a>\r\n <a href=\"https:\/\/lin.ee\/RezzTwVC\" target=\"_blank\" title=\"Line\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/line\/06C755\" alt=\"Line\" width=\"26\" height=\"26\"\/>\r\n <\/a>\r\n <a href=\"https:\/\/www.tiktok.com\/@baan.rin.rak\" target=\"_blank\" title=\"TikTok\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/tiktok\/010101\" alt=\"TikTok\" width=\"26\" height=\"26\"\/>\r\n <\/a>\r\n <\/div>\r\n <p class=\"footer-copy\">BAANRINRAK \u2014 \u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e17\u0e38\u0e01\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23 \u0e17\u0e38\u0e01\u0e04\u0e27\u0e32\u0e21\u0e1d\u0e31\u0e19<\/p>\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\nconst projects = [\r\n {\r\n title: '@\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e1e\u0e22\u0e2d\u0e21 \u0e0b\u0e2d\u0e22 7 \u0e40\u0e1f\u0e2a1',\r\n images: [\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/1\/1.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/1\/2.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/1\/3.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/1\/4.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/1\/5.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/1\/6.jpg',\r\n ]\r\n },\r\n {\r\n title: '@\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e1e\u0e22\u0e2d\u0e21 \u0e0b\u0e2d\u0e22 9 \u0e40\u0e1f\u0e2a2',\r\n images: [\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/2\/1.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/2\/2.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/2\/3.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/2\/4.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/2\/5.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/2\/6.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/2\/7.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/2\/8.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/2\/9.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/2\/10.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/2\/11.jpg',\r\n ]\r\n },\r\n {\r\n title: '@\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e01\u0e38\u0e14\u0e19\u0e01\u0e40\u0e1b\u0e25\u0e49\u0e32 \u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e40\u0e21\u0e37\u0e2d\u0e07 \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e2a\u0e23\u0e30\u0e1a\u0e38\u0e23\u0e35 \u0e40\u0e1f\u0e2a 3',\r\n images: [\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/3\/1.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/3\/2.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/3\/3.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/3\/4.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/3\/5.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/3\/6.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/3\/7.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/3\/8.jpg',\r\n ]\r\n },\r\n {\r\n title: '@\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e1e\u0e22\u0e2d\u0e21 \u0e0b\u0e2d\u0e22 20 \u0e40\u0e1f\u0e2a4',\r\n images: [\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/4\/1.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/4\/2.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/4\/3.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/4\/4.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/4\/5.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/4\/6.jpg',\r\n ]\r\n },\r\n {\r\n title: '@\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e1e\u0e22\u0e2d\u0e21 \u0e0b\u0e2d\u0e22 7 \u0e40\u0e1f\u0e2a5',\r\n images: [\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/5\/1.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/5\/2.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/5\/3.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/5\/4.jpg',\r\n ]\r\n },\r\n];\r\n\r\nlet currentProject = 0;\r\nlet currentImg = 0;\r\n\r\nfunction openLightbox(projectIndex) {\r\n currentProject = projectIndex;\r\n currentImg = 0;\r\n const p = projects[projectIndex];\r\n document.getElementById('lb-title').textContent = p.title;\r\n buildThumbs(p.images);\r\n showImg(0);\r\n document.getElementById('lightbox').classList.add('active');\r\n document.body.style.overflow = 'hidden';\r\n}\r\n\r\nfunction closeLightbox() {\r\n document.getElementById('lightbox').classList.remove('active');\r\n document.body.style.overflow = '';\r\n}\r\n\r\nfunction buildThumbs(images) {\r\n const container = document.getElementById('lb-thumbs');\r\n container.innerHTML = '';\r\n images.forEach((src, i) => {\r\n const img = document.createElement('img');\r\n img.src = src;\r\n img.alt = '';\r\n if (i === 0) img.classList.add('active');\r\n img.onclick = () => showImg(i);\r\n container.appendChild(img);\r\n });\r\n}\r\n\r\nfunction showImg(index) {\r\n const p = projects[currentProject];\r\n currentImg = (index + p.images.length) % p.images.length;\r\n document.getElementById('lb-img').src = p.images[currentImg];\r\n document.getElementById('lb-counter').textContent = (currentImg + 1) + ' \/ ' + p.images.length;\r\n const thumbs = document.querySelectorAll('#lb-thumbs img');\r\n thumbs.forEach((t, i) => t.classList.toggle('active', i === currentImg));\r\n thumbs[currentImg]?.scrollIntoView({behavior:'smooth', block:'nearest', inline:'nearest'});\r\n}\r\n\r\nfunction lbNav(dir) {\r\n showImg(currentImg + dir);\r\n}\r\n\r\n\/\/ \u0e1b\u0e34\u0e14 lightbox \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e04\u0e25\u0e34\u0e01\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\r\ndocument.getElementById('lightbox').addEventListener('click', function(e) {\r\n if (e.target === this) closeLightbox();\r\n});\r\n\r\n\/\/ keyboard navigation\r\ndocument.addEventListener('keydown', function(e) {\r\n if (!document.getElementById('lightbox').classList.contains('active')) return;\r\n if (e.key === 'ArrowRight') lbNav(1);\r\n if (e.key === 'ArrowLeft') lbNav(-1);\r\n if (e.key === 'Escape') closeLightbox();\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 | BAANRIN \u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 \u0e42\u0e2d\u0e01\u0e32\u0e2a\u0e17\u0e2d\u0e07\u0e02\u0e2d\u0e07\u0e04\u0e19\u0e0a\u0e48\u0e32\u0e07\u0e40\u0e25\u0e37\u0e2d\u0e01 @\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e1e\u0e22\u0e2d\u0e21 \u0e0b\u0e2d\u0e22 7 \u0e40\u0e1f\u0e2a1 @\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e1e\u0e22\u0e2d\u0e21 \u0e0b\u0e2d\u0e22 9 \u0e40\u0e1f\u0e2a2 @\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e01\u0e38\u0e14\u0e19\u0e01\u0e40\u0e1b\u0e25\u0e49\u0e32 \u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e40\u0e21\u0e37\u0e2d\u0e07 \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e2a\u0e23\u0e30\u0e1a\u0e38\u0e23\u0e35 \u0e40\u0e1f\u0e2a 3 @\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e1e\u0e22\u0e2d\u0e21 \u0e0b\u0e2d\u0e22 20 \u0e40\u0e1f\u0e2a4 \u0e01\u0e33\u0e25\u0e31\u0e07\u0e08\u0e30\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07 5 \u0e2b\u0e25\u0e31\u0e07 @\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e1e\u0e22\u0e2d\u0e21 \u0e0b\u0e2d\u0e22 7 \u0e40\u0e1f\u0e2a5 \u0e01\u0e33\u0e25\u0e31\u0e07\u0e08\u0e30\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07 2 \u0e2b\u0e25\u0e31\u0e07 \u2715 ‹ › Lam Luk Ka Klong 4 Road, Lat Sawai, Lam Luk ka, Pathumtani 12150 \u00a9 RIN […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-297","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thehugproperty.com\/index.php?rest_route=\/wp\/v2\/pages\/297","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thehugproperty.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thehugproperty.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thehugproperty.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thehugproperty.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=297"}],"version-history":[{"count":39,"href":"https:\/\/thehugproperty.com\/index.php?rest_route=\/wp\/v2\/pages\/297\/revisions"}],"predecessor-version":[{"id":345,"href":"https:\/\/thehugproperty.com\/index.php?rest_route=\/wp\/v2\/pages\/297\/revisions\/345"}],"wp:attachment":[{"href":"https:\/\/thehugproperty.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\r\n\r\n\r\n\r\n\r\n\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 | BAANRIN<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;500;600;700&family=Prompt:wght@300;400;600;700&display=swap\" rel=\"stylesheet\"\/>\r\n<style>\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}\r\n\r\n:root{\r\n --green-dark:#1a3c2b;\r\n --green-mid:#2d6b48;\r\n --gold:#b8973a;\r\n --gold-light:#d4b56a;\r\n --cream:#f2f0eb;\r\n --card-bg:#ffffff;\r\n --text-dark:#1a2a1e;\r\n --text-mid:#3d5247;\r\n --border:#e0dbd2;\r\n}\r\n\r\nbody{\r\n font-family:'Sarabun',sans-serif;\r\n background:var(--cream);\r\n color:var(--text-dark);\r\n}\r\n\r\n\/* ===== HERO ===== *\/\r\n.hero{\r\n position:relative;width:100%;min-height:280px;\r\n display:flex;align-items:center;justify-content:center;\r\n text-align:center;overflow:hidden;\r\n}\r\n.hero-bg{\r\n position:absolute;inset:0;\r\n background-image:url('https:\/\/static.wixstatic.com\/media\/11062b_0e4baa071ef74597b23e6d8e5afcb19ef000.jpg\/v1\/fill\/w_1400,h_500,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto\/11062b_0e4baa071ef74597b23e6d8e5afcb19ef000.jpg');\r\n background-size:cover;background-position:center;\r\n}\r\n.hero-bg::after{\r\n content:'';position:absolute;inset:0;\r\n background:linear-gradient(135deg,rgba(26,60,43,0.85) 0%,rgba(45,107,72,0.75) 100%);\r\n}\r\n.hero-content{position:relative;z-index:2;padding:72px 20px;}\r\n.hero-content h1{\r\n font-family:'Prompt',sans-serif;font-size:2.6rem;font-weight:700;\r\n color:#fff;letter-spacing:0.05em;text-shadow:0 2px 20px rgba(0,0,0,0.3);\r\n}\r\n.hero-content p{\r\n margin-top:10px;font-size:1rem;color:var(--gold-light);letter-spacing:0.1em;\r\n}\r\n.hero-divider{width:56px;height:3px;background:var(--gold);margin:14px auto 0;border-radius:2px;}\r\n\r\n\/* ===== SECTION ===== *\/\r\n.projects-section{\r\n max-width:900px;\r\n margin:0 auto;\r\n padding:40px 20px 64px;\r\n}\r\n\r\n\/* ===== GRID 2 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c ===== *\/\r\n.projects-grid{\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:24px;\r\n}\r\n\r\n\/* ===== CARD: \u0e23\u0e39\u0e1b\u0e1a\u0e19 \u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e25\u0e48\u0e32\u0e07 ===== *\/\r\n.card{\r\n display:flex;\r\n flex-direction:column;\r\n background:var(--card-bg);\r\n border:1px solid var(--border);\r\n border-radius:4px;\r\n overflow:hidden;\r\n cursor:pointer;\r\n color:inherit;\r\n box-shadow:0 3px 18px rgba(26,60,43,0.08);\r\n transition:transform 0.28s ease,box-shadow 0.28s ease;\r\n}\r\n.card:hover{\r\n transform:translateY(-4px);\r\n box-shadow:0 12px 32px rgba(26,60,43,0.15);\r\n}\r\n\r\n\/* \u0e23\u0e39\u0e1b\u0e1b\u0e01 *\/\r\n.card-img{\r\n width:100%;\r\n height:220px;\r\n overflow:hidden;\r\n position:relative;\r\n}\r\n.card-img img{\r\n width:100%;height:100%;\r\n object-fit:cover;display:block;\r\n transition:transform 0.5s ease;\r\n}\r\n.card:hover .card-img img{transform:scale(1.05);}\r\n\r\n\/* \u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 *\/\r\n.card-info{\r\n flex:1;\r\n padding:18px 16px 16px;\r\n display:flex;flex-direction:column;justify-content:space-between;\r\n}\r\n.card-title{\r\n font-family:'Prompt',sans-serif;font-size:0.95rem;font-weight:700;\r\n color:var(--green-dark);line-height:1.45;margin-bottom:10px;\r\n}\r\n.card-badge{\r\n display:inline-block;\r\n font-size:0.72rem;font-weight:600;\r\n color:#fff;background:var(--gold);\r\n padding:3px 9px;border-radius:20px;\r\n margin-top:6px;align-self:flex-start;\r\n}\r\n\r\n\/* ===== LIGHTBOX ===== *\/\r\n.lightbox-overlay{\r\n display:none;\r\n position:fixed;inset:0;z-index:9999;\r\n background:rgba(10,24,16,0.93);\r\n align-items:center;justify-content:center;\r\n flex-direction:column;\r\n}\r\n.lightbox-overlay.active{display:flex;}\r\n\r\n.lightbox-header{\r\n width:100%;max-width:900px;\r\n display:flex;align-items:center;justify-content:space-between;\r\n padding:12px 20px 8px;\r\n}\r\n.lightbox-title{\r\n font-family:'Prompt',sans-serif;font-size:1rem;font-weight:600;\r\n color:#fff;\r\n}\r\n.lightbox-close{\r\n background:none;border:none;cursor:pointer;\r\n color:#fff;font-size:1.6rem;line-height:1;padding:4px 8px;\r\n opacity:0.7;transition:opacity 0.2s;\r\n}\r\n.lightbox-close:hover{opacity:1;}\r\n\r\n.lightbox-main{\r\n position:relative;\r\n width:100%;max-width:900px;\r\n display:flex;align-items:center;justify-content:center;\r\n padding:0 20px;\r\n}\r\n.lightbox-img-wrap{\r\n width:100%;\r\n max-height:65vh;\r\n display:flex;align-items:center;justify-content:center;\r\n}\r\n.lightbox-img-wrap img{\r\n max-width:100%;max-height:65vh;\r\n object-fit:contain;border-radius:3px;\r\n box-shadow:0 8px 40px rgba(0,0,0,0.5);\r\n}\r\n\r\n.lb-btn{\r\n position:absolute;top:50%;transform:translateY(-50%);\r\n background:rgba(255,255,255,0.12);border:none;cursor:pointer;\r\n color:#fff;font-size:1.8rem;width:44px;height:44px;\r\n border-radius:50%;display:flex;align-items:center;justify-content:center;\r\n transition:background 0.2s;user-select:none;\r\n}\r\n.lb-btn:hover{background:rgba(255,255,255,0.25);}\r\n.lb-prev{left:0;}\r\n.lb-next{right:0;}\r\n\r\n.lightbox-counter{\r\n color:rgba(255,255,255,0.5);font-size:0.8rem;margin-top:10px;\r\n}\r\n\r\n.lightbox-thumbs{\r\n display:flex;gap:8px;flex-wrap:wrap;justify-content:center;\r\n padding:14px 20px;max-width:900px;width:100%;\r\n max-height:120px;overflow-y:auto;\r\n}\r\n.lightbox-thumbs img{\r\n width:64px;height:48px;object-fit:cover;\r\n border-radius:2px;cursor:pointer;opacity:0.55;\r\n border:2px solid transparent;\r\n transition:opacity 0.2s,border-color 0.2s;\r\n}\r\n.lightbox-thumbs img.active,\r\n.lightbox-thumbs img:hover{opacity:1;border-color:var(--gold);}\r\n\r\n\/* ===== FOOTER ===== *\/\r\nfooter{\r\n background:var(--green-dark);\r\n padding:52px 24px 32px;\r\n}\r\n.footer-inner{\r\n max-width:900px;margin:0 auto;\r\n display:flex;flex-direction:column;align-items:center;text-align:center;\r\n}\r\n.footer-logo{margin-bottom:16px;}\r\n.footer-logo img{\r\n height:66px;object-fit:contain;\r\n}\r\n.footer-divider{width:46px;height:2px;background:var(--gold);margin:0 auto 16px;border-radius:2px;}\r\n.footer-address{font-size:0.8rem;color:#9bbdaa;line-height:1.8;margin-bottom:24px;}\r\n\r\n.footer-socials{\r\n display:flex;justify-content:center;gap:14px;margin-bottom:26px;flex-wrap:wrap;\r\n}\r\n.footer-socials a{\r\n display:flex;align-items:center;justify-content:center;\r\n width:46px;height:46px;border-radius:50%;\r\n background:#fff;\r\n box-shadow:0 2px 8px rgba(0,0,0,0.18);\r\n transition:transform 0.2s,box-shadow 0.2s;\r\n overflow:hidden;\r\n}\r\n.footer-socials a:hover{\r\n transform:scale(1.12);\r\n box-shadow:0 4px 16px rgba(0,0,0,0.28);\r\n}\r\n.footer-socials a svg{display:block;width:26px;height:26px;}\r\n\r\n.footer-copy{\r\n font-size:0.75rem;color:#5c7d6a;\r\n border-top:1px solid rgba(255,255,255,0.08);\r\n padding-top:18px;margin-top:4px;width:100%;\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media(max-width:640px){\r\n .projects-grid{grid-template-columns:1fr;}\r\n .hero-content h1{font-size:1.9rem;}\r\n .lb-btn{width:36px;height:36px;font-size:1.3rem;}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"hero\">\r\n <div class=\"hero-bg\"><\/div>\r\n <div class=\"hero-content\">\r\n <h1>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/h1>\r\n <p>\u0e42\u0e2d\u0e01\u0e32\u0e2a\u0e17\u0e2d\u0e07\u0e02\u0e2d\u0e07\u0e04\u0e19\u0e0a\u0e48\u0e32\u0e07\u0e40\u0e25\u0e37\u0e2d\u0e01<\/p>\r\n <div class=\"hero-divider\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"projects-section\">\r\n <div class=\"projects-grid\">\r\n\r\n \r\n <div class=\"card\" onclick=\"openLightbox(0)\">\r\n <div class=\"card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/1\/1.jpg\" alt=\"\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e1e\u0e22\u0e2d\u0e21 \u0e0b\u0e2d\u0e22 7 \u0e40\u0e1f\u0e2a1\"\/>\r\n <\/div>\r\n <div class=\"card-info\">\r\n <div class=\"card-title\">@\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e1e\u0e22\u0e2d\u0e21 \u0e0b\u0e2d\u0e22 7 \u0e40\u0e1f\u0e2a1<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" onclick=\"openLightbox(1)\">\r\n <div class=\"card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/2\/1.jpg\" alt=\"\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e1e\u0e22\u0e2d\u0e21 \u0e0b\u0e2d\u0e22 9 \u0e40\u0e1f\u0e2a2\"\/>\r\n <\/div>\r\n <div class=\"card-info\">\r\n <div class=\"card-title\">@\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e1e\u0e22\u0e2d\u0e21 \u0e0b\u0e2d\u0e22 9 \u0e40\u0e1f\u0e2a2<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" onclick=\"openLightbox(2)\">\r\n <div class=\"card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/3\/1.jpg\" alt=\"\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e01\u0e38\u0e14\u0e19\u0e01\u0e40\u0e1b\u0e25\u0e49\u0e32 \u0e2a\u0e23\u0e30\u0e1a\u0e38\u0e23\u0e35 \u0e40\u0e1f\u0e2a3\"\/>\r\n <\/div>\r\n <div class=\"card-info\">\r\n <div class=\"card-title\">@\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e01\u0e38\u0e14\u0e19\u0e01\u0e40\u0e1b\u0e25\u0e49\u0e32 \u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e40\u0e21\u0e37\u0e2d\u0e07 \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e2a\u0e23\u0e30\u0e1a\u0e38\u0e23\u0e35 \u0e40\u0e1f\u0e2a 3<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" onclick=\"openLightbox(3)\">\r\n <div class=\"card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/4\/1.jpg\" alt=\"\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e1e\u0e22\u0e2d\u0e21 \u0e0b\u0e2d\u0e22 20 \u0e40\u0e1f\u0e2a4\"\/>\r\n <\/div>\r\n <div class=\"card-info\">\r\n <div class=\"card-title\">@\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e1e\u0e22\u0e2d\u0e21 \u0e0b\u0e2d\u0e22 20 \u0e40\u0e1f\u0e2a4<\/div>\r\n <span class=\"card-badge\">\u0e01\u0e33\u0e25\u0e31\u0e07\u0e08\u0e30\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07 5 \u0e2b\u0e25\u0e31\u0e07<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" onclick=\"openLightbox(4)\">\r\n <div class=\"card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/5\/1.jpg\" alt=\"\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e1e\u0e22\u0e2d\u0e21 \u0e0b\u0e2d\u0e22 7 \u0e40\u0e1f\u0e2a5\"\/>\r\n <\/div>\r\n <div class=\"card-info\">\r\n <div class=\"card-title\">@\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e1e\u0e22\u0e2d\u0e21 \u0e0b\u0e2d\u0e22 7 \u0e40\u0e1f\u0e2a5<\/div>\r\n <span class=\"card-badge\">\u0e01\u0e33\u0e25\u0e31\u0e07\u0e08\u0e30\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07 2 \u0e2b\u0e25\u0e31\u0e07<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<div class=\"lightbox-overlay\" id=\"lightbox\">\r\n <div class=\"lightbox-header\">\r\n <div class=\"lightbox-title\" id=\"lb-title\"><\/div>\r\n <button class=\"lightbox-close\" onclick=\"closeLightbox()\">\u2715<\/button>\r\n <\/div>\r\n <div class=\"lightbox-main\">\r\n <button class=\"lb-btn lb-prev\" onclick=\"lbNav(-1)\">‹<\/button>\r\n <div class=\"lightbox-img-wrap\">\r\n <img decoding=\"async\" id=\"lb-img\" src=\"\" alt=\"\"\/>\r\n <\/div>\r\n <button class=\"lb-btn lb-next\" onclick=\"lbNav(1)\">›<\/button>\r\n <\/div>\r\n <div class=\"lightbox-counter\" id=\"lb-counter\"><\/div>\r\n <div class=\"lightbox-thumbs\" id=\"lb-thumbs\"><\/div>\r\n<\/div>\r\n\r\n\r\n<footer>\r\n <div class=\"footer-inner\">\r\n <div class=\"footer-logo\">\r\n <a href=\"https:\/\/www.baanrin.com\" target=\"_blank\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/05\/687766805_1518360206508760_5021425227895214852_n.jpg\"\r\n alt=\"BAANRIN\"\r\n style=\"width:150px;height:150px;object-fit:contain;border-radius:8px;\"\r\n \/>\r\n <\/a>\r\n <\/div>\r\n <div class=\"footer-divider\"><\/div>\r\n <p class=\"footer-address\">\r\n Lam Luk Ka Klong 4 Road, Lat Sawai, Lam Luk ka, Pathumtani 12150<br\/>\r\n \u00a9 RIN MARKETING Corporation Public Company Limited\r\n <\/p>\r\n <div class=\"footer-socials\">\r\n <a href=\"https:\/\/www.facebook.com\/BaanRinRak\" target=\"_blank\" title=\"Facebook\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/facebook\/1877F2\" alt=\"Facebook\" width=\"26\" height=\"26\"\/>\r\n <\/a>\r\n <a href=\"https:\/\/www.youtube.com\/@Baanrinrak\" target=\"_blank\" title=\"YouTube\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/youtube\/FF0000\" alt=\"YouTube\" width=\"26\" height=\"26\"\/>\r\n <\/a>\r\n <a href=\"https:\/\/lin.ee\/RezzTwVC\" target=\"_blank\" title=\"Line\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/line\/06C755\" alt=\"Line\" width=\"26\" height=\"26\"\/>\r\n <\/a>\r\n <a href=\"https:\/\/www.tiktok.com\/@baan.rin.rak\" target=\"_blank\" title=\"TikTok\">\r\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/tiktok\/010101\" alt=\"TikTok\" width=\"26\" height=\"26\"\/>\r\n <\/a>\r\n <\/div>\r\n <p class=\"footer-copy\">BAANRINRAK \u2014 \u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e17\u0e38\u0e01\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23 \u0e17\u0e38\u0e01\u0e04\u0e27\u0e32\u0e21\u0e1d\u0e31\u0e19<\/p>\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\nconst projects = [\r\n {\r\n title: '@\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e1e\u0e22\u0e2d\u0e21 \u0e0b\u0e2d\u0e22 7 \u0e40\u0e1f\u0e2a1',\r\n images: [\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/1\/1.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/1\/2.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/1\/3.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/1\/4.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/1\/5.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/1\/6.jpg',\r\n ]\r\n },\r\n {\r\n title: '@\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e1e\u0e22\u0e2d\u0e21 \u0e0b\u0e2d\u0e22 9 \u0e40\u0e1f\u0e2a2',\r\n images: [\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/2\/1.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/2\/2.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/2\/3.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/2\/4.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/2\/5.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/2\/6.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/2\/7.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/2\/8.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/2\/9.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/2\/10.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/2\/11.jpg',\r\n ]\r\n },\r\n {\r\n title: '@\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e01\u0e38\u0e14\u0e19\u0e01\u0e40\u0e1b\u0e25\u0e49\u0e32 \u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e40\u0e21\u0e37\u0e2d\u0e07 \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e2a\u0e23\u0e30\u0e1a\u0e38\u0e23\u0e35 \u0e40\u0e1f\u0e2a 3',\r\n images: [\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/3\/1.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/3\/2.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/3\/3.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/3\/4.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/3\/5.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/3\/6.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/3\/7.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/3\/8.jpg',\r\n ]\r\n },\r\n {\r\n title: '@\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e1e\u0e22\u0e2d\u0e21 \u0e0b\u0e2d\u0e22 20 \u0e40\u0e1f\u0e2a4',\r\n images: [\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/4\/1.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/4\/2.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/4\/3.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/4\/4.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/4\/5.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/4\/6.jpg',\r\n ]\r\n },\r\n {\r\n title: '@\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e1e\u0e22\u0e2d\u0e21 \u0e0b\u0e2d\u0e22 7 \u0e40\u0e1f\u0e2a5',\r\n images: [\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/5\/1.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/5\/2.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/5\/3.jpg',\r\n 'https:\/\/thehugproperty.com\/wp-content\/uploads\/2026\/allprojects\/5\/4.jpg',\r\n ]\r\n },\r\n];\r\n\r\nlet currentProject = 0;\r\nlet currentImg = 0;\r\n\r\nfunction openLightbox(projectIndex) {\r\n currentProject = projectIndex;\r\n currentImg = 0;\r\n const p = projects[projectIndex];\r\n document.getElementById('lb-title').textContent = p.title;\r\n buildThumbs(p.images);\r\n showImg(0);\r\n document.getElementById('lightbox').classList.add('active');\r\n document.body.style.overflow = 'hidden';\r\n}\r\n\r\nfunction closeLightbox() {\r\n document.getElementById('lightbox').classList.remove('active');\r\n document.body.style.overflow = '';\r\n}\r\n\r\nfunction buildThumbs(images) {\r\n const container = document.getElementById('lb-thumbs');\r\n container.innerHTML = '';\r\n images.forEach((src, i) => {\r\n const img = document.createElement('img');\r\n img.src = src;\r\n img.alt = '';\r\n if (i === 0) img.classList.add('active');\r\n img.onclick = () => showImg(i);\r\n container.appendChild(img);\r\n });\r\n}\r\n\r\nfunction showImg(index) {\r\n const p = projects[currentProject];\r\n currentImg = (index + p.images.length) % p.images.length;\r\n document.getElementById('lb-img').src = p.images[currentImg];\r\n document.getElementById('lb-counter').textContent = (currentImg + 1) + ' \/ ' + p.images.length;\r\n const thumbs = document.querySelectorAll('#lb-thumbs img');\r\n thumbs.forEach((t, i) => t.classList.toggle('active', i === currentImg));\r\n thumbs[currentImg]?.scrollIntoView({behavior:'smooth', block:'nearest', inline:'nearest'});\r\n}\r\n\r\nfunction lbNav(dir) {\r\n showImg(currentImg + dir);\r\n}\r\n\r\n\/\/ \u0e1b\u0e34\u0e14 lightbox \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e04\u0e25\u0e34\u0e01\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\r\ndocument.getElementById('lightbox').addEventListener('click', function(e) {\r\n if (e.target === this) closeLightbox();\r\n});\r\n\r\n\/\/ keyboard navigation\r\ndocument.addEventListener('keydown', function(e) {\r\n if (!document.getElementById('lightbox').classList.contains('active')) return;\r\n if (e.key === 'ArrowRight') lbNav(1);\r\n if (e.key === 'ArrowLeft') lbNav(-1);\r\n if (e.key === 'Escape') closeLightbox();\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 | BAANRIN \u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 \u0e42\u0e2d\u0e01\u0e32\u0e2a\u0e17\u0e2d\u0e07\u0e02\u0e2d\u0e07\u0e04\u0e19\u0e0a\u0e48\u0e32\u0e07\u0e40\u0e25\u0e37\u0e2d\u0e01 @\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e1e\u0e22\u0e2d\u0e21 \u0e0b\u0e2d\u0e22 7 \u0e40\u0e1f\u0e2a1 @\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e1e\u0e22\u0e2d\u0e21 \u0e0b\u0e2d\u0e22 9 \u0e40\u0e1f\u0e2a2 @\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e01\u0e38\u0e14\u0e19\u0e01\u0e40\u0e1b\u0e25\u0e49\u0e32 \u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e40\u0e21\u0e37\u0e2d\u0e07 \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e2a\u0e23\u0e30\u0e1a\u0e38\u0e23\u0e35 \u0e40\u0e1f\u0e2a 3 @\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e1e\u0e22\u0e2d\u0e21 \u0e0b\u0e2d\u0e22 20 \u0e40\u0e1f\u0e2a4 \u0e01\u0e33\u0e25\u0e31\u0e07\u0e08\u0e30\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07 5 \u0e2b\u0e25\u0e31\u0e07 @\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e34\u0e19\u0e23\u0e31\u0e01 \u0e1e\u0e22\u0e2d\u0e21 \u0e0b\u0e2d\u0e22 7 \u0e40\u0e1f\u0e2a5 \u0e01\u0e33\u0e25\u0e31\u0e07\u0e08\u0e30\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07 2 \u0e2b\u0e25\u0e31\u0e07 \u2715 ‹ › Lam Luk Ka Klong 4 Road, Lat Sawai, Lam Luk ka, Pathumtani 12150 \u00a9 RIN […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-297","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thehugproperty.com\/index.php?rest_route=\/wp\/v2\/pages\/297","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thehugproperty.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thehugproperty.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thehugproperty.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thehugproperty.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=297"}],"version-history":[{"count":39,"href":"https:\/\/thehugproperty.com\/index.php?rest_route=\/wp\/v2\/pages\/297\/revisions"}],"predecessor-version":[{"id":345,"href":"https:\/\/thehugproperty.com\/index.php?rest_route=\/wp\/v2\/pages\/297\/revisions\/345"}],"wp:attachment":[{"href":"https:\/\/thehugproperty.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}