{"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-06-29T14:17:03","modified_gmt":"2026-06-29T14:17:03","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<!DOCTYPE html>\n<html lang=\"th\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>\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&#038;family=Sarabun:wght@300;400;500;600&#038;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:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?w=1600&q=80') center\/cover no-repeat;\n    }\n    \/* Luxury geometric overlay *\/\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 {\n      position: relative;\n    }\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 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 {\n      grid-row: span 2;\n    }\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 FLOOR PLANS \/ 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-plan-img img {\n      max-width: 100%;\n      opacity: 0.85;\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 {\n      font-weight: 700;\n      color: var(--white);\n    }\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 \/ CTA \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 {\n      position: relative; z-index: 1;\n    }\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    }\n  <\/style>\n<\/head>\n<body>\n\n<!-- NAVIGATION -->\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=\"#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<!-- HERO -->\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<!-- USP STRIP -->\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<!-- ABOUT -->\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:\/\/images.unsplash.com\/photo-1564013799919-ab600027ffc6?w=800&#038;q=80\" 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<!-- FEATURES -->\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<!-- GALLERY -->\n<section style=\"padding: 0; background: var(--dark2);\">\n  <div class=\"gallery-grid\">\n    <div class=\"gallery-item\">\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?w=800&#038;q=80\" 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:\/\/images.unsplash.com\/photo-1618221195710-dd6b41faaea6?w=600&#038;q=80\" 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:\/\/images.unsplash.com\/photo-1556909114-f6e7ad7d3136?w=600&#038;q=80\" 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:\/\/images.unsplash.com\/photo-1616594039964-ae9021a400a0?w=600&#038;q=80\" 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:\/\/images.unsplash.com\/photo-1552321554-5fefe8c9ef14?w=600&#038;q=80\" alt=\"\u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e49\u0e33\" \/>\n      <div class=\"gallery-overlay\"><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- SPECS -->\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<!-- PRICING -->\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<!-- LOCATION -->\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>\n              <div class=\"nearby-name\">\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35<\/div>\n            <\/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>\n              <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>\n            <\/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>\n              <div class=\"nearby-name\">\u0e42\u0e25\u0e15\u0e31\u0e2a\u0e1a\u0e49\u0e32\u0e19\u0e2a\u0e27\u0e19<\/div>\n            <\/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>\n              <div class=\"nearby-name\">\u0e23\u0e1e.\u0e08\u0e38\u0e2c\u0e32\u0e23\u0e31\u0e15\u0e19\u0e4c\u0e0a\u0e25\u0e40\u0e27\u0e0a<\/div>\n            <\/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>\n              <div class=\"nearby-name\">\u0e23\u0e1e.\u0e2a\u0e21\u0e34\u0e15\u0e34\u0e40\u0e27\u0e0a\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35<\/div>\n            <\/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>\n              <div class=\"nearby-name\">\u0e40\u0e0b\u0e47\u0e19\u0e17\u0e23\u0e31\u0e25\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35<\/div>\n            <\/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>\n              <div class=\"nearby-name\">\u0e2a\u0e16\u0e32\u0e19\u0e35\u0e23\u0e16\u0e44\u0e1f\u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35<\/div>\n            <\/div>\n            <span class=\"nearby-dist\">4.0 \u0e01\u0e21.<\/span>\n          <\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CONTACT -->\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:0893562456\" class=\"value\">089-356-2456<\/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<!-- FOOTER -->\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:0893562456\">089-356-2456<\/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<!-- FLOATING LINE BUTTON -->\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":8,"href":"https:\/\/bandansuk.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":15,"href":"https:\/\/bandansuk.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/15"}],"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}]}}