\u0e1a\u0e49\u0e32\u0e19\u0e1a\u0e31\u0e19\u0e14\u0e32\u0e25\u0e2a\u0e38\u0e02 4 \u2014 \u0e1a\u0e49\u0e32\u0e19\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e31\u0e49\u0e19\u0e40\u0e14\u0e35\u0e22\u0e27 \u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;600;700&family=Sarabun:wght@300;400;500;600&display=swap\" rel=\"stylesheet\" \/>\n <style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --gold: #C9A84C;\n --gold-light: #E8D08A;\n --gold-dark: #9A7B2E;\n --dark: #1A1A1A;\n --dark2: #2C2C2C;\n --cream: #FAF7F2;\n --white: #FFFFFF;\n --text: #3A3A3A;\n --text-light: #6B6B6B;\n --border: #E8E0D0;\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'Sarabun', sans-serif;\n background: var(--cream);\n color: var(--text);\n line-height: 1.7;\n }\n\n \/* \u2500\u2500\u2500 NAVIGATION \u2500\u2500\u2500 *\/\n nav {\n position: fixed; top: 0; width: 100%; z-index: 1000;\n background: rgba(26, 26, 26, 0.95);\n backdrop-filter: blur(10px);\n padding: 14px 40px;\n display: flex; align-items: center; justify-content: space-between;\n border-bottom: 1px solid rgba(201, 168, 76, 0.3);\n }\n .nav-logo {\n font-family: 'Playfair Display', serif;\n color: var(--gold);\n font-size: 1.2rem;\n letter-spacing: 2px;\n }\n .nav-links { display: flex; gap: 30px; list-style: none; }\n .nav-links a {\n color: rgba(255,255,255,0.8);\n text-decoration: none;\n font-size: 0.88rem;\n letter-spacing: 1px;\n transition: color 0.3s;\n }\n .nav-links a:hover { color: var(--gold); }\n .nav-cta {\n background: var(--gold);\n color: var(--dark);\n padding: 9px 22px;\n border-radius: 2px;\n font-weight: 600;\n font-size: 0.85rem;\n text-decoration: none;\n letter-spacing: 1px;\n transition: background 0.3s;\n }\n .nav-cta:hover { background: var(--gold-light); }\n\n \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n .hero {\n min-height: 100vh;\n position: relative;\n display: flex; align-items: center; justify-content: center;\n overflow: hidden;\n background: var(--dark);\n }\n .hero-bg {\n position: absolute; inset: 0;\n background:\n linear-gradient(to bottom, rgba(26,26,26,0.55) 0%, rgba(26,26,26,0.3) 50%, rgba(26,26,26,0.75) 100%),\n url('https:\/\/bandansuk.com\/wp-content\/uploads\/2026\/07\/P3_2K_\u0e1a\u0e49\u0e32\u0e19\u0e1a\u0e31\u0e19\u0e14\u0e32\u0e25\u0e2a\u0e38\u0e02-\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35-No-Logo-scaled.jpeg') center\/cover no-repeat;\n }\n .hero-bg::after {\n content: '';\n position: absolute; inset: 0;\n background: radial-gradient(ellipse at 60% 40%, rgba(201,168,76,0.08) 0%, transparent 70%);\n }\n .hero-content {\n position: relative; z-index: 2;\n text-align: center;\n padding: 0 20px;\n max-width: 800px;\n }\n .hero-eyebrow {\n color: var(--gold);\n font-size: 0.8rem;\n letter-spacing: 5px;\n text-transform: uppercase;\n margin-bottom: 20px;\n display: flex; align-items: center; justify-content: center; gap: 14px;\n }\n .hero-eyebrow::before, .hero-eyebrow::after {\n content: '';\n width: 40px; height: 1px;\n background: var(--gold);\n }\n .hero-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.8rem, 6vw, 4.5rem);\n color: var(--white);\n line-height: 1.2;\n margin-bottom: 10px;\n }\n .hero-title span { color: var(--gold); }\n .hero-subtitle {\n font-size: 1.1rem;\n color: rgba(255,255,255,0.75);\n margin-bottom: 40px;\n letter-spacing: 0.5px;\n }\n .hero-price-badge {\n display: inline-block;\n border: 1px solid var(--gold);\n padding: 14px 36px;\n margin-bottom: 36px;\n }\n .hero-price-badge .label {\n color: rgba(255,255,255,0.6);\n font-size: 0.78rem;\n letter-spacing: 3px;\n text-transform: uppercase;\n }\n .hero-price-badge .price {\n color: var(--gold-light);\n font-family: 'Playfair Display', serif;\n font-size: 2rem;\n font-weight: 700;\n display: block;\n }\n .hero-buttons { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }\n .btn-primary {\n background: var(--gold);\n color: var(--dark);\n padding: 16px 40px;\n font-weight: 700;\n font-size: 0.95rem;\n text-decoration: none;\n letter-spacing: 1.5px;\n transition: all 0.3s;\n border: 2px solid var(--gold);\n }\n .btn-primary:hover { background: var(--gold-dark); border-color: var(--gold-dark); }\n .btn-outline {\n border: 2px solid rgba(255,255,255,0.5);\n color: var(--white);\n padding: 16px 40px;\n font-size: 0.95rem;\n text-decoration: none;\n letter-spacing: 1.5px;\n transition: all 0.3s;\n }\n .btn-outline:hover { border-color: var(--gold); color: var(--gold); }\n .hero-scroll {\n position: absolute; bottom: 40px; left: 50%;\n transform: translateX(-50%);\n z-index: 2;\n display: flex; flex-direction: column; align-items: center; gap: 8px;\n }\n .hero-scroll span {\n color: rgba(255,255,255,0.5); font-size: 0.7rem; letter-spacing: 3px;\n }\n .scroll-line {\n width: 1px; height: 50px;\n background: linear-gradient(to bottom, var(--gold), transparent);\n animation: scrollAnim 1.8s ease-in-out infinite;\n }\n @keyframes scrollAnim {\n 0%, 100% { opacity: 0.4; transform: scaleY(0.6); }\n 50% { opacity: 1; transform: scaleY(1); }\n }\n\n \/* \u2500\u2500\u2500 SECTIONS BASE \u2500\u2500\u2500 *\/\n section { padding: 90px 20px; }\n .container { max-width: 1100px; margin: 0 auto; }\n .section-eyebrow {\n color: var(--gold);\n font-size: 0.75rem;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 12px;\n display: flex; align-items: center; gap: 12px;\n }\n .section-eyebrow::before {\n content: '';\n width: 30px; height: 1px;\n background: var(--gold);\n }\n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(1.9rem, 4vw, 2.8rem);\n color: var(--dark);\n line-height: 1.3;\n margin-bottom: 16px;\n }\n .section-desc {\n color: var(--text-light);\n font-size: 1rem;\n max-width: 560px;\n margin-bottom: 50px;\n }\n .divider {\n width: 60px; height: 2px;\n background: linear-gradient(to right, var(--gold), var(--gold-light));\n margin: 20px 0;\n }\n\n \/* \u2500\u2500\u2500 USP STRIP \u2500\u2500\u2500 *\/\n .usp-strip {\n background: var(--dark2);\n padding: 0;\n }\n .usp-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n }\n .usp-item {\n padding: 36px 28px;\n border-right: 1px solid rgba(201,168,76,0.2);\n display: flex; gap: 16px; align-items: flex-start;\n }\n .usp-item:last-child { border-right: none; }\n .usp-icon {\n font-size: 1.8rem;\n flex-shrink: 0;\n margin-top: 2px;\n }\n .usp-item h4 {\n color: var(--gold-light);\n font-size: 0.95rem;\n font-weight: 600;\n margin-bottom: 4px;\n }\n .usp-item p {\n color: rgba(255,255,255,0.55);\n font-size: 0.82rem;\n line-height: 1.5;\n }\n\n \/* \u2500\u2500\u2500 ABOUT \/ OVERVIEW \u2500\u2500\u2500 *\/\n .about-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: center;\n }\n .about-image-wrap { position: relative; }\n .about-image-wrap img {\n width: 100%; border-radius: 2px;\n display: block;\n }\n .about-badge {\n position: absolute;\n bottom: -20px; right: -20px;\n background: var(--gold);\n color: var(--dark);\n padding: 22px 24px;\n text-align: center;\n font-weight: 700;\n }\n .about-badge .num {\n font-family: 'Playfair Display', serif;\n font-size: 2rem;\n display: block;\n }\n .about-badge .text { font-size: 0.75rem; letter-spacing: 1px; }\n .about-stats {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n margin-top: 36px;\n }\n .stat-box {\n border: 1px solid var(--border);\n padding: 18px 20px;\n background: var(--white);\n }\n .stat-box .num {\n font-family: 'Playfair Display', serif;\n font-size: 1.6rem;\n color: var(--gold-dark);\n font-weight: 700;\n }\n .stat-box .label {\n font-size: 0.82rem;\n color: var(--text-light);\n margin-top: 2px;\n }\n\n \/* \u2500\u2500\u2500 VIDEO SECTION \u2500\u2500\u2500 *\/\n .video-section {\n background: linear-gradient(160deg, #111 0%, #1e1a14 50%, #111 100%);\n padding: 90px 20px;\n position: relative;\n overflow: hidden;\n }\n .video-section::before {\n content: '';\n position: absolute; inset: 0;\n background: radial-gradient(ellipse at center top, rgba(201,168,76,0.12) 0%, transparent 60%);\n pointer-events: none;\n }\n .video-section .section-title { color: var(--white); text-align: center; }\n .video-section .section-eyebrow { justify-content: center; }\n .video-section .divider { margin: 16px auto 44px; }\n .video-container { max-width: 900px; margin: 0 auto; position: relative; }\n .video-wrap {\n position: relative;\n width: 100%;\n border-radius: 3px;\n overflow: hidden;\n background: #000;\n box-shadow:\n 0 40px 100px rgba(0,0,0,0.8),\n 0 0 0 1px rgba(201,168,76,0.25),\n 0 0 60px rgba(201,168,76,0.06);\n }\n .video-wrap video {\n display: block;\n width: 100%;\n max-height: 560px;\n object-fit: contain;\n background: #000;\n }\n \/* Custom play overlay \u2014 hides once user starts video *\/\n .video-overlay {\n position: absolute; inset: 0;\n display: flex; flex-direction: column;\n align-items: center; justify-content: center;\n background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 100%);\n cursor: pointer;\n transition: opacity 0.4s;\n z-index: 2;\n }\n .video-overlay.hidden { opacity: 0; pointer-events: none; }\n .play-ring {\n width: 88px; height: 88px;\n border-radius: 50%;\n border: 2px solid var(--gold);\n display: flex; align-items: center; justify-content: center;\n background: rgba(201,168,76,0.15);\n backdrop-filter: blur(4px);\n transition: transform 0.3s, background 0.3s, box-shadow 0.3s;\n box-shadow: 0 0 0 0 rgba(201,168,76,0.4);\n animation: pulse 2.4s ease-in-out infinite;\n margin-bottom: 18px;\n }\n .play-ring:hover {\n transform: scale(1.08);\n background: rgba(201,168,76,0.3);\n }\n @keyframes pulse {\n 0%, 100% { box-shadow: 0 0 0 0 rgba(201,168,76,0.4); }\n 50% { box-shadow: 0 0 0 18px rgba(201,168,76,0); }\n }\n .play-triangle {\n width: 0; height: 0;\n border-top: 16px solid transparent;\n border-bottom: 16px solid transparent;\n border-left: 26px solid var(--gold);\n margin-left: 6px;\n }\n .video-overlay-text {\n color: rgba(255,255,255,0.9);\n font-size: 0.9rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n }\n .video-corner-tl, .video-corner-tr, .video-corner-bl, .video-corner-br {\n position: absolute;\n width: 20px; height: 20px;\n z-index: 3; pointer-events: none;\n }\n .video-corner-tl { top: -1px; left: -1px; border-top: 2px solid var(--gold); border-left: 2px solid var(--gold); }\n .video-corner-tr { top: -1px; right: -1px; border-top: 2px solid var(--gold); border-right: 2px solid var(--gold); }\n .video-corner-bl { bottom: -1px; left: -1px; border-bottom: 2px solid var(--gold); border-left: 2px solid var(--gold); }\n .video-corner-br { bottom: -1px; right: -1px; border-bottom: 2px solid var(--gold); border-right: 2px solid var(--gold); }\n .video-caption {\n text-align: center;\n color: rgba(255,255,255,0.3);\n font-size: 0.76rem;\n letter-spacing: 1.5px;\n margin-top: 22px;\n text-transform: uppercase;\n }\n\n \/* \u2500\u2500\u2500 FEATURES \u2500\u2500\u2500 *\/\n .features { background: var(--white); }\n .features-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1px;\n background: var(--border);\n border: 1px solid var(--border);\n }\n .feature-card {\n background: var(--white);\n padding: 40px 32px;\n transition: background 0.3s;\n }\n .feature-card:hover { background: var(--cream); }\n .feature-number {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n color: var(--border);\n line-height: 1;\n margin-bottom: 16px;\n }\n .feature-card h3 {\n font-size: 1.05rem;\n font-weight: 700;\n color: var(--dark);\n margin-bottom: 10px;\n }\n .feature-card p {\n font-size: 0.88rem;\n color: var(--text-light);\n line-height: 1.6;\n }\n .feature-icon { font-size: 1.5rem; margin-bottom: 12px; }\n\n \/* \u2500\u2500\u2500 GALLERY \u2500\u2500\u2500 *\/\n .gallery-grid {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr;\n grid-template-rows: 280px 280px;\n gap: 8px;\n }\n .gallery-item {\n overflow: hidden;\n position: relative;\n }\n .gallery-item:first-child { grid-row: span 2; }\n .gallery-item img {\n width: 100%; height: 100%;\n object-fit: cover;\n transition: transform 0.6s ease;\n display: block;\n }\n .gallery-item:hover img { transform: scale(1.05); }\n .gallery-overlay {\n position: absolute; inset: 0;\n background: linear-gradient(to top, rgba(26,26,26,0.4), transparent);\n opacity: 0; transition: opacity 0.3s;\n }\n .gallery-item:hover .gallery-overlay { opacity: 1; }\n\n \/* \u2500\u2500\u2500 SPECS \u2500\u2500\u2500 *\/\n .specs { background: var(--cream); }\n .specs-layout {\n display: grid;\n grid-template-columns: 1fr 1.2fr;\n gap: 60px;\n align-items: start;\n }\n .spec-list { list-style: none; }\n .spec-list li {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 14px 0;\n border-bottom: 1px solid var(--border);\n font-size: 0.92rem;\n }\n .spec-list li:last-child { border-bottom: none; }\n .spec-label { color: var(--text-light); }\n .spec-value { font-weight: 600; color: var(--dark); }\n .floor-plan-img {\n background: var(--white);\n border: 1px solid var(--border);\n padding: 30px;\n text-align: center;\n }\n .floor-placeholder {\n background: linear-gradient(135deg, #f5f0e8 0%, #ede5d8 100%);\n height: 340px;\n display: flex; flex-direction: column;\n align-items: center; justify-content: center;\n gap: 12px;\n color: var(--text-light);\n }\n .floor-placeholder .icon { font-size: 3rem; opacity: 0.4; }\n .floor-placeholder p { font-size: 0.85rem; }\n\n \/* \u2500\u2500\u2500 PRICE TABLE \u2500\u2500\u2500 *\/\n .pricing { background: var(--dark); }\n .pricing .section-title { color: var(--white); }\n .pricing .section-desc { color: rgba(255,255,255,0.55); }\n .price-table {\n width: 100%;\n border-collapse: collapse;\n }\n .price-table thead tr {\n background: rgba(201,168,76,0.15);\n border-bottom: 1px solid var(--gold-dark);\n }\n .price-table th {\n padding: 16px 20px;\n text-align: left;\n color: var(--gold);\n font-size: 0.78rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n font-weight: 600;\n }\n .price-table td {\n padding: 18px 20px;\n color: rgba(255,255,255,0.8);\n font-size: 0.93rem;\n border-bottom: 1px solid rgba(255,255,255,0.06);\n }\n .price-table tbody tr:hover { background: rgba(201,168,76,0.05); }\n .price-table .plot-name { font-weight: 700; color: var(--white); }\n .price-tag {\n font-family: 'Playfair Display', serif;\n font-size: 1.1rem;\n color: var(--gold-light);\n font-weight: 600;\n }\n .badge-start {\n background: var(--gold);\n color: var(--dark);\n font-size: 0.65rem;\n padding: 3px 8px;\n letter-spacing: 1px;\n font-weight: 700;\n margin-left: 8px;\n vertical-align: middle;\n }\n .badge-corner {\n background: rgba(201,168,76,0.15);\n border: 1px solid var(--gold-dark);\n color: var(--gold);\n font-size: 0.65rem;\n padding: 3px 8px;\n letter-spacing: 1px;\n margin-left: 8px;\n vertical-align: middle;\n }\n .price-note {\n margin-top: 24px;\n padding: 20px 24px;\n border: 1px solid rgba(201,168,76,0.25);\n background: rgba(201,168,76,0.05);\n font-size: 0.85rem;\n color: rgba(255,255,255,0.55);\n }\n .price-note strong { color: var(--gold); }\n\n \/* \u2500\u2500\u2500 LOCATION \u2500\u2500\u2500 *\/\n .location-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 50px;\n align-items: start;\n }\n .location-map-placeholder {\n background: linear-gradient(135deg, #e8e0d0 0%, #d8cfc0 100%);\n height: 400px;\n display: flex; align-items: center; justify-content: center;\n flex-direction: column; gap: 16px;\n border: 1px solid var(--border);\n position: relative;\n overflow: hidden;\n }\n .location-map-placeholder::before {\n content: '';\n position: absolute; inset: 0;\n background: radial-gradient(circle at 40% 45%, rgba(201,168,76,0.15) 0%, transparent 60%);\n }\n .map-pin { font-size: 2.5rem; }\n .map-label {\n font-size: 0.85rem; color: var(--text-light);\n text-align: center; line-height: 1.5;\n }\n .map-cta {\n background: var(--gold);\n color: var(--dark);\n padding: 10px 24px;\n font-weight: 600;\n font-size: 0.82rem;\n text-decoration: none;\n letter-spacing: 1px;\n position: relative; z-index: 1;\n }\n .nearby-list { list-style: none; }\n .nearby-item {\n display: flex; align-items: center;\n gap: 16px;\n padding: 14px 0;\n border-bottom: 1px solid var(--border);\n }\n .nearby-item:last-child { border-bottom: none; }\n .nearby-icon { font-size: 1.3rem; flex-shrink: 0; }\n .nearby-name { font-weight: 600; font-size: 0.9rem; color: var(--dark); }\n .nearby-dist {\n margin-left: auto;\n font-family: 'Playfair Display', serif;\n font-size: 1rem;\n color: var(--gold-dark);\n font-weight: 600;\n }\n .nearby-usp {\n background: rgba(201,168,76,0.08);\n border-left: 3px solid var(--gold);\n padding: 12px 16px;\n font-size: 0.82rem;\n color: var(--gold-dark);\n margin-top: 4px;\n }\n\n \/* \u2500\u2500\u2500 CONTACT \u2500\u2500\u2500 *\/\n .contact {\n background: linear-gradient(135deg, var(--dark) 0%, var(--dark2) 100%);\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n .contact::before {\n content: '';\n position: absolute; inset: 0;\n background: radial-gradient(ellipse at center, rgba(201,168,76,0.12) 0%, transparent 70%);\n }\n .contact .section-title { color: var(--white); }\n .contact .section-desc {\n color: rgba(255,255,255,0.6);\n max-width: 500px;\n margin: 0 auto 50px;\n }\n .contact .section-eyebrow { justify-content: center; }\n .contact-cards {\n display: flex;\n justify-content: center;\n gap: 20px;\n flex-wrap: wrap;\n margin-bottom: 50px;\n position: relative; z-index: 1;\n }\n .contact-card {\n border: 1px solid rgba(201,168,76,0.3);\n padding: 28px 36px;\n text-align: center;\n min-width: 200px;\n background: rgba(255,255,255,0.04);\n transition: border-color 0.3s, background 0.3s;\n }\n .contact-card:hover {\n border-color: var(--gold);\n background: rgba(201,168,76,0.06);\n }\n .contact-card .icon { font-size: 1.8rem; margin-bottom: 10px; }\n .contact-card .channel {\n color: rgba(255,255,255,0.5);\n font-size: 0.72rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n margin-bottom: 4px;\n }\n .contact-card .value {\n color: var(--gold-light);\n font-weight: 600;\n font-size: 1rem;\n text-decoration: none;\n display: block;\n }\n .contact-cta { position: relative; z-index: 1; }\n .big-cta {\n background: var(--gold);\n color: var(--dark);\n padding: 20px 60px;\n font-size: 1.05rem;\n font-weight: 700;\n text-decoration: none;\n letter-spacing: 2px;\n display: inline-block;\n transition: background 0.3s;\n }\n .big-cta:hover { background: var(--gold-light); }\n\n \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\n footer {\n background: #111;\n padding: 40px 20px;\n text-align: center;\n border-top: 1px solid rgba(201,168,76,0.2);\n }\n .footer-logo {\n font-family: 'Playfair Display', serif;\n color: var(--gold);\n font-size: 1.3rem;\n letter-spacing: 3px;\n margin-bottom: 12px;\n }\n .footer-slogan {\n color: rgba(255,255,255,0.4);\n font-size: 0.82rem;\n letter-spacing: 1px;\n margin-bottom: 20px;\n }\n .footer-links {\n display: flex; justify-content: center; gap: 24px;\n list-style: none; margin-bottom: 20px;\n }\n .footer-links a {\n color: rgba(255,255,255,0.4);\n font-size: 0.8rem; text-decoration: none;\n transition: color 0.3s;\n }\n .footer-links a:hover { color: var(--gold); }\n .footer-copy {\n color: rgba(255,255,255,0.2);\n font-size: 0.75rem;\n }\n\n \/* \u2500\u2500\u2500 FLOATING LINE BUTTON \u2500\u2500\u2500 *\/\n .float-line {\n position: fixed;\n bottom: 30px; right: 30px;\n background: #00C300;\n color: white;\n width: 60px; height: 60px;\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 1.5rem;\n text-decoration: none;\n box-shadow: 0 4px 20px rgba(0,195,0,0.4);\n z-index: 2000;\n transition: transform 0.3s, box-shadow 0.3s;\n }\n .float-line:hover {\n transform: scale(1.1);\n box-shadow: 0 6px 28px rgba(0,195,0,0.6);\n }\n .float-line-label {\n position: fixed;\n bottom: 96px; right: 22px;\n background: var(--dark);\n color: var(--white);\n font-size: 0.72rem;\n padding: 4px 10px;\n letter-spacing: 1px;\n z-index: 2000;\n }\n\n \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n @media (max-width: 900px) {\n nav { padding: 14px 20px; }\n .nav-links { display: none; }\n .usp-grid { grid-template-columns: 1fr 1fr; }\n .usp-item { border-bottom: 1px solid rgba(201,168,76,0.15); }\n .about-grid, .specs-layout, .location-grid { grid-template-columns: 1fr; }\n .about-badge { bottom: 10px; right: 10px; }\n .features-grid { grid-template-columns: 1fr 1fr; }\n .gallery-grid {\n grid-template-columns: 1fr 1fr;\n grid-template-rows: auto;\n }\n .gallery-item:first-child { grid-row: span 1; }\n .contact-card { min-width: 160px; }\n }\n @media (max-width: 580px) {\n .usp-grid { grid-template-columns: 1fr; }\n .features-grid { grid-template-columns: 1fr; }\n .gallery-grid { grid-template-columns: 1fr; }\n .about-stats { grid-template-columns: 1fr 1fr; }\n .hero-buttons { flex-direction: column; align-items: center; }\n .contact-cards { flex-direction: column; align-items: center; }\n section { padding: 60px 16px; }\n .video-section { padding: 60px 16px; }\n .play-ring { width: 70px; height: 70px; }\n }\n <\/style>\n<\/head>\n<body>\n\n\n<nav>\n <div class=\"nav-logo\">BAAN BANDANSUK 4<\/div>\n <ul class=\"nav-links\">\n <li><a href=\"#about\">\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/a><\/li>\n <li><a href=\"#video\">\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d<\/a><\/li>\n <li><a href=\"#features\">\u0e08\u0e38\u0e14\u0e40\u0e14\u0e48\u0e19<\/a><\/li>\n <li><a href=\"#pricing\">\u0e23\u0e32\u0e04\u0e32<\/a><\/li>\n <li><a href=\"#location\">\u0e17\u0e33\u0e40\u0e25<\/a><\/li>\n <li><a href=\"#contact\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d<\/a><\/li>\n <\/ul>\n <a href=\"https:\/\/line.me\/ti\/p\/~@bandansuk\" class=\"nav-cta\" target=\"_blank\">\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e17\u0e31\u0e19\u0e17\u0e35<\/a>\n<\/nav>\n\n\n<section class=\"hero\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"hero-content\">\n <div class=\"hero-eyebrow\">\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e31\u0e49\u0e19\u0e40\u0e14\u0e35\u0e22\u0e27 \u00b7 \u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35 \u00b7 6 \u0e41\u0e1b\u0e25\u0e07\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19<\/div>\n <h1 class=\"hero-title\">\u0e1a\u0e49\u0e32\u0e19\u0e1a\u0e31\u0e19\u0e14\u0e32\u0e25\u0e2a\u0e38\u0e02 <span>4<\/span><\/h1>\n <p class=\"hero-subtitle\">\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e38\u0e02\u0e43\u0e2b\u0e49\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e23\u0e31\u0e27 \u0e1a\u0e19\u0e17\u0e33\u0e40\u0e25\u0e17\u0e35\u0e48\u0e14\u0e35\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e43\u0e19\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35<\/p>\n <div class=\"hero-price-badge\">\n <span class=\"label\">\u0e23\u0e32\u0e04\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19<\/span>\n <span class=\"price\">3.xx \u0e25\u0e49\u0e32\u0e19\u0e1a\u0e32\u0e17<\/span>\n <\/div>\n <div class=\"hero-buttons\">\n <a href=\"#contact\" class=\"btn-primary\">\u0e19\u0e31\u0e14\u0e0a\u0e21\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/a>\n <a href=\"#pricing\" class=\"btn-outline\">\u0e14\u0e39\u0e23\u0e32\u0e04\u0e32\u0e17\u0e38\u0e01\u0e41\u0e1b\u0e25\u0e07<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-scroll\">\n <div class=\"scroll-line\"><\/div>\n <span>SCROLL<\/span>\n <\/div>\n<\/section>\n\n\n<section class=\"usp-strip\">\n <div class=\"usp-grid\">\n <div class=\"usp-item\">\n <div class=\"usp-icon\">\ud83c\udfe5<\/div>\n <div>\n <h4>\u0e43\u0e01\u0e25\u0e49 \u0e23\u0e1e.\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35 \u0e40\u0e1e\u0e35\u0e22\u0e07 1.5 \u0e01\u0e21.<\/h4>\n <p>\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e23\u0e31\u0e1a\u0e17\u0e38\u0e01\u0e40\u0e2b\u0e15\u0e38\u0e09\u0e38\u0e01\u0e40\u0e09\u0e34\u0e19 \u0e14\u0e39\u0e41\u0e25\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e23\u0e31\u0e27\u0e44\u0e14\u0e49\u0e17\u0e31\u0e19\u0e17\u0e35<\/p>\n <\/div>\n <\/div>\n <div class=\"usp-item\">\n <div class=\"usp-icon\">\ud83c\udfe1<\/div>\n <div>\n <h4>\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e31\u0e49\u0e19\u0e40\u0e14\u0e35\u0e22\u0e27<\/h4>\n <p>3 \u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e2d\u0e19 2 \u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e49\u0e33 \u0e2a\u0e44\u0e15\u0e25\u0e4c Contemporary \u0e14\u0e39\u0e41\u0e25\u0e07\u0e48\u0e32\u0e22<\/p>\n <\/div>\n <\/div>\n <div class=\"usp-item\">\n <div class=\"usp-icon\">\u2728<\/div>\n <div>\n <h4>\u0e44\u0e21\u0e48\u0e21\u0e35\u0e04\u0e48\u0e32\u0e2a\u0e48\u0e27\u0e19\u0e01\u0e25\u0e32\u0e07\u0e15\u0e25\u0e2d\u0e14\u0e0a\u0e35\u0e27\u0e34\u0e15<\/h4>\n <p>\u0e2a\u0e31\u0e07\u0e04\u0e21\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27 6 \u0e41\u0e1b\u0e25\u0e07 \u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e08\u0e48\u0e32\u0e22\u0e04\u0e48\u0e32\u0e2a\u0e48\u0e27\u0e19\u0e01\u0e25\u0e32\u0e07\u0e23\u0e32\u0e22\u0e40\u0e14\u0e37\u0e2d\u0e19<\/p>\n <\/div>\n <\/div>\n <div class=\"usp-item\">\n <div class=\"usp-icon\">\ud83d\ude97<\/div>\n <div>\n <h4>\u0e08\u0e2d\u0e14\u0e23\u0e16 2 \u0e04\u0e31\u0e19<\/h4>\n <p>\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e08\u0e2d\u0e14\u0e23\u0e16\u0e01\u0e27\u0e49\u0e32\u0e07 \u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e23\u0e31\u0e27\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e2b\u0e25\u0e32\u0e22\u0e04\u0e31\u0e19<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"about\">\n <div class=\"container\">\n <div class=\"about-grid\">\n <div class=\"about-image-wrap\">\n <img decoding=\"async\" src=\"https:\/\/bandansuk.com\/wp-content\/uploads\/2026\/07\/\u0e1c\u0e31\u0e07\u0e41\u0e1b\u0e25\u0e07.jpg_202607012117.jpeg\" alt=\"\u0e1a\u0e49\u0e32\u0e19\u0e1a\u0e31\u0e19\u0e14\u0e32\u0e25\u0e2a\u0e38\u0e02 4\" \/>\n <div class=\"about-badge\">\n <span class=\"num\">6<\/span>\n <span class=\"text\">\u0e41\u0e1b\u0e25\u0e07\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19<\/span>\n <\/div>\n <\/div>\n <div>\n <div class=\"section-eyebrow\">\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/div>\n <h2 class=\"section-title\">\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e2a\u0e44\u0e15\u0e25\u0e4c Contemporary<br\/>\u0e43\u0e08\u0e01\u0e25\u0e32\u0e07\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35<\/h2>\n <div class=\"divider\"><\/div>\n <p style=\"color: var(--text-light); line-height: 1.8; margin-bottom: 20px;\">\n \u0e1a\u0e49\u0e32\u0e19\u0e1a\u0e31\u0e19\u0e14\u0e32\u0e25\u0e2a\u0e38\u0e02 4 \u0e04\u0e37\u0e2d\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e31\u0e49\u0e19\u0e40\u0e14\u0e35\u0e22\u0e27\u0e43\u0e19\u0e2a\u0e31\u0e07\u0e04\u0e21\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27 \u0e40\u0e1e\u0e35\u0e22\u0e07 6 \u0e41\u0e1b\u0e25\u0e07\n \u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e2a\u0e44\u0e15\u0e25\u0e4c Contemporary \u0e17\u0e35\u0e48\u0e40\u0e19\u0e49\u0e19\u0e04\u0e27\u0e32\u0e21\u0e42\u0e1b\u0e23\u0e48\u0e07 \u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e07\u0e48\u0e32\u0e22 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e23\u0e31\u0e27\u0e23\u0e38\u0e48\u0e19\u0e43\u0e2b\u0e21\u0e48\n \u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27 \u0e43\u0e19\u0e17\u0e33\u0e40\u0e25\u0e17\u0e35\u0e48\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e2a\u0e34\u0e48\u0e07\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e44\u0e14\u0e49\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\n <\/p>\n <p style=\"color: var(--text-light); line-height: 1.8; margin-bottom: 30px;\">\n \u0e15\u0e31\u0e49\u0e07\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19\u0e40\u0e02\u0e15\u0e40\u0e21\u0e37\u0e2d\u0e07\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35 \u0e2b\u0e48\u0e32\u0e07\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35\u0e40\u0e1e\u0e35\u0e22\u0e07 1.5 \u0e01\u0e21. \u0e43\u0e01\u0e25\u0e49\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e33\n \u0e2b\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e1e\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32 \u0e41\u0e25\u0e30\u0e17\u0e38\u0e01\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e35\u0e48\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e23\u0e31\u0e27\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\n <\/p>\n <div class=\"about-stats\">\n <div class=\"stat-box\">\n <div class=\"num\">3<\/div>\n <div class=\"label\">\u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e2d\u0e19<\/div>\n <\/div>\n <div class=\"stat-box\">\n <div class=\"num\">2<\/div>\n <div class=\"label\">\u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e49\u0e33<\/div>\n <\/div>\n <div class=\"stat-box\">\n <div class=\"num\">64\u2013101<\/div>\n <div class=\"label\">\u0e15\u0e23.\u0e27\u0e32<\/div>\n <\/div>\n <div class=\"stat-box\">\n <div class=\"num\">6<\/div>\n <div class=\"label\">\u0e41\u0e1b\u0e25\u0e07\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"video-section\" id=\"video\">\n <div class=\"video-container\">\n <div class=\"section-eyebrow\">\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e42\u0e1b\u0e23\u0e42\u0e21\u0e17<\/div>\n <h2 class=\"section-title\">\u0e0a\u0e21\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e1a\u0e49\u0e32\u0e19\u0e1a\u0e31\u0e19\u0e14\u0e32\u0e25\u0e2a\u0e38\u0e02 4<\/h2>\n <div class=\"divider\"><\/div>\n\n <div class=\"video-wrap\">\n \n <div class=\"video-corner-tl\"><\/div>\n <div class=\"video-corner-tr\"><\/div>\n <div class=\"video-corner-bl\"><\/div>\n <div class=\"video-corner-br\"><\/div>\n\n <video\n id=\"promoVideo\"\n src=\"https:\/\/bandansuk.com\/wp-content\/uploads\/2026\/07\/Clip-\u0e42\u0e1b\u0e23\u0e42\u0e21\u0e17-\u0e1a\u0e49\u0e32\u0e19\u0e1a\u0e31\u0e19\u0e14\u0e32\u0e25\u0e2a\u0e38\u0e024.mp4\"\n controls\n playsinline\n preload=\"metadata\"\n ><\/video>\n\n \n <div class=\"video-overlay\" id=\"videoOverlay\" onclick=\"playVideo()\">\n <div class=\"play-ring\">\n <div class=\"play-triangle\"><\/div>\n <\/div>\n <div class=\"video-overlay-text\">\u0e01\u0e14\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e0a\u0e21\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e42\u0e1b\u0e23\u0e42\u0e21\u0e17\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/div>\n <\/div>\n <\/div>\n\n <p class=\"video-caption\">\u0e1a\u0e49\u0e32\u0e19\u0e1a\u0e31\u0e19\u0e14\u0e32\u0e25\u0e2a\u0e38\u0e02 4 \u00b7 \u0e1a\u0e49\u0e32\u0e19\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e31\u0e49\u0e19\u0e40\u0e14\u0e35\u0e22\u0e27 \u0e2a\u0e44\u0e15\u0e25\u0e4c Contemporary \u00b7 \u0e40\u0e21\u0e37\u0e2d\u0e07\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35 \u0e08.\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35<\/p>\n <\/div>\n<\/section>\n\n<script>\n function playVideo() {\n const video = document.getElementById('promoVideo');\n const overlay = document.getElementById('videoOverlay');\n video.play();\n overlay.classList.add('hidden');\n }\n \/\/ Hide overlay when user uses native controls to play\n document.getElementById('promoVideo').addEventListener('play', function() {\n document.getElementById('videoOverlay').classList.add('hidden');\n });\n \/\/ Show overlay again if video ends\n document.getElementById('promoVideo').addEventListener('ended', function() {\n document.getElementById('videoOverlay').classList.remove('hidden');\n });\n<\/script>\n\n\n\n<section class=\"features\" id=\"features\">\n <div class=\"container\">\n <div class=\"section-eyebrow\">\u0e08\u0e38\u0e14\u0e40\u0e14\u0e48\u0e19<\/div>\n <h2 class=\"section-title\">\u0e17\u0e33\u0e44\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e1a\u0e49\u0e32\u0e19\u0e1a\u0e31\u0e19\u0e14\u0e32\u0e25\u0e2a\u0e38\u0e02 4<\/h2>\n <div class=\"divider\"><\/div>\n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <div class=\"feature-number\">01<\/div>\n <div class=\"feature-icon\">\ud83c\udfe5<\/div>\n <h3>\u0e43\u0e01\u0e25\u0e49\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e33<\/h3>\n <p>\u0e23\u0e1e.\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35 1.5 \u0e01\u0e21. \u00b7 \u0e23\u0e1e.\u0e08\u0e38\u0e2c\u0e32\u0e23\u0e31\u0e15\u0e19\u0e4c 2.5 \u0e01\u0e21. \u00b7 \u0e23\u0e1e.\u0e2a\u0e21\u0e34\u0e15\u0e34\u0e40\u0e27\u0e0a 3.5 \u0e01\u0e21. \u0e14\u0e39\u0e41\u0e25\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e23\u0e31\u0e27\u0e44\u0e14\u0e49\u0e17\u0e31\u0e19\u0e40\u0e27\u0e25\u0e32<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-number\">02<\/div>\n <div class=\"feature-icon\">\ud83c\udfeb<\/div>\n <h3>\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e14\u0e35\u0e43\u0e01\u0e25\u0e49\u0e1a\u0e49\u0e32\u0e19<\/h3>\n <p>\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e0a\u0e25\u0e23\u0e32\u0e29\u0e0e\u0e23\u0e4c\u0e2d\u0e33\u0e23\u0e38\u0e07 \u0e40\u0e1e\u0e35\u0e22\u0e07 2.5 \u0e01\u0e21. \u0e27\u0e32\u0e07\u0e43\u0e08\u0e44\u0e14\u0e49\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e02\u0e2d\u0e07\u0e25\u0e39\u0e01<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-number\">03<\/div>\n <div class=\"feature-icon\">\ud83d\uded2<\/div>\n <h3>\u0e04\u0e23\u0e1a\u0e04\u0e23\u0e31\u0e19\u0e2a\u0e34\u0e48\u0e07\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01<\/h3>\n <p>\u0e42\u0e25\u0e15\u0e31\u0e2a\u0e1a\u0e49\u0e32\u0e19\u0e2a\u0e27\u0e19 2.5 \u0e01\u0e21. \u00b7 \u0e40\u0e0b\u0e47\u0e19\u0e17\u0e23\u0e31\u0e25\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35 5 \u0e01\u0e21. \u00b7 \u0e15\u0e25\u0e32\u0e14 \u0e23\u0e49\u0e32\u0e19\u0e04\u0e49\u0e32\u0e04\u0e23\u0e1a<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-number\">04<\/div>\n <div class=\"feature-icon\">\ud83d\udd12<\/div>\n <h3>\u0e2a\u0e31\u0e07\u0e04\u0e21\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27 \u0e40\u0e1e\u0e35\u0e22\u0e07 6 \u0e2b\u0e25\u0e31\u0e07<\/h3>\n <p>\u0e44\u0e21\u0e48\u0e41\u0e2d\u0e2d\u0e31\u0e14 \u0e2a\u0e07\u0e1a \u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27 \u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e21\u0e35\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e43\u0e19\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e40\u0e25\u0e47\u0e01\u0e46 \u0e17\u0e35\u0e48\u0e23\u0e39\u0e49\u0e08\u0e31\u0e01\u0e01\u0e31\u0e19<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-number\">05<\/div>\n <div class=\"feature-icon\">\ud83d\udcb0<\/div>\n <h3>\u0e44\u0e21\u0e48\u0e21\u0e35\u0e04\u0e48\u0e32\u0e2a\u0e48\u0e27\u0e19\u0e01\u0e25\u0e32\u0e07<\/h3>\n <p>\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14\u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22\u0e23\u0e32\u0e22\u0e40\u0e14\u0e37\u0e2d\u0e19 \u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e08\u0e48\u0e32\u0e22\u0e04\u0e48\u0e32\u0e2a\u0e48\u0e27\u0e19\u0e01\u0e25\u0e32\u0e07\u0e15\u0e25\u0e2d\u0e14\u0e0a\u0e35\u0e27\u0e34\u0e15<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-number\">06<\/div>\n <div class=\"feature-icon\">\ud83c\udfa8<\/div>\n <h3>\u0e14\u0e35\u0e44\u0e0b\u0e19\u0e4c Contemporary<\/h3>\n <p>\u0e2a\u0e16\u0e32\u0e1b\u0e31\u0e15\u0e22\u0e01\u0e23\u0e23\u0e21\u0e17\u0e31\u0e19\u0e2a\u0e21\u0e31\u0e22 \u0e40\u0e2a\u0e49\u0e19\u0e2a\u0e30\u0e2d\u0e32\u0e14 \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e04\u0e23\u0e1a \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e17\u0e31\u0e49\u0e07\u0e01\u0e32\u0e23\u0e2d\u0e22\u0e39\u0e48\u0e2d\u0e32\u0e28\u0e31\u0e22\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section style=\"padding: 0; background: var(--dark2);\">\n <div class=\"gallery-grid\">\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/bandansuk.com\/wp-content\/uploads\/2026\/07\/\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35-\u0e1a\u0e31\u0e19\u0e14\u0e32\u0e25\u0e2a\u0e38\u0e0202.jpg\" alt=\"\u0e20\u0e32\u0e1e\u0e1a\u0e49\u0e32\u0e19\" \/>\n <div class=\"gallery-overlay\"><\/div>\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/bandansuk.com\/wp-content\/uploads\/2026\/07\/\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35-\u0e1a\u0e31\u0e19\u0e14\u0e32\u0e25\u0e2a\u0e38\u0e0204.jpg\" alt=\"\u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e31\u0e48\u0e07\u0e40\u0e25\u0e48\u0e19\" \/>\n <div class=\"gallery-overlay\"><\/div>\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/bandansuk.com\/wp-content\/uploads\/2026\/07\/\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35-\u0e1a\u0e31\u0e19\u0e14\u0e32\u0e25\u0e2a\u0e38\u0e0201.jpg\" alt=\"\u0e2b\u0e49\u0e2d\u0e07\u0e04\u0e23\u0e31\u0e27\" \/>\n <div class=\"gallery-overlay\"><\/div>\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/bandansuk.com\/wp-content\/uploads\/2026\/07\/\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35-\u0e1a\u0e31\u0e19\u0e14\u0e32\u0e25\u0e2a\u0e38\u0e0203.jpg\" alt=\"\u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e2d\u0e19\" \/>\n <div class=\"gallery-overlay\"><\/div>\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/bandansuk.com\/wp-content\/uploads\/2026\/07\/\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35-\u0e1a\u0e31\u0e19\u0e14\u0e32\u0e25\u0e2a\u0e38\u0e0205.jpg\" alt=\"\u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e49\u0e33\" \/>\n <div class=\"gallery-overlay\"><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"specs\" id=\"specs\">\n <div class=\"container\">\n <div class=\"section-eyebrow\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/div>\n <h2 class=\"section-title\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e08\u0e33\u0e40\u0e1e\u0e32\u0e30\u0e41\u0e25\u0e30\u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19<\/h2>\n <div class=\"divider\" style=\"margin-bottom: 50px;\"><\/div>\n <div class=\"specs-layout\">\n <div>\n <ul class=\"spec-list\">\n <li>\n <span class=\"spec-label\">\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e1a\u0e49\u0e32\u0e19<\/span>\n <span class=\"spec-value\">\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e31\u0e49\u0e19\u0e40\u0e14\u0e35\u0e22\u0e27<\/span>\n <\/li>\n <li>\n <span class=\"spec-label\">\u0e2a\u0e44\u0e15\u0e25\u0e4c<\/span>\n <span class=\"spec-value\">Contemporary<\/span>\n <\/li>\n <li>\n <span class=\"spec-label\">\u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e2d\u0e19<\/span>\n <span class=\"spec-value\">3 \u0e2b\u0e49\u0e2d\u0e07<\/span>\n <\/li>\n <li>\n <span class=\"spec-label\">\u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e49\u0e33<\/span>\n <span class=\"spec-value\">2 \u0e2b\u0e49\u0e2d\u0e07<\/span>\n <\/li>\n <li>\n <span class=\"spec-label\">\u0e17\u0e35\u0e48\u0e08\u0e2d\u0e14\u0e23\u0e16<\/span>\n <span class=\"spec-value\">2 \u0e04\u0e31\u0e19<\/span>\n <\/li>\n <li>\n <span class=\"spec-label\">\u0e08\u0e33\u0e19\u0e27\u0e19\u0e41\u0e1b\u0e25\u0e07<\/span>\n <span class=\"spec-value\">6 \u0e41\u0e1b\u0e25\u0e07 (A1\u2013A6)<\/span>\n <\/li>\n <li>\n <span class=\"spec-label\">\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e14\u0e34\u0e19<\/span>\n <span class=\"spec-value\">64.99 \u2013 101.83 \u0e15\u0e23.\u0e27\u0e32<\/span>\n <\/li>\n <li>\n <span class=\"spec-label\">\u0e04\u0e48\u0e32\u0e2a\u0e48\u0e27\u0e19\u0e01\u0e25\u0e32\u0e07<\/span>\n <span class=\"spec-value\">\u0e44\u0e21\u0e48\u0e21\u0e35\u0e15\u0e25\u0e2d\u0e14\u0e0a\u0e35\u0e27\u0e34\u0e15 \ud83c\udf89<\/span>\n <\/li>\n <li>\n <span class=\"spec-label\">\u0e23\u0e32\u0e04\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19<\/span>\n <span class=\"spec-value\" style=\"color: var(--gold-dark);\">3.xx \u0e25\u0e49\u0e32\u0e19\u0e1a\u0e32\u0e17<\/span>\n <\/li>\n <li>\n <span class=\"spec-label\">\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e48\u0e27\u0e19\u0e40\u0e01\u0e34\u0e19<\/span>\n <span class=\"spec-value\">30,000 \u0e1a\u0e32\u0e17 \/ \u0e15\u0e23.\u0e27\u0e32<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"floor-plan-img\">\n <div class=\"floor-placeholder\">\n <div class=\"icon\">\ud83c\udfe0<\/div>\n <p>\u0e41\u0e1a\u0e1a\u0e41\u0e1b\u0e25\u0e19\u0e1a\u0e49\u0e32\u0e19\u0e41\u0e25\u0e30\u0e1c\u0e31\u0e07\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/p>\n <p style=\"font-size: 0.75rem; margin-top: 4px;\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e23\u0e31\u0e1a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21<\/p>\n <a href=\"https:\/\/line.me\/ti\/p\/~@bandansuk\" target=\"_blank\" style=\"margin-top: 12px; background: var(--gold); color: var(--dark); padding: 10px 24px; text-decoration: none; font-size: 0.82rem; font-weight: 600;\">\u0e02\u0e2d\u0e23\u0e31\u0e1a\u0e41\u0e1a\u0e1a\u0e1a\u0e49\u0e32\u0e19<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"pricing\" id=\"pricing\">\n <div class=\"container\">\n <div class=\"section-eyebrow\" style=\"color: var(--gold);\">\n <span style=\"width:30px;height:1px;background:var(--gold);display:inline-block;\"><\/span>\n \u0e23\u0e32\u0e04\u0e32\u0e02\u0e32\u0e22\n <\/div>\n <h2 class=\"section-title\">\u0e23\u0e32\u0e04\u0e32\u0e17\u0e38\u0e01\u0e41\u0e1b\u0e25\u0e07<\/h2>\n <p class=\"section-desc\">\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e41\u0e1b\u0e25\u0e07\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e48\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22 \u0e21\u0e35\u0e40\u0e1e\u0e35\u0e22\u0e07 6 \u0e41\u0e1b\u0e25\u0e07\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19<\/p>\n <table class=\"price-table\">\n <thead>\n <tr>\n <th>\u0e41\u0e1b\u0e25\u0e07<\/th>\n <th>\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e17\u0e35\u0e48<\/th>\n <th>\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td class=\"plot-name\">A1<\/td>\n <td>101.83 \u0e15\u0e23.\u0e27\u0e32<\/td>\n <td>\u0e41\u0e1b\u0e25\u0e07\u0e43\u0e2b\u0e0d\u0e48\u0e2a\u0e38\u0e14<\/td>\n <\/tr>\n <tr>\n <td class=\"plot-name\">A2<\/td>\n <td>64.99 \u0e15\u0e23.\u0e27\u0e32<\/td>\n <td>\u2014<\/td>\n <\/tr>\n <tr>\n <td class=\"plot-name\">A3<\/td>\n <td>81.79 \u0e15\u0e23.\u0e27\u0e32<\/td>\n <td>\u2014<\/td>\n <\/tr>\n <tr>\n <td class=\"plot-name\">A4<\/td>\n <td>75.99 \u0e15\u0e23.\u0e27\u0e32<\/td>\n <td>\u2014<\/td>\n <\/tr>\n <tr>\n <td class=\"plot-name\">A5<\/td>\n <td>66.37 \u0e15\u0e23.\u0e27\u0e32<\/td>\n <td>\u2014<\/td>\n <\/tr>\n <tr>\n <td class=\"plot-name\">A6<\/td>\n <td>69.19 \u0e15\u0e23.\u0e27\u0e32<\/td>\n <td>\u0e41\u0e1b\u0e25\u0e07\u0e21\u0e38\u0e21 \u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e1e\u0e34\u0e40\u0e28\u0e29<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <div class=\"price-note\">\n <strong>\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38:<\/strong> \u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e48\u0e27\u0e19\u0e40\u0e01\u0e34\u0e19\u0e08\u0e32\u0e01\u0e41\u0e1a\u0e1a\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19 \u0e04\u0e34\u0e14\u0e40\u0e1e\u0e34\u0e48\u0e21 <strong>30,000 \u0e1a\u0e32\u0e17\/\u0e15\u0e23.\u0e27\u0e32<\/strong>\n \u00b7 \u0e23\u0e32\u0e04\u0e32\u0e14\u0e31\u0e07\u0e01\u0e25\u0e48\u0e32\u0e27\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e23\u0e27\u0e21\u0e04\u0e48\u0e32\u0e42\u0e2d\u0e19\u0e41\u0e25\u0e30\u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22\u0e2d\u0e37\u0e48\u0e19\u0e46\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"location\">\n <div class=\"container\">\n <div class=\"section-eyebrow\">\u0e17\u0e33\u0e40\u0e25<\/div>\n <h2 class=\"section-title\">\u0e17\u0e33\u0e40\u0e25\u0e17\u0e2d\u0e07\u0e43\u0e08\u0e01\u0e25\u0e32\u0e07\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35<\/h2>\n <div class=\"divider\" style=\"margin-bottom: 50px;\"><\/div>\n <div class=\"location-grid\">\n <div>\n <div class=\"location-map-placeholder\">\n <div class=\"map-pin\">\ud83d\udccd<\/div>\n <div class=\"map-label\">\n <strong style=\"color: var(--text);\">\u0e1a\u0e49\u0e32\u0e19\u0e1a\u0e31\u0e19\u0e14\u0e32\u0e25\u0e2a\u0e38\u0e02 4<\/strong><br\/>\n \u0e40\u0e02\u0e15\u0e40\u0e21\u0e37\u0e2d\u0e07\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35 \u0e08.\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35\n <\/div>\n <a href=\"https:\/\/maps.app.goo.gl\/qc37XDUxGzBuVmRB7\" target=\"_blank\" class=\"map-cta\">\u0e14\u0e39\u0e43\u0e19 Google Maps \u2192<\/a>\n <\/div>\n <\/div>\n <div>\n <div class=\"nearby-usp\" style=\"margin-bottom: 20px;\">\n \u2b50 USP \u0e2b\u0e25\u0e31\u0e01 \u2014 \u0e43\u0e01\u0e25\u0e49\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e43\u0e19\u0e1a\u0e23\u0e23\u0e14\u0e32\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e43\u0e19\u0e22\u0e48\u0e32\u0e19\u0e19\u0e35\u0e49\n <\/div>\n <ul class=\"nearby-list\">\n <li class=\"nearby-item\">\n <span class=\"nearby-icon\">\ud83c\udfe5<\/span>\n <div><div class=\"nearby-name\">\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35<\/div><\/div>\n <span class=\"nearby-dist\">1.5 \u0e01\u0e21.<\/span>\n <\/li>\n <li class=\"nearby-item\">\n <span class=\"nearby-icon\">\ud83c\udfeb<\/span>\n <div><div class=\"nearby-name\">\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e0a\u0e25\u0e23\u0e32\u0e29\u0e0e\u0e23\u0e4c\u0e2d\u0e33\u0e23\u0e38\u0e07<\/div><\/div>\n <span class=\"nearby-dist\">2.5 \u0e01\u0e21.<\/span>\n <\/li>\n <li class=\"nearby-item\">\n <span class=\"nearby-icon\">\ud83d\uded2<\/span>\n <div><div class=\"nearby-name\">\u0e42\u0e25\u0e15\u0e31\u0e2a\u0e1a\u0e49\u0e32\u0e19\u0e2a\u0e27\u0e19<\/div><\/div>\n <span class=\"nearby-dist\">2.5 \u0e01\u0e21.<\/span>\n <\/li>\n <li class=\"nearby-item\">\n <span class=\"nearby-icon\">\ud83c\udfe5<\/span>\n <div><div class=\"nearby-name\">\u0e23\u0e1e.\u0e08\u0e38\u0e2c\u0e32\u0e23\u0e31\u0e15\u0e19\u0e4c\u0e0a\u0e25\u0e40\u0e27\u0e0a<\/div><\/div>\n <span class=\"nearby-dist\">2.5 \u0e01\u0e21.<\/span>\n <\/li>\n <li class=\"nearby-item\">\n <span class=\"nearby-icon\">\ud83c\udfe5<\/span>\n <div><div class=\"nearby-name\">\u0e23\u0e1e.\u0e2a\u0e21\u0e34\u0e15\u0e34\u0e40\u0e27\u0e0a\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35<\/div><\/div>\n <span class=\"nearby-dist\">3.5 \u0e01\u0e21.<\/span>\n <\/li>\n <li class=\"nearby-item\">\n <span class=\"nearby-icon\">\ud83c\udfec<\/span>\n <div><div class=\"nearby-name\">\u0e40\u0e0b\u0e47\u0e19\u0e17\u0e23\u0e31\u0e25\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35<\/div><\/div>\n <span class=\"nearby-dist\">5.0 \u0e01\u0e21.<\/span>\n <\/li>\n <li class=\"nearby-item\">\n <span class=\"nearby-icon\">\ud83d\ude89<\/span>\n <div><div class=\"nearby-name\">\u0e2a\u0e16\u0e32\u0e19\u0e35\u0e23\u0e16\u0e44\u0e1f\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35<\/div><\/div>\n <span class=\"nearby-dist\">4.0 \u0e01\u0e21.<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d23603.49811413982!2d100.9786941122258!3d13.356617323236597!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x311d3550f58381ad%3A0xbfa44d50dce87932!2z4LmC4LiE4Lij4LiH4LiB4Liy4Lij4Lia4LmJ4Liy4LiZIOC4muC5ieC4suC4meC4lOC4suC4peC4quC4uOC4giA0IOC4muC5ieC4suC4meC4quC4p-C4mSDguIrguKXguJrguLjguKPguLU!5e0!3m2!1sen!2sth!4v1783263009751!5m2!1sen!2sth\" width=\"1920\" height=\"600\" style=\"border:0;display:block;margin-top:60px;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe>\n<\/section>\n\n\n<section class=\"contact\" id=\"contact\">\n <div class=\"container\">\n <div class=\"section-eyebrow\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32<\/div>\n <h2 class=\"section-title\" style=\"margin-bottom: 12px;\">\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e1e\u0e32\u0e04\u0e38\u0e13\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21\u0e0a\u0e21\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/h2>\n <p class=\"section-desc\">\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e23\u0e32\u0e04\u0e32 \u0e02\u0e2d\u0e23\u0e31\u0e1a\u0e41\u0e1a\u0e1a\u0e1a\u0e49\u0e32\u0e19 \u0e2b\u0e23\u0e37\u0e2d\u0e19\u0e31\u0e14\u0e0a\u0e21\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e44\u0e14\u0e49\u0e17\u0e31\u0e19\u0e17\u0e35<\/p>\n <div class=\"contact-cards\">\n <div class=\"contact-card\">\n <div class=\"icon\">\ud83d\udcac<\/div>\n <div class=\"channel\">LINE<\/div>\n <a href=\"https:\/\/line.me\/ti\/p\/~@bandansuk\" class=\"value\" target=\"_blank\">@bandansuk<\/a>\n <\/div>\n <div class=\"contact-card\">\n <div class=\"icon\">\ud83d\udcde<\/div>\n <div class=\"channel\">\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c<\/div>\n <a href=\"tel:0953245639\" class=\"value\">095-324-5639<\/a>\n <\/div>\n <div class=\"contact-card\">\n <div class=\"icon\">\ud83d\udcd8<\/div>\n <div class=\"channel\">Facebook<\/div>\n <a href=\"https:\/\/www.facebook.com\/baanbandansuk\" class=\"value\" target=\"_blank\">baanbandansuk<\/a>\n <\/div>\n <\/div>\n <div class=\"contact-cta\">\n <a href=\"https:\/\/line.me\/ti\/p\/~@bandansuk\" class=\"big-cta\" target=\"_blank\">LINE: @BANDANSUK \u2014 \u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e15\u0e2d\u0e19\u0e19\u0e35\u0e49<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"footer-logo\">BAAN BANDANSUK 4<\/div>\n <div class=\"footer-slogan\">\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e38\u0e02\u0e43\u0e2b\u0e49\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e23\u0e31\u0e27 \u0e1a\u0e19\u0e17\u0e33\u0e40\u0e25\u0e17\u0e35\u0e48\u0e14\u0e35\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e43\u0e19\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35<\/div>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/www.facebook.com\/baanbandansuk\" target=\"_blank\">Facebook<\/a><\/li>\n <li><a href=\"https:\/\/line.me\/ti\/p\/~@bandansuk\" target=\"_blank\">LINE<\/a><\/li>\n <li><a href=\"tel:0953245639\">095-324-5639<\/a><\/li>\n <\/ul>\n <div class=\"footer-copy\">\u00a9 2026 \u0e1a\u0e49\u0e32\u0e19\u0e1a\u0e31\u0e19\u0e14\u0e32\u0e25\u0e2a\u0e38\u0e02 4 \u00b7 \u0e40\u0e21\u0e37\u0e2d\u0e07\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35 \u0e08.\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35<\/div>\n<\/footer>\n\n\n<div class=\"float-line-label\">\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e17\u0e32\u0e07 LINE<\/div>\n<a href=\"https:\/\/line.me\/ti\/p\/~@bandansuk\" class=\"float-line\" target=\"_blank\">\ud83d\udcac<\/a>\n\n<\/body>\n<\/html>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-blank-landingpage.php","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bandansuk.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bandansuk.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bandansuk.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bandansuk.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bandansuk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":15,"href":"https:\/\/bandansuk.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":44,"href":"https:\/\/bandansuk.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/44"}],"wp:attachment":[{"href":"https:\/\/bandansuk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":6,"date":"2026-06-29T14:00:17","date_gmt":"2026-06-29T14:00:17","guid":{"rendered":"https:\/\/bandansuk.com\/?page_id=6"},"modified":"2026-07-11T13:21:19","modified_gmt":"2026-07-11T13:21:19","slug":"6-2","status":"publish","type":"page","link":"https:\/\/bandansuk.com\/","title":{"rendered":"\u0e1a\u0e49\u0e32\u0e19\u0e1a\u0e31\u0e19\u0e14\u0e32\u0e25\u0e2a\u0e38\u0e02"},"content":{"rendered":"\n\n\n\n\n\n \n \n \u0e1a\u0e49\u0e32\u0e19\u0e1a\u0e31\u0e19\u0e14\u0e32\u0e25\u0e2a\u0e38\u0e02 4 \u2014 \u0e1a\u0e49\u0e32\u0e19\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e31\u0e49\u0e19\u0e40\u0e14\u0e35\u0e22\u0e27 \u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;600;700&family=Sarabun:wght@300;400;500;600&display=swap\" rel=\"stylesheet\" \/>\n <style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --gold: #C9A84C;\n --gold-light: #E8D08A;\n --gold-dark: #9A7B2E;\n --dark: #1A1A1A;\n --dark2: #2C2C2C;\n --cream: #FAF7F2;\n --white: #FFFFFF;\n --text: #3A3A3A;\n --text-light: #6B6B6B;\n --border: #E8E0D0;\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'Sarabun', sans-serif;\n background: var(--cream);\n color: var(--text);\n line-height: 1.7;\n }\n\n \/* \u2500\u2500\u2500 NAVIGATION \u2500\u2500\u2500 *\/\n nav {\n position: fixed; top: 0; width: 100%; z-index: 1000;\n background: rgba(26, 26, 26, 0.95);\n backdrop-filter: blur(10px);\n padding: 14px 40px;\n display: flex; align-items: center; justify-content: space-between;\n border-bottom: 1px solid rgba(201, 168, 76, 0.3);\n }\n .nav-logo {\n font-family: 'Playfair Display', serif;\n color: var(--gold);\n font-size: 1.2rem;\n letter-spacing: 2px;\n }\n .nav-links { display: flex; gap: 30px; list-style: none; }\n .nav-links a {\n color: rgba(255,255,255,0.8);\n text-decoration: none;\n font-size: 0.88rem;\n letter-spacing: 1px;\n transition: color 0.3s;\n }\n .nav-links a:hover { color: var(--gold); }\n .nav-cta {\n background: var(--gold);\n color: var(--dark);\n padding: 9px 22px;\n border-radius: 2px;\n font-weight: 600;\n font-size: 0.85rem;\n text-decoration: none;\n letter-spacing: 1px;\n transition: background 0.3s;\n }\n .nav-cta:hover { background: var(--gold-light); }\n\n \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n .hero {\n min-height: 100vh;\n position: relative;\n display: flex; align-items: center; justify-content: center;\n overflow: hidden;\n background: var(--dark);\n }\n .hero-bg {\n position: absolute; inset: 0;\n background:\n linear-gradient(to bottom, rgba(26,26,26,0.55) 0%, rgba(26,26,26,0.3) 50%, rgba(26,26,26,0.75) 100%),\n url('https:\/\/bandansuk.com\/wp-content\/uploads\/2026\/07\/P3_2K_\u0e1a\u0e49\u0e32\u0e19\u0e1a\u0e31\u0e19\u0e14\u0e32\u0e25\u0e2a\u0e38\u0e02-\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35-No-Logo-scaled.jpeg') center\/cover no-repeat;\n }\n .hero-bg::after {\n content: '';\n position: absolute; inset: 0;\n background: radial-gradient(ellipse at 60% 40%, rgba(201,168,76,0.08) 0%, transparent 70%);\n }\n .hero-content {\n position: relative; z-index: 2;\n text-align: center;\n padding: 0 20px;\n max-width: 800px;\n }\n .hero-eyebrow {\n color: var(--gold);\n font-size: 0.8rem;\n letter-spacing: 5px;\n text-transform: uppercase;\n margin-bottom: 20px;\n display: flex; align-items: center; justify-content: center; gap: 14px;\n }\n .hero-eyebrow::before, .hero-eyebrow::after {\n content: '';\n width: 40px; height: 1px;\n background: var(--gold);\n }\n .hero-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.8rem, 6vw, 4.5rem);\n color: var(--white);\n line-height: 1.2;\n margin-bottom: 10px;\n }\n .hero-title span { color: var(--gold); }\n .hero-subtitle {\n font-size: 1.1rem;\n color: rgba(255,255,255,0.75);\n margin-bottom: 40px;\n letter-spacing: 0.5px;\n }\n .hero-price-badge {\n display: inline-block;\n border: 1px solid var(--gold);\n padding: 14px 36px;\n margin-bottom: 36px;\n }\n .hero-price-badge .label {\n color: rgba(255,255,255,0.6);\n font-size: 0.78rem;\n letter-spacing: 3px;\n text-transform: uppercase;\n }\n .hero-price-badge .price {\n color: var(--gold-light);\n font-family: 'Playfair Display', serif;\n font-size: 2rem;\n font-weight: 700;\n display: block;\n }\n .hero-buttons { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }\n .btn-primary {\n background: var(--gold);\n color: var(--dark);\n padding: 16px 40px;\n font-weight: 700;\n font-size: 0.95rem;\n text-decoration: none;\n letter-spacing: 1.5px;\n transition: all 0.3s;\n border: 2px solid var(--gold);\n }\n .btn-primary:hover { background: var(--gold-dark); border-color: var(--gold-dark); }\n .btn-outline {\n border: 2px solid rgba(255,255,255,0.5);\n color: var(--white);\n padding: 16px 40px;\n font-size: 0.95rem;\n text-decoration: none;\n letter-spacing: 1.5px;\n transition: all 0.3s;\n }\n .btn-outline:hover { border-color: var(--gold); color: var(--gold); }\n .hero-scroll {\n position: absolute; bottom: 40px; left: 50%;\n transform: translateX(-50%);\n z-index: 2;\n display: flex; flex-direction: column; align-items: center; gap: 8px;\n }\n .hero-scroll span {\n color: rgba(255,255,255,0.5); font-size: 0.7rem; letter-spacing: 3px;\n }\n .scroll-line {\n width: 1px; height: 50px;\n background: linear-gradient(to bottom, var(--gold), transparent);\n animation: scrollAnim 1.8s ease-in-out infinite;\n }\n @keyframes scrollAnim {\n 0%, 100% { opacity: 0.4; transform: scaleY(0.6); }\n 50% { opacity: 1; transform: scaleY(1); }\n }\n\n \/* \u2500\u2500\u2500 SECTIONS BASE \u2500\u2500\u2500 *\/\n section { padding: 90px 20px; }\n .container { max-width: 1100px; margin: 0 auto; }\n .section-eyebrow {\n color: var(--gold);\n font-size: 0.75rem;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 12px;\n display: flex; align-items: center; gap: 12px;\n }\n .section-eyebrow::before {\n content: '';\n width: 30px; height: 1px;\n background: var(--gold);\n }\n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(1.9rem, 4vw, 2.8rem);\n color: var(--dark);\n line-height: 1.3;\n margin-bottom: 16px;\n }\n .section-desc {\n color: var(--text-light);\n font-size: 1rem;\n max-width: 560px;\n margin-bottom: 50px;\n }\n .divider {\n width: 60px; height: 2px;\n background: linear-gradient(to right, var(--gold), var(--gold-light));\n margin: 20px 0;\n }\n\n \/* \u2500\u2500\u2500 USP STRIP \u2500\u2500\u2500 *\/\n .usp-strip {\n background: var(--dark2);\n padding: 0;\n }\n .usp-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n }\n .usp-item {\n padding: 36px 28px;\n border-right: 1px solid rgba(201,168,76,0.2);\n display: flex; gap: 16px; align-items: flex-start;\n }\n .usp-item:last-child { border-right: none; }\n .usp-icon {\n font-size: 1.8rem;\n flex-shrink: 0;\n margin-top: 2px;\n }\n .usp-item h4 {\n color: var(--gold-light);\n font-size: 0.95rem;\n font-weight: 600;\n margin-bottom: 4px;\n }\n .usp-item p {\n color: rgba(255,255,255,0.55);\n font-size: 0.82rem;\n line-height: 1.5;\n }\n\n \/* \u2500\u2500\u2500 ABOUT \/ OVERVIEW \u2500\u2500\u2500 *\/\n .about-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: center;\n }\n .about-image-wrap { position: relative; }\n .about-image-wrap img {\n width: 100%; border-radius: 2px;\n display: block;\n }\n .about-badge {\n position: absolute;\n bottom: -20px; right: -20px;\n background: var(--gold);\n color: var(--dark);\n padding: 22px 24px;\n text-align: center;\n font-weight: 700;\n }\n .about-badge .num {\n font-family: 'Playfair Display', serif;\n font-size: 2rem;\n display: block;\n }\n .about-badge .text { font-size: 0.75rem; letter-spacing: 1px; }\n .about-stats {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n margin-top: 36px;\n }\n .stat-box {\n border: 1px solid var(--border);\n padding: 18px 20px;\n background: var(--white);\n }\n .stat-box .num {\n font-family: 'Playfair Display', serif;\n font-size: 1.6rem;\n color: var(--gold-dark);\n font-weight: 700;\n }\n .stat-box .label {\n font-size: 0.82rem;\n color: var(--text-light);\n margin-top: 2px;\n }\n\n \/* \u2500\u2500\u2500 VIDEO SECTION \u2500\u2500\u2500 *\/\n .video-section {\n background: linear-gradient(160deg, #111 0%, #1e1a14 50%, #111 100%);\n padding: 90px 20px;\n position: relative;\n overflow: hidden;\n }\n .video-section::before {\n content: '';\n position: absolute; inset: 0;\n background: radial-gradient(ellipse at center top, rgba(201,168,76,0.12) 0%, transparent 60%);\n pointer-events: none;\n }\n .video-section .section-title { color: var(--white); text-align: center; }\n .video-section .section-eyebrow { justify-content: center; }\n .video-section .divider { margin: 16px auto 44px; }\n .video-container { max-width: 900px; margin: 0 auto; position: relative; }\n .video-wrap {\n position: relative;\n width: 100%;\n border-radius: 3px;\n overflow: hidden;\n background: #000;\n box-shadow:\n 0 40px 100px rgba(0,0,0,0.8),\n 0 0 0 1px rgba(201,168,76,0.25),\n 0 0 60px rgba(201,168,76,0.06);\n }\n .video-wrap video {\n display: block;\n width: 100%;\n max-height: 560px;\n object-fit: contain;\n background: #000;\n }\n \/* Custom play overlay \u2014 hides once user starts video *\/\n .video-overlay {\n position: absolute; inset: 0;\n display: flex; flex-direction: column;\n align-items: center; justify-content: center;\n background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 100%);\n cursor: pointer;\n transition: opacity 0.4s;\n z-index: 2;\n }\n .video-overlay.hidden { opacity: 0; pointer-events: none; }\n .play-ring {\n width: 88px; height: 88px;\n border-radius: 50%;\n border: 2px solid var(--gold);\n display: flex; align-items: center; justify-content: center;\n background: rgba(201,168,76,0.15);\n backdrop-filter: blur(4px);\n transition: transform 0.3s, background 0.3s, box-shadow 0.3s;\n box-shadow: 0 0 0 0 rgba(201,168,76,0.4);\n animation: pulse 2.4s ease-in-out infinite;\n margin-bottom: 18px;\n }\n .play-ring:hover {\n transform: scale(1.08);\n background: rgba(201,168,76,0.3);\n }\n @keyframes pulse {\n 0%, 100% { box-shadow: 0 0 0 0 rgba(201,168,76,0.4); }\n 50% { box-shadow: 0 0 0 18px rgba(201,168,76,0); }\n }\n .play-triangle {\n width: 0; height: 0;\n border-top: 16px solid transparent;\n border-bottom: 16px solid transparent;\n border-left: 26px solid var(--gold);\n margin-left: 6px;\n }\n .video-overlay-text {\n color: rgba(255,255,255,0.9);\n font-size: 0.9rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n }\n .video-corner-tl, .video-corner-tr, .video-corner-bl, .video-corner-br {\n position: absolute;\n width: 20px; height: 20px;\n z-index: 3; pointer-events: none;\n }\n .video-corner-tl { top: -1px; left: -1px; border-top: 2px solid var(--gold); border-left: 2px solid var(--gold); }\n .video-corner-tr { top: -1px; right: -1px; border-top: 2px solid var(--gold); border-right: 2px solid var(--gold); }\n .video-corner-bl { bottom: -1px; left: -1px; border-bottom: 2px solid var(--gold); border-left: 2px solid var(--gold); }\n .video-corner-br { bottom: -1px; right: -1px; border-bottom: 2px solid var(--gold); border-right: 2px solid var(--gold); }\n .video-caption {\n text-align: center;\n color: rgba(255,255,255,0.3);\n font-size: 0.76rem;\n letter-spacing: 1.5px;\n margin-top: 22px;\n text-transform: uppercase;\n }\n\n \/* \u2500\u2500\u2500 FEATURES \u2500\u2500\u2500 *\/\n .features { background: var(--white); }\n .features-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1px;\n background: var(--border);\n border: 1px solid var(--border);\n }\n .feature-card {\n background: var(--white);\n padding: 40px 32px;\n transition: background 0.3s;\n }\n .feature-card:hover { background: var(--cream); }\n .feature-number {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n color: var(--border);\n line-height: 1;\n margin-bottom: 16px;\n }\n .feature-card h3 {\n font-size: 1.05rem;\n font-weight: 700;\n color: var(--dark);\n margin-bottom: 10px;\n }\n .feature-card p {\n font-size: 0.88rem;\n color: var(--text-light);\n line-height: 1.6;\n }\n .feature-icon { font-size: 1.5rem; margin-bottom: 12px; }\n\n \/* \u2500\u2500\u2500 GALLERY \u2500\u2500\u2500 *\/\n .gallery-grid {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr;\n grid-template-rows: 280px 280px;\n gap: 8px;\n }\n .gallery-item {\n overflow: hidden;\n position: relative;\n }\n .gallery-item:first-child { grid-row: span 2; }\n .gallery-item img {\n width: 100%; height: 100%;\n object-fit: cover;\n transition: transform 0.6s ease;\n display: block;\n }\n .gallery-item:hover img { transform: scale(1.05); }\n .gallery-overlay {\n position: absolute; inset: 0;\n background: linear-gradient(to top, rgba(26,26,26,0.4), transparent);\n opacity: 0; transition: opacity 0.3s;\n }\n .gallery-item:hover .gallery-overlay { opacity: 1; }\n\n \/* \u2500\u2500\u2500 SPECS \u2500\u2500\u2500 *\/\n .specs { background: var(--cream); }\n .specs-layout {\n display: grid;\n grid-template-columns: 1fr 1.2fr;\n gap: 60px;\n align-items: start;\n }\n .spec-list { list-style: none; }\n .spec-list li {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 14px 0;\n border-bottom: 1px solid var(--border);\n font-size: 0.92rem;\n }\n .spec-list li:last-child { border-bottom: none; }\n .spec-label { color: var(--text-light); }\n .spec-value { font-weight: 600; color: var(--dark); }\n .floor-plan-img {\n background: var(--white);\n border: 1px solid var(--border);\n padding: 30px;\n text-align: center;\n }\n .floor-placeholder {\n background: linear-gradient(135deg, #f5f0e8 0%, #ede5d8 100%);\n height: 340px;\n display: flex; flex-direction: column;\n align-items: center; justify-content: center;\n gap: 12px;\n color: var(--text-light);\n }\n .floor-placeholder .icon { font-size: 3rem; opacity: 0.4; }\n .floor-placeholder p { font-size: 0.85rem; }\n\n \/* \u2500\u2500\u2500 PRICE TABLE \u2500\u2500\u2500 *\/\n .pricing { background: var(--dark); }\n .pricing .section-title { color: var(--white); }\n .pricing .section-desc { color: rgba(255,255,255,0.55); }\n .price-table {\n width: 100%;\n border-collapse: collapse;\n }\n .price-table thead tr {\n background: rgba(201,168,76,0.15);\n border-bottom: 1px solid var(--gold-dark);\n }\n .price-table th {\n padding: 16px 20px;\n text-align: left;\n color: var(--gold);\n font-size: 0.78rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n font-weight: 600;\n }\n .price-table td {\n padding: 18px 20px;\n color: rgba(255,255,255,0.8);\n font-size: 0.93rem;\n border-bottom: 1px solid rgba(255,255,255,0.06);\n }\n .price-table tbody tr:hover { background: rgba(201,168,76,0.05); }\n .price-table .plot-name { font-weight: 700; color: var(--white); }\n .price-tag {\n font-family: 'Playfair Display', serif;\n font-size: 1.1rem;\n color: var(--gold-light);\n font-weight: 600;\n }\n .badge-start {\n background: var(--gold);\n color: var(--dark);\n font-size: 0.65rem;\n padding: 3px 8px;\n letter-spacing: 1px;\n font-weight: 700;\n margin-left: 8px;\n vertical-align: middle;\n }\n .badge-corner {\n background: rgba(201,168,76,0.15);\n border: 1px solid var(--gold-dark);\n color: var(--gold);\n font-size: 0.65rem;\n padding: 3px 8px;\n letter-spacing: 1px;\n margin-left: 8px;\n vertical-align: middle;\n }\n .price-note {\n margin-top: 24px;\n padding: 20px 24px;\n border: 1px solid rgba(201,168,76,0.25);\n background: rgba(201,168,76,0.05);\n font-size: 0.85rem;\n color: rgba(255,255,255,0.55);\n }\n .price-note strong { color: var(--gold); }\n\n \/* \u2500\u2500\u2500 LOCATION \u2500\u2500\u2500 *\/\n .location-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 50px;\n align-items: start;\n }\n .location-map-placeholder {\n background: linear-gradient(135deg, #e8e0d0 0%, #d8cfc0 100%);\n height: 400px;\n display: flex; align-items: center; justify-content: center;\n flex-direction: column; gap: 16px;\n border: 1px solid var(--border);\n position: relative;\n overflow: hidden;\n }\n .location-map-placeholder::before {\n content: '';\n position: absolute; inset: 0;\n background: radial-gradient(circle at 40% 45%, rgba(201,168,76,0.15) 0%, transparent 60%);\n }\n .map-pin { font-size: 2.5rem; }\n .map-label {\n font-size: 0.85rem; color: var(--text-light);\n text-align: center; line-height: 1.5;\n }\n .map-cta {\n background: var(--gold);\n color: var(--dark);\n padding: 10px 24px;\n font-weight: 600;\n font-size: 0.82rem;\n text-decoration: none;\n letter-spacing: 1px;\n position: relative; z-index: 1;\n }\n .nearby-list { list-style: none; }\n .nearby-item {\n display: flex; align-items: center;\n gap: 16px;\n padding: 14px 0;\n border-bottom: 1px solid var(--border);\n }\n .nearby-item:last-child { border-bottom: none; }\n .nearby-icon { font-size: 1.3rem; flex-shrink: 0; }\n .nearby-name { font-weight: 600; font-size: 0.9rem; color: var(--dark); }\n .nearby-dist {\n margin-left: auto;\n font-family: 'Playfair Display', serif;\n font-size: 1rem;\n color: var(--gold-dark);\n font-weight: 600;\n }\n .nearby-usp {\n background: rgba(201,168,76,0.08);\n border-left: 3px solid var(--gold);\n padding: 12px 16px;\n font-size: 0.82rem;\n color: var(--gold-dark);\n margin-top: 4px;\n }\n\n \/* \u2500\u2500\u2500 CONTACT \u2500\u2500\u2500 *\/\n .contact {\n background: linear-gradient(135deg, var(--dark) 0%, var(--dark2) 100%);\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n .contact::before {\n content: '';\n position: absolute; inset: 0;\n background: radial-gradient(ellipse at center, rgba(201,168,76,0.12) 0%, transparent 70%);\n }\n .contact .section-title { color: var(--white); }\n .contact .section-desc {\n color: rgba(255,255,255,0.6);\n max-width: 500px;\n margin: 0 auto 50px;\n }\n .contact .section-eyebrow { justify-content: center; }\n .contact-cards {\n display: flex;\n justify-content: center;\n gap: 20px;\n flex-wrap: wrap;\n margin-bottom: 50px;\n position: relative; z-index: 1;\n }\n .contact-card {\n border: 1px solid rgba(201,168,76,0.3);\n padding: 28px 36px;\n text-align: center;\n min-width: 200px;\n background: rgba(255,255,255,0.04);\n transition: border-color 0.3s, background 0.3s;\n }\n .contact-card:hover {\n border-color: var(--gold);\n background: rgba(201,168,76,0.06);\n }\n .contact-card .icon { font-size: 1.8rem; margin-bottom: 10px; }\n .contact-card .channel {\n color: rgba(255,255,255,0.5);\n font-size: 0.72rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n margin-bottom: 4px;\n }\n .contact-card .value {\n color: var(--gold-light);\n font-weight: 600;\n font-size: 1rem;\n text-decoration: none;\n display: block;\n }\n .contact-cta { position: relative; z-index: 1; }\n .big-cta {\n background: var(--gold);\n color: var(--dark);\n padding: 20px 60px;\n font-size: 1.05rem;\n font-weight: 700;\n text-decoration: none;\n letter-spacing: 2px;\n display: inline-block;\n transition: background 0.3s;\n }\n .big-cta:hover { background: var(--gold-light); }\n\n \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\n footer {\n background: #111;\n padding: 40px 20px;\n text-align: center;\n border-top: 1px solid rgba(201,168,76,0.2);\n }\n .footer-logo {\n font-family: 'Playfair Display', serif;\n color: var(--gold);\n font-size: 1.3rem;\n letter-spacing: 3px;\n margin-bottom: 12px;\n }\n .footer-slogan {\n color: rgba(255,255,255,0.4);\n font-size: 0.82rem;\n letter-spacing: 1px;\n margin-bottom: 20px;\n }\n .footer-links {\n display: flex; justify-content: center; gap: 24px;\n list-style: none; margin-bottom: 20px;\n }\n .footer-links a {\n color: rgba(255,255,255,0.4);\n font-size: 0.8rem; text-decoration: none;\n transition: color 0.3s;\n }\n .footer-links a:hover { color: var(--gold); }\n .footer-copy {\n color: rgba(255,255,255,0.2);\n font-size: 0.75rem;\n }\n\n \/* \u2500\u2500\u2500 FLOATING LINE BUTTON \u2500\u2500\u2500 *\/\n .float-line {\n position: fixed;\n bottom: 30px; right: 30px;\n background: #00C300;\n color: white;\n width: 60px; height: 60px;\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 1.5rem;\n text-decoration: none;\n box-shadow: 0 4px 20px rgba(0,195,0,0.4);\n z-index: 2000;\n transition: transform 0.3s, box-shadow 0.3s;\n }\n .float-line:hover {\n transform: scale(1.1);\n box-shadow: 0 6px 28px rgba(0,195,0,0.6);\n }\n .float-line-label {\n position: fixed;\n bottom: 96px; right: 22px;\n background: var(--dark);\n color: var(--white);\n font-size: 0.72rem;\n padding: 4px 10px;\n letter-spacing: 1px;\n z-index: 2000;\n }\n\n \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n @media (max-width: 900px) {\n nav { padding: 14px 20px; }\n .nav-links { display: none; }\n .usp-grid { grid-template-columns: 1fr 1fr; }\n .usp-item { border-bottom: 1px solid rgba(201,168,76,0.15); }\n .about-grid, .specs-layout, .location-grid { grid-template-columns: 1fr; }\n .about-badge { bottom: 10px; right: 10px; }\n .features-grid { grid-template-columns: 1fr 1fr; }\n .gallery-grid {\n grid-template-columns: 1fr 1fr;\n grid-template-rows: auto;\n }\n .gallery-item:first-child { grid-row: span 1; }\n .contact-card { min-width: 160px; }\n }\n @media (max-width: 580px) {\n .usp-grid { grid-template-columns: 1fr; }\n .features-grid { grid-template-columns: 1fr; }\n .gallery-grid { grid-template-columns: 1fr; }\n .about-stats { grid-template-columns: 1fr 1fr; }\n .hero-buttons { flex-direction: column; align-items: center; }\n .contact-cards { flex-direction: column; align-items: center; }\n section { padding: 60px 16px; }\n .video-section { padding: 60px 16px; }\n .play-ring { width: 70px; height: 70px; }\n }\n <\/style>\n<\/head>\n<body>\n\n\n<nav>\n <div class=\"nav-logo\">BAAN BANDANSUK 4<\/div>\n <ul class=\"nav-links\">\n <li><a href=\"#about\">\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/a><\/li>\n <li><a href=\"#video\">\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d<\/a><\/li>\n <li><a href=\"#features\">\u0e08\u0e38\u0e14\u0e40\u0e14\u0e48\u0e19<\/a><\/li>\n <li><a href=\"#pricing\">\u0e23\u0e32\u0e04\u0e32<\/a><\/li>\n <li><a href=\"#location\">\u0e17\u0e33\u0e40\u0e25<\/a><\/li>\n <li><a href=\"#contact\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d<\/a><\/li>\n <\/ul>\n <a href=\"https:\/\/line.me\/ti\/p\/~@bandansuk\" class=\"nav-cta\" target=\"_blank\">\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e17\u0e31\u0e19\u0e17\u0e35<\/a>\n<\/nav>\n\n\n<section class=\"hero\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"hero-content\">\n <div class=\"hero-eyebrow\">\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e31\u0e49\u0e19\u0e40\u0e14\u0e35\u0e22\u0e27 \u00b7 \u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35 \u00b7 6 \u0e41\u0e1b\u0e25\u0e07\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19<\/div>\n <h1 class=\"hero-title\">\u0e1a\u0e49\u0e32\u0e19\u0e1a\u0e31\u0e19\u0e14\u0e32\u0e25\u0e2a\u0e38\u0e02 <span>4<\/span><\/h1>\n <p class=\"hero-subtitle\">\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e38\u0e02\u0e43\u0e2b\u0e49\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e23\u0e31\u0e27 \u0e1a\u0e19\u0e17\u0e33\u0e40\u0e25\u0e17\u0e35\u0e48\u0e14\u0e35\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e43\u0e19\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35<\/p>\n <div class=\"hero-price-badge\">\n <span class=\"label\">\u0e23\u0e32\u0e04\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19<\/span>\n <span class=\"price\">3.xx \u0e25\u0e49\u0e32\u0e19\u0e1a\u0e32\u0e17<\/span>\n <\/div>\n <div class=\"hero-buttons\">\n <a href=\"#contact\" class=\"btn-primary\">\u0e19\u0e31\u0e14\u0e0a\u0e21\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/a>\n <a href=\"#pricing\" class=\"btn-outline\">\u0e14\u0e39\u0e23\u0e32\u0e04\u0e32\u0e17\u0e38\u0e01\u0e41\u0e1b\u0e25\u0e07<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-scroll\">\n <div class=\"scroll-line\"><\/div>\n <span>SCROLL<\/span>\n <\/div>\n<\/section>\n\n\n<section class=\"usp-strip\">\n <div class=\"usp-grid\">\n <div class=\"usp-item\">\n <div class=\"usp-icon\">\ud83c\udfe5<\/div>\n <div>\n <h4>\u0e43\u0e01\u0e25\u0e49 \u0e23\u0e1e.\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35 \u0e40\u0e1e\u0e35\u0e22\u0e07 1.5 \u0e01\u0e21.<\/h4>\n <p>\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e23\u0e31\u0e1a\u0e17\u0e38\u0e01\u0e40\u0e2b\u0e15\u0e38\u0e09\u0e38\u0e01\u0e40\u0e09\u0e34\u0e19 \u0e14\u0e39\u0e41\u0e25\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e23\u0e31\u0e27\u0e44\u0e14\u0e49\u0e17\u0e31\u0e19\u0e17\u0e35<\/p>\n <\/div>\n <\/div>\n <div class=\"usp-item\">\n <div class=\"usp-icon\">\ud83c\udfe1<\/div>\n <div>\n <h4>\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e31\u0e49\u0e19\u0e40\u0e14\u0e35\u0e22\u0e27<\/h4>\n <p>3 \u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e2d\u0e19 2 \u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e49\u0e33 \u0e2a\u0e44\u0e15\u0e25\u0e4c Contemporary \u0e14\u0e39\u0e41\u0e25\u0e07\u0e48\u0e32\u0e22<\/p>\n <\/div>\n <\/div>\n <div class=\"usp-item\">\n <div class=\"usp-icon\">\u2728<\/div>\n <div>\n <h4>\u0e44\u0e21\u0e48\u0e21\u0e35\u0e04\u0e48\u0e32\u0e2a\u0e48\u0e27\u0e19\u0e01\u0e25\u0e32\u0e07\u0e15\u0e25\u0e2d\u0e14\u0e0a\u0e35\u0e27\u0e34\u0e15<\/h4>\n <p>\u0e2a\u0e31\u0e07\u0e04\u0e21\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27 6 \u0e41\u0e1b\u0e25\u0e07 \u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e08\u0e48\u0e32\u0e22\u0e04\u0e48\u0e32\u0e2a\u0e48\u0e27\u0e19\u0e01\u0e25\u0e32\u0e07\u0e23\u0e32\u0e22\u0e40\u0e14\u0e37\u0e2d\u0e19<\/p>\n <\/div>\n <\/div>\n <div class=\"usp-item\">\n <div class=\"usp-icon\">\ud83d\ude97<\/div>\n <div>\n <h4>\u0e08\u0e2d\u0e14\u0e23\u0e16 2 \u0e04\u0e31\u0e19<\/h4>\n <p>\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e08\u0e2d\u0e14\u0e23\u0e16\u0e01\u0e27\u0e49\u0e32\u0e07 \u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e23\u0e31\u0e27\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e2b\u0e25\u0e32\u0e22\u0e04\u0e31\u0e19<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"about\">\n <div class=\"container\">\n <div class=\"about-grid\">\n <div class=\"about-image-wrap\">\n <img decoding=\"async\" src=\"https:\/\/bandansuk.com\/wp-content\/uploads\/2026\/07\/\u0e1c\u0e31\u0e07\u0e41\u0e1b\u0e25\u0e07.jpg_202607012117.jpeg\" alt=\"\u0e1a\u0e49\u0e32\u0e19\u0e1a\u0e31\u0e19\u0e14\u0e32\u0e25\u0e2a\u0e38\u0e02 4\" \/>\n <div class=\"about-badge\">\n <span class=\"num\">6<\/span>\n <span class=\"text\">\u0e41\u0e1b\u0e25\u0e07\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19<\/span>\n <\/div>\n <\/div>\n <div>\n <div class=\"section-eyebrow\">\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/div>\n <h2 class=\"section-title\">\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e2a\u0e44\u0e15\u0e25\u0e4c Contemporary<br\/>\u0e43\u0e08\u0e01\u0e25\u0e32\u0e07\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35<\/h2>\n <div class=\"divider\"><\/div>\n <p style=\"color: var(--text-light); line-height: 1.8; margin-bottom: 20px;\">\n \u0e1a\u0e49\u0e32\u0e19\u0e1a\u0e31\u0e19\u0e14\u0e32\u0e25\u0e2a\u0e38\u0e02 4 \u0e04\u0e37\u0e2d\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e31\u0e49\u0e19\u0e40\u0e14\u0e35\u0e22\u0e27\u0e43\u0e19\u0e2a\u0e31\u0e07\u0e04\u0e21\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27 \u0e40\u0e1e\u0e35\u0e22\u0e07 6 \u0e41\u0e1b\u0e25\u0e07\n \u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e2a\u0e44\u0e15\u0e25\u0e4c Contemporary \u0e17\u0e35\u0e48\u0e40\u0e19\u0e49\u0e19\u0e04\u0e27\u0e32\u0e21\u0e42\u0e1b\u0e23\u0e48\u0e07 \u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e07\u0e48\u0e32\u0e22 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e23\u0e31\u0e27\u0e23\u0e38\u0e48\u0e19\u0e43\u0e2b\u0e21\u0e48\n \u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27 \u0e43\u0e19\u0e17\u0e33\u0e40\u0e25\u0e17\u0e35\u0e48\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e2a\u0e34\u0e48\u0e07\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e44\u0e14\u0e49\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\n <\/p>\n <p style=\"color: var(--text-light); line-height: 1.8; margin-bottom: 30px;\">\n \u0e15\u0e31\u0e49\u0e07\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19\u0e40\u0e02\u0e15\u0e40\u0e21\u0e37\u0e2d\u0e07\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35 \u0e2b\u0e48\u0e32\u0e07\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35\u0e40\u0e1e\u0e35\u0e22\u0e07 1.5 \u0e01\u0e21. \u0e43\u0e01\u0e25\u0e49\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e33\n \u0e2b\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e1e\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32 \u0e41\u0e25\u0e30\u0e17\u0e38\u0e01\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e35\u0e48\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e23\u0e31\u0e27\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\n <\/p>\n <div class=\"about-stats\">\n <div class=\"stat-box\">\n <div class=\"num\">3<\/div>\n <div class=\"label\">\u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e2d\u0e19<\/div>\n <\/div>\n <div class=\"stat-box\">\n <div class=\"num\">2<\/div>\n <div class=\"label\">\u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e49\u0e33<\/div>\n <\/div>\n <div class=\"stat-box\">\n <div class=\"num\">64\u2013101<\/div>\n <div class=\"label\">\u0e15\u0e23.\u0e27\u0e32<\/div>\n <\/div>\n <div class=\"stat-box\">\n <div class=\"num\">6<\/div>\n <div class=\"label\">\u0e41\u0e1b\u0e25\u0e07\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"video-section\" id=\"video\">\n <div class=\"video-container\">\n <div class=\"section-eyebrow\">\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e42\u0e1b\u0e23\u0e42\u0e21\u0e17<\/div>\n <h2 class=\"section-title\">\u0e0a\u0e21\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e1a\u0e49\u0e32\u0e19\u0e1a\u0e31\u0e19\u0e14\u0e32\u0e25\u0e2a\u0e38\u0e02 4<\/h2>\n <div class=\"divider\"><\/div>\n\n <div class=\"video-wrap\">\n \n <div class=\"video-corner-tl\"><\/div>\n <div class=\"video-corner-tr\"><\/div>\n <div class=\"video-corner-bl\"><\/div>\n <div class=\"video-corner-br\"><\/div>\n\n <video\n id=\"promoVideo\"\n src=\"https:\/\/bandansuk.com\/wp-content\/uploads\/2026\/07\/Clip-\u0e42\u0e1b\u0e23\u0e42\u0e21\u0e17-\u0e1a\u0e49\u0e32\u0e19\u0e1a\u0e31\u0e19\u0e14\u0e32\u0e25\u0e2a\u0e38\u0e024.mp4\"\n controls\n playsinline\n preload=\"metadata\"\n ><\/video>\n\n \n <div class=\"video-overlay\" id=\"videoOverlay\" onclick=\"playVideo()\">\n <div class=\"play-ring\">\n <div class=\"play-triangle\"><\/div>\n <\/div>\n <div class=\"video-overlay-text\">\u0e01\u0e14\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e0a\u0e21\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e42\u0e1b\u0e23\u0e42\u0e21\u0e17\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/div>\n <\/div>\n <\/div>\n\n <p class=\"video-caption\">\u0e1a\u0e49\u0e32\u0e19\u0e1a\u0e31\u0e19\u0e14\u0e32\u0e25\u0e2a\u0e38\u0e02 4 \u00b7 \u0e1a\u0e49\u0e32\u0e19\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e31\u0e49\u0e19\u0e40\u0e14\u0e35\u0e22\u0e27 \u0e2a\u0e44\u0e15\u0e25\u0e4c Contemporary \u00b7 \u0e40\u0e21\u0e37\u0e2d\u0e07\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35 \u0e08.\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35<\/p>\n <\/div>\n<\/section>\n\n<script>\n function playVideo() {\n const video = document.getElementById('promoVideo');\n const overlay = document.getElementById('videoOverlay');\n video.play();\n overlay.classList.add('hidden');\n }\n \/\/ Hide overlay when user uses native controls to play\n document.getElementById('promoVideo').addEventListener('play', function() {\n document.getElementById('videoOverlay').classList.add('hidden');\n });\n \/\/ Show overlay again if video ends\n document.getElementById('promoVideo').addEventListener('ended', function() {\n document.getElementById('videoOverlay').classList.remove('hidden');\n });\n<\/script>\n\n\n\n<section class=\"features\" id=\"features\">\n <div class=\"container\">\n <div class=\"section-eyebrow\">\u0e08\u0e38\u0e14\u0e40\u0e14\u0e48\u0e19<\/div>\n <h2 class=\"section-title\">\u0e17\u0e33\u0e44\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e1a\u0e49\u0e32\u0e19\u0e1a\u0e31\u0e19\u0e14\u0e32\u0e25\u0e2a\u0e38\u0e02 4<\/h2>\n <div class=\"divider\"><\/div>\n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <div class=\"feature-number\">01<\/div>\n <div class=\"feature-icon\">\ud83c\udfe5<\/div>\n <h3>\u0e43\u0e01\u0e25\u0e49\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e33<\/h3>\n <p>\u0e23\u0e1e.\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35 1.5 \u0e01\u0e21. \u00b7 \u0e23\u0e1e.\u0e08\u0e38\u0e2c\u0e32\u0e23\u0e31\u0e15\u0e19\u0e4c 2.5 \u0e01\u0e21. \u00b7 \u0e23\u0e1e.\u0e2a\u0e21\u0e34\u0e15\u0e34\u0e40\u0e27\u0e0a 3.5 \u0e01\u0e21. \u0e14\u0e39\u0e41\u0e25\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e23\u0e31\u0e27\u0e44\u0e14\u0e49\u0e17\u0e31\u0e19\u0e40\u0e27\u0e25\u0e32<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-number\">02<\/div>\n <div class=\"feature-icon\">\ud83c\udfeb<\/div>\n <h3>\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e14\u0e35\u0e43\u0e01\u0e25\u0e49\u0e1a\u0e49\u0e32\u0e19<\/h3>\n <p>\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e0a\u0e25\u0e23\u0e32\u0e29\u0e0e\u0e23\u0e4c\u0e2d\u0e33\u0e23\u0e38\u0e07 \u0e40\u0e1e\u0e35\u0e22\u0e07 2.5 \u0e01\u0e21. \u0e27\u0e32\u0e07\u0e43\u0e08\u0e44\u0e14\u0e49\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e02\u0e2d\u0e07\u0e25\u0e39\u0e01<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-number\">03<\/div>\n <div class=\"feature-icon\">\ud83d\uded2<\/div>\n <h3>\u0e04\u0e23\u0e1a\u0e04\u0e23\u0e31\u0e19\u0e2a\u0e34\u0e48\u0e07\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01<\/h3>\n <p>\u0e42\u0e25\u0e15\u0e31\u0e2a\u0e1a\u0e49\u0e32\u0e19\u0e2a\u0e27\u0e19 2.5 \u0e01\u0e21. \u00b7 \u0e40\u0e0b\u0e47\u0e19\u0e17\u0e23\u0e31\u0e25\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35 5 \u0e01\u0e21. \u00b7 \u0e15\u0e25\u0e32\u0e14 \u0e23\u0e49\u0e32\u0e19\u0e04\u0e49\u0e32\u0e04\u0e23\u0e1a<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-number\">04<\/div>\n <div class=\"feature-icon\">\ud83d\udd12<\/div>\n <h3>\u0e2a\u0e31\u0e07\u0e04\u0e21\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27 \u0e40\u0e1e\u0e35\u0e22\u0e07 6 \u0e2b\u0e25\u0e31\u0e07<\/h3>\n <p>\u0e44\u0e21\u0e48\u0e41\u0e2d\u0e2d\u0e31\u0e14 \u0e2a\u0e07\u0e1a \u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27 \u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e21\u0e35\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e43\u0e19\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e40\u0e25\u0e47\u0e01\u0e46 \u0e17\u0e35\u0e48\u0e23\u0e39\u0e49\u0e08\u0e31\u0e01\u0e01\u0e31\u0e19<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-number\">05<\/div>\n <div class=\"feature-icon\">\ud83d\udcb0<\/div>\n <h3>\u0e44\u0e21\u0e48\u0e21\u0e35\u0e04\u0e48\u0e32\u0e2a\u0e48\u0e27\u0e19\u0e01\u0e25\u0e32\u0e07<\/h3>\n <p>\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14\u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22\u0e23\u0e32\u0e22\u0e40\u0e14\u0e37\u0e2d\u0e19 \u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e08\u0e48\u0e32\u0e22\u0e04\u0e48\u0e32\u0e2a\u0e48\u0e27\u0e19\u0e01\u0e25\u0e32\u0e07\u0e15\u0e25\u0e2d\u0e14\u0e0a\u0e35\u0e27\u0e34\u0e15<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-number\">06<\/div>\n <div class=\"feature-icon\">\ud83c\udfa8<\/div>\n <h3>\u0e14\u0e35\u0e44\u0e0b\u0e19\u0e4c Contemporary<\/h3>\n <p>\u0e2a\u0e16\u0e32\u0e1b\u0e31\u0e15\u0e22\u0e01\u0e23\u0e23\u0e21\u0e17\u0e31\u0e19\u0e2a\u0e21\u0e31\u0e22 \u0e40\u0e2a\u0e49\u0e19\u0e2a\u0e30\u0e2d\u0e32\u0e14 \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e04\u0e23\u0e1a \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e17\u0e31\u0e49\u0e07\u0e01\u0e32\u0e23\u0e2d\u0e22\u0e39\u0e48\u0e2d\u0e32\u0e28\u0e31\u0e22\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section style=\"padding: 0; background: var(--dark2);\">\n <div class=\"gallery-grid\">\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/bandansuk.com\/wp-content\/uploads\/2026\/07\/\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35-\u0e1a\u0e31\u0e19\u0e14\u0e32\u0e25\u0e2a\u0e38\u0e0202.jpg\" alt=\"\u0e20\u0e32\u0e1e\u0e1a\u0e49\u0e32\u0e19\" \/>\n <div class=\"gallery-overlay\"><\/div>\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/bandansuk.com\/wp-content\/uploads\/2026\/07\/\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35-\u0e1a\u0e31\u0e19\u0e14\u0e32\u0e25\u0e2a\u0e38\u0e0204.jpg\" alt=\"\u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e31\u0e48\u0e07\u0e40\u0e25\u0e48\u0e19\" \/>\n <div class=\"gallery-overlay\"><\/div>\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/bandansuk.com\/wp-content\/uploads\/2026\/07\/\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35-\u0e1a\u0e31\u0e19\u0e14\u0e32\u0e25\u0e2a\u0e38\u0e0201.jpg\" alt=\"\u0e2b\u0e49\u0e2d\u0e07\u0e04\u0e23\u0e31\u0e27\" \/>\n <div class=\"gallery-overlay\"><\/div>\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/bandansuk.com\/wp-content\/uploads\/2026\/07\/\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35-\u0e1a\u0e31\u0e19\u0e14\u0e32\u0e25\u0e2a\u0e38\u0e0203.jpg\" alt=\"\u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e2d\u0e19\" \/>\n <div class=\"gallery-overlay\"><\/div>\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/bandansuk.com\/wp-content\/uploads\/2026\/07\/\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35-\u0e1a\u0e31\u0e19\u0e14\u0e32\u0e25\u0e2a\u0e38\u0e0205.jpg\" alt=\"\u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e49\u0e33\" \/>\n <div class=\"gallery-overlay\"><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"specs\" id=\"specs\">\n <div class=\"container\">\n <div class=\"section-eyebrow\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/div>\n <h2 class=\"section-title\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e08\u0e33\u0e40\u0e1e\u0e32\u0e30\u0e41\u0e25\u0e30\u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19<\/h2>\n <div class=\"divider\" style=\"margin-bottom: 50px;\"><\/div>\n <div class=\"specs-layout\">\n <div>\n <ul class=\"spec-list\">\n <li>\n <span class=\"spec-label\">\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e1a\u0e49\u0e32\u0e19<\/span>\n <span class=\"spec-value\">\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e31\u0e49\u0e19\u0e40\u0e14\u0e35\u0e22\u0e27<\/span>\n <\/li>\n <li>\n <span class=\"spec-label\">\u0e2a\u0e44\u0e15\u0e25\u0e4c<\/span>\n <span class=\"spec-value\">Contemporary<\/span>\n <\/li>\n <li>\n <span class=\"spec-label\">\u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e2d\u0e19<\/span>\n <span class=\"spec-value\">3 \u0e2b\u0e49\u0e2d\u0e07<\/span>\n <\/li>\n <li>\n <span class=\"spec-label\">\u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e49\u0e33<\/span>\n <span class=\"spec-value\">2 \u0e2b\u0e49\u0e2d\u0e07<\/span>\n <\/li>\n <li>\n <span class=\"spec-label\">\u0e17\u0e35\u0e48\u0e08\u0e2d\u0e14\u0e23\u0e16<\/span>\n <span class=\"spec-value\">2 \u0e04\u0e31\u0e19<\/span>\n <\/li>\n <li>\n <span class=\"spec-label\">\u0e08\u0e33\u0e19\u0e27\u0e19\u0e41\u0e1b\u0e25\u0e07<\/span>\n <span class=\"spec-value\">6 \u0e41\u0e1b\u0e25\u0e07 (A1\u2013A6)<\/span>\n <\/li>\n <li>\n <span class=\"spec-label\">\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e14\u0e34\u0e19<\/span>\n <span class=\"spec-value\">64.99 \u2013 101.83 \u0e15\u0e23.\u0e27\u0e32<\/span>\n <\/li>\n <li>\n <span class=\"spec-label\">\u0e04\u0e48\u0e32\u0e2a\u0e48\u0e27\u0e19\u0e01\u0e25\u0e32\u0e07<\/span>\n <span class=\"spec-value\">\u0e44\u0e21\u0e48\u0e21\u0e35\u0e15\u0e25\u0e2d\u0e14\u0e0a\u0e35\u0e27\u0e34\u0e15 \ud83c\udf89<\/span>\n <\/li>\n <li>\n <span class=\"spec-label\">\u0e23\u0e32\u0e04\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19<\/span>\n <span class=\"spec-value\" style=\"color: var(--gold-dark);\">3.xx \u0e25\u0e49\u0e32\u0e19\u0e1a\u0e32\u0e17<\/span>\n <\/li>\n <li>\n <span class=\"spec-label\">\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e48\u0e27\u0e19\u0e40\u0e01\u0e34\u0e19<\/span>\n <span class=\"spec-value\">30,000 \u0e1a\u0e32\u0e17 \/ \u0e15\u0e23.\u0e27\u0e32<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"floor-plan-img\">\n <div class=\"floor-placeholder\">\n <div class=\"icon\">\ud83c\udfe0<\/div>\n <p>\u0e41\u0e1a\u0e1a\u0e41\u0e1b\u0e25\u0e19\u0e1a\u0e49\u0e32\u0e19\u0e41\u0e25\u0e30\u0e1c\u0e31\u0e07\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/p>\n <p style=\"font-size: 0.75rem; margin-top: 4px;\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e23\u0e31\u0e1a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21<\/p>\n <a href=\"https:\/\/line.me\/ti\/p\/~@bandansuk\" target=\"_blank\" style=\"margin-top: 12px; background: var(--gold); color: var(--dark); padding: 10px 24px; text-decoration: none; font-size: 0.82rem; font-weight: 600;\">\u0e02\u0e2d\u0e23\u0e31\u0e1a\u0e41\u0e1a\u0e1a\u0e1a\u0e49\u0e32\u0e19<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"pricing\" id=\"pricing\">\n <div class=\"container\">\n <div class=\"section-eyebrow\" style=\"color: var(--gold);\">\n <span style=\"width:30px;height:1px;background:var(--gold);display:inline-block;\"><\/span>\n \u0e23\u0e32\u0e04\u0e32\u0e02\u0e32\u0e22\n <\/div>\n <h2 class=\"section-title\">\u0e23\u0e32\u0e04\u0e32\u0e17\u0e38\u0e01\u0e41\u0e1b\u0e25\u0e07<\/h2>\n <p class=\"section-desc\">\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e41\u0e1b\u0e25\u0e07\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e48\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22 \u0e21\u0e35\u0e40\u0e1e\u0e35\u0e22\u0e07 6 \u0e41\u0e1b\u0e25\u0e07\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19<\/p>\n <table class=\"price-table\">\n <thead>\n <tr>\n <th>\u0e41\u0e1b\u0e25\u0e07<\/th>\n <th>\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e17\u0e35\u0e48<\/th>\n <th>\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td class=\"plot-name\">A1<\/td>\n <td>101.83 \u0e15\u0e23.\u0e27\u0e32<\/td>\n <td>\u0e41\u0e1b\u0e25\u0e07\u0e43\u0e2b\u0e0d\u0e48\u0e2a\u0e38\u0e14<\/td>\n <\/tr>\n <tr>\n <td class=\"plot-name\">A2<\/td>\n <td>64.99 \u0e15\u0e23.\u0e27\u0e32<\/td>\n <td>\u2014<\/td>\n <\/tr>\n <tr>\n <td class=\"plot-name\">A3<\/td>\n <td>81.79 \u0e15\u0e23.\u0e27\u0e32<\/td>\n <td>\u2014<\/td>\n <\/tr>\n <tr>\n <td class=\"plot-name\">A4<\/td>\n <td>75.99 \u0e15\u0e23.\u0e27\u0e32<\/td>\n <td>\u2014<\/td>\n <\/tr>\n <tr>\n <td class=\"plot-name\">A5<\/td>\n <td>66.37 \u0e15\u0e23.\u0e27\u0e32<\/td>\n <td>\u2014<\/td>\n <\/tr>\n <tr>\n <td class=\"plot-name\">A6<\/td>\n <td>69.19 \u0e15\u0e23.\u0e27\u0e32<\/td>\n <td>\u0e41\u0e1b\u0e25\u0e07\u0e21\u0e38\u0e21 \u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e1e\u0e34\u0e40\u0e28\u0e29<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <div class=\"price-note\">\n <strong>\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38:<\/strong> \u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e48\u0e27\u0e19\u0e40\u0e01\u0e34\u0e19\u0e08\u0e32\u0e01\u0e41\u0e1a\u0e1a\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19 \u0e04\u0e34\u0e14\u0e40\u0e1e\u0e34\u0e48\u0e21 <strong>30,000 \u0e1a\u0e32\u0e17\/\u0e15\u0e23.\u0e27\u0e32<\/strong>\n \u00b7 \u0e23\u0e32\u0e04\u0e32\u0e14\u0e31\u0e07\u0e01\u0e25\u0e48\u0e32\u0e27\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e23\u0e27\u0e21\u0e04\u0e48\u0e32\u0e42\u0e2d\u0e19\u0e41\u0e25\u0e30\u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22\u0e2d\u0e37\u0e48\u0e19\u0e46\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"location\">\n <div class=\"container\">\n <div class=\"section-eyebrow\">\u0e17\u0e33\u0e40\u0e25<\/div>\n <h2 class=\"section-title\">\u0e17\u0e33\u0e40\u0e25\u0e17\u0e2d\u0e07\u0e43\u0e08\u0e01\u0e25\u0e32\u0e07\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35<\/h2>\n <div class=\"divider\" style=\"margin-bottom: 50px;\"><\/div>\n <div class=\"location-grid\">\n <div>\n <div class=\"location-map-placeholder\">\n <div class=\"map-pin\">\ud83d\udccd<\/div>\n <div class=\"map-label\">\n <strong style=\"color: var(--text);\">\u0e1a\u0e49\u0e32\u0e19\u0e1a\u0e31\u0e19\u0e14\u0e32\u0e25\u0e2a\u0e38\u0e02 4<\/strong><br\/>\n \u0e40\u0e02\u0e15\u0e40\u0e21\u0e37\u0e2d\u0e07\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35 \u0e08.\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35\n <\/div>\n <a href=\"https:\/\/maps.app.goo.gl\/qc37XDUxGzBuVmRB7\" target=\"_blank\" class=\"map-cta\">\u0e14\u0e39\u0e43\u0e19 Google Maps \u2192<\/a>\n <\/div>\n <\/div>\n <div>\n <div class=\"nearby-usp\" style=\"margin-bottom: 20px;\">\n \u2b50 USP \u0e2b\u0e25\u0e31\u0e01 \u2014 \u0e43\u0e01\u0e25\u0e49\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e43\u0e19\u0e1a\u0e23\u0e23\u0e14\u0e32\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e43\u0e19\u0e22\u0e48\u0e32\u0e19\u0e19\u0e35\u0e49\n <\/div>\n <ul class=\"nearby-list\">\n <li class=\"nearby-item\">\n <span class=\"nearby-icon\">\ud83c\udfe5<\/span>\n <div><div class=\"nearby-name\">\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35<\/div><\/div>\n <span class=\"nearby-dist\">1.5 \u0e01\u0e21.<\/span>\n <\/li>\n <li class=\"nearby-item\">\n <span class=\"nearby-icon\">\ud83c\udfeb<\/span>\n <div><div class=\"nearby-name\">\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e0a\u0e25\u0e23\u0e32\u0e29\u0e0e\u0e23\u0e4c\u0e2d\u0e33\u0e23\u0e38\u0e07<\/div><\/div>\n <span class=\"nearby-dist\">2.5 \u0e01\u0e21.<\/span>\n <\/li>\n <li class=\"nearby-item\">\n <span class=\"nearby-icon\">\ud83d\uded2<\/span>\n <div><div class=\"nearby-name\">\u0e42\u0e25\u0e15\u0e31\u0e2a\u0e1a\u0e49\u0e32\u0e19\u0e2a\u0e27\u0e19<\/div><\/div>\n <span class=\"nearby-dist\">2.5 \u0e01\u0e21.<\/span>\n <\/li>\n <li class=\"nearby-item\">\n <span class=\"nearby-icon\">\ud83c\udfe5<\/span>\n <div><div class=\"nearby-name\">\u0e23\u0e1e.\u0e08\u0e38\u0e2c\u0e32\u0e23\u0e31\u0e15\u0e19\u0e4c\u0e0a\u0e25\u0e40\u0e27\u0e0a<\/div><\/div>\n <span class=\"nearby-dist\">2.5 \u0e01\u0e21.<\/span>\n <\/li>\n <li class=\"nearby-item\">\n <span class=\"nearby-icon\">\ud83c\udfe5<\/span>\n <div><div class=\"nearby-name\">\u0e23\u0e1e.\u0e2a\u0e21\u0e34\u0e15\u0e34\u0e40\u0e27\u0e0a\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35<\/div><\/div>\n <span class=\"nearby-dist\">3.5 \u0e01\u0e21.<\/span>\n <\/li>\n <li class=\"nearby-item\">\n <span class=\"nearby-icon\">\ud83c\udfec<\/span>\n <div><div class=\"nearby-name\">\u0e40\u0e0b\u0e47\u0e19\u0e17\u0e23\u0e31\u0e25\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35<\/div><\/div>\n <span class=\"nearby-dist\">5.0 \u0e01\u0e21.<\/span>\n <\/li>\n <li class=\"nearby-item\">\n <span class=\"nearby-icon\">\ud83d\ude89<\/span>\n <div><div class=\"nearby-name\">\u0e2a\u0e16\u0e32\u0e19\u0e35\u0e23\u0e16\u0e44\u0e1f\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35<\/div><\/div>\n <span class=\"nearby-dist\">4.0 \u0e01\u0e21.<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d23603.49811413982!2d100.9786941122258!3d13.356617323236597!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x311d3550f58381ad%3A0xbfa44d50dce87932!2z4LmC4LiE4Lij4LiH4LiB4Liy4Lij4Lia4LmJ4Liy4LiZIOC4muC5ieC4suC4meC4lOC4suC4peC4quC4uOC4giA0IOC4muC5ieC4suC4meC4quC4p-C4mSDguIrguKXguJrguLjguKPguLU!5e0!3m2!1sen!2sth!4v1783263009751!5m2!1sen!2sth\" width=\"1920\" height=\"600\" style=\"border:0;display:block;margin-top:60px;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe>\n<\/section>\n\n\n<section class=\"contact\" id=\"contact\">\n <div class=\"container\">\n <div class=\"section-eyebrow\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32<\/div>\n <h2 class=\"section-title\" style=\"margin-bottom: 12px;\">\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e1e\u0e32\u0e04\u0e38\u0e13\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21\u0e0a\u0e21\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/h2>\n <p class=\"section-desc\">\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e23\u0e32\u0e04\u0e32 \u0e02\u0e2d\u0e23\u0e31\u0e1a\u0e41\u0e1a\u0e1a\u0e1a\u0e49\u0e32\u0e19 \u0e2b\u0e23\u0e37\u0e2d\u0e19\u0e31\u0e14\u0e0a\u0e21\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e44\u0e14\u0e49\u0e17\u0e31\u0e19\u0e17\u0e35<\/p>\n <div class=\"contact-cards\">\n <div class=\"contact-card\">\n <div class=\"icon\">\ud83d\udcac<\/div>\n <div class=\"channel\">LINE<\/div>\n <a href=\"https:\/\/line.me\/ti\/p\/~@bandansuk\" class=\"value\" target=\"_blank\">@bandansuk<\/a>\n <\/div>\n <div class=\"contact-card\">\n <div class=\"icon\">\ud83d\udcde<\/div>\n <div class=\"channel\">\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c<\/div>\n <a href=\"tel:0953245639\" class=\"value\">095-324-5639<\/a>\n <\/div>\n <div class=\"contact-card\">\n <div class=\"icon\">\ud83d\udcd8<\/div>\n <div class=\"channel\">Facebook<\/div>\n <a href=\"https:\/\/www.facebook.com\/baanbandansuk\" class=\"value\" target=\"_blank\">baanbandansuk<\/a>\n <\/div>\n <\/div>\n <div class=\"contact-cta\">\n <a href=\"https:\/\/line.me\/ti\/p\/~@bandansuk\" class=\"big-cta\" target=\"_blank\">LINE: @BANDANSUK \u2014 \u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e15\u0e2d\u0e19\u0e19\u0e35\u0e49<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"footer-logo\">BAAN BANDANSUK 4<\/div>\n <div class=\"footer-slogan\">\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e38\u0e02\u0e43\u0e2b\u0e49\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e23\u0e31\u0e27 \u0e1a\u0e19\u0e17\u0e33\u0e40\u0e25\u0e17\u0e35\u0e48\u0e14\u0e35\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e43\u0e19\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35<\/div>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/www.facebook.com\/baanbandansuk\" target=\"_blank\">Facebook<\/a><\/li>\n <li><a href=\"https:\/\/line.me\/ti\/p\/~@bandansuk\" target=\"_blank\">LINE<\/a><\/li>\n <li><a href=\"tel:0953245639\">095-324-5639<\/a><\/li>\n <\/ul>\n <div class=\"footer-copy\">\u00a9 2026 \u0e1a\u0e49\u0e32\u0e19\u0e1a\u0e31\u0e19\u0e14\u0e32\u0e25\u0e2a\u0e38\u0e02 4 \u00b7 \u0e40\u0e21\u0e37\u0e2d\u0e07\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35 \u0e08.\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35<\/div>\n<\/footer>\n\n\n<div class=\"float-line-label\">\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e17\u0e32\u0e07 LINE<\/div>\n<a href=\"https:\/\/line.me\/ti\/p\/~@bandansuk\" class=\"float-line\" target=\"_blank\">\ud83d\udcac<\/a>\n\n<\/body>\n<\/html>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-blank-landingpage.php","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bandansuk.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bandansuk.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bandansuk.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bandansuk.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bandansuk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":15,"href":"https:\/\/bandansuk.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":44,"href":"https:\/\/bandansuk.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/44"}],"wp:attachment":[{"href":"https:\/\/bandansuk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}