{"id":2,"date":"2025-10-12T19:29:31","date_gmt":"2025-10-12T19:29:31","guid":{"rendered":"https:\/\/eechome.com\/?page_id=2"},"modified":"2025-10-12T19:50:13","modified_gmt":"2025-10-12T19:50:13","slug":"home","status":"publish","type":"page","link":"https:\/\/eechome.com\/","title":{"rendered":"EECHome.com"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"th\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>EECHome.com \u2014 For Sale | DomYES<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@400;500;700&#038;display=swap\" rel=\"stylesheet\">\n<style>\n  * { box-sizing: border-box; margin:0; padding:0; }\n  body, html { font-family: 'Sarabun', sans-serif; height: 100%; width: 100%; }\n\n  .container {\n    display: flex;\n    flex-wrap: wrap;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 20px;\n    gap: 40px;\n    align-items: stretch;\n    position: relative;\n  }\n\n  \/* LEFT PANEL *\/\n  .left {\n    position: relative;\n    flex: 1 1 500px;\n    padding: 60px 40px;\n    min-height: 100vh;\n    background: linear-gradient(135deg, rgb(59, 91, 207), rgb(32, 15, 158));\n    color:#fff;\n    display:flex;\n    flex-direction:column;\n    justify-content:center;\n    overflow: hidden;\n  }\n\n  #particle-bg { position: absolute; top:0; left:0; width:100%; height:100%; z-index: 0; }\n  .left > * { position: relative; z-index: 2; }\n\n  .left .highlight,\n  .left .price-tag { display: inline-block; max-width: fit-content; white-space: nowrap; padding: 6px 14px; margin-bottom: 18px; }\n  .left .highlight { background: #fff; color: #2D3561; font-weight: 700; font-size: 18px; }\n  .left h1 { font-size: 50px; font-weight: 700; margin-bottom: 20px; }\n  .left .price-tag { background: rgba(255,255,255,0.2); color: #fff; font-weight: 700; font-size: 20px; }\n  .left p { font-size:16px; line-height:1.6; margin-bottom:20px; opacity:0.9; }\n  .domyes-link { color: #FFD700; text-decoration: none; border-bottom: 2px solid #FFD700; padding-bottom: 2px; font-weight: 500; transition: all 0.3s ease; cursor: pointer; }\n  .domyes-link:hover { color: #fff; border-bottom-color: #fff; }\n  .contact-info { font-size:16px; opacity:0.9; margin-top:20px; display:flex; gap:10px; flex-wrap:wrap; }\n  .contact-item { display:flex; align-items:center; padding:6px 10px; gap:6px; }\n  .contact-item svg { width:18px; height:18px; fill:#fff; }\n  .stats-inline { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 6px 10px; margin-top: 25px; font-size: 12px; font-weight: 500; color: #2D3561; }\n  .stat-inline { background: #f1f5fb; padding: 4px 8px; border-radius: 6px; text-align: center; display: flex; align-items: center; gap: 4px; }\n  .stat-inline span { font-weight: 700; color: #3137ab; font-size: 14px; }\n\n  \/* RIGHT PANEL *\/\n  .right {\n    flex: 1 1 500px;\n    padding: 60px 40px;\n    min-height: 100vh;\n    background:#fff;\n    display:flex;\n    flex-direction:column;\n    justify-content:center;\n  }\n\n  .right h2 { font-size:28px; font-weight:700; color:#2D3561; margin-bottom:20px; }\n  .right form input, .right form textarea { width:100%; padding:12px; margin-bottom:12px; border:1px solid #ccc; border-radius:4px; font-family:inherit; font-size:14px; }\n  .right form button { background:#2D3561; color:#fff; border:none; padding:12px 16px; font-weight:700; cursor:pointer; transition: background 0.2s ease; }\n  .right form button:hover { background: #434b82; }\n  .hint { font-size:13px; color:#666; margin-top:10px; }\n\n  #successMsg { display: none; color: green; font-weight: 500; margin-top: 10px; }\n\n  \/* Responsive *\/\n  @media(max-width:900px){\n    .container { flex-direction:column; width:100%; padding:0; }\n    .left, .right { padding:20px; width:100%; min-height:auto; }\n    .left h1 { font-size:36px; }\n    .left .highlight, .left .price-tag { font-size:16px; padding:5px 12px; }\n    .right h2 { font-size:22px; }\n  }\n  @media(max-width:600px){\n    .left h1 { font-size:28px; }\n    .left p { font-size:14px; }\n    .contact-info { font-size:14px; }\n    .stats-inline { justify-content:center; font-size:12px; }\n    .left, .right { min-height:auto; padding-left:15px; padding-right:15px; padding-top:50px; padding-bottom:50px; }\n  }\n\n  }\n<\/style>\n<\/head>\n<body>\n<div class=\"container\">\n  <div class=\"left\">\n    <canvas id=\"particle-bg\"><\/canvas>\n    <span class=\"highlight\">For Sale!<\/span>\n    <h1>EECHome.com<\/h1>\n    <div class=\"price-tag\">450,000\u0e3f<\/div>\n    <p>EECHome.com \u0e04\u0e37\u0e2d\u0e42\u0e14\u0e40\u0e21\u0e19\u0e1e\u0e23\u0e35\u0e40\u0e21\u0e35\u0e22\u0e21\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e22\u0e34\u0e48\u0e07\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e2d\u0e2a\u0e31\u0e07\u0e2b\u0e32\u0e23\u0e34\u0e21\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e4c\u0e43\u0e19\u0e40\u0e02\u0e15\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e28\u0e23\u0e29\u0e10\u0e01\u0e34\u0e08\u0e20\u0e32\u0e04\u0e15\u0e30\u0e27\u0e31\u0e19\u0e2d\u0e2d\u0e01 (EEC) \u0e02\u0e2d\u0e07\u0e44\u0e17\u0e22 \u0e40\u0e0a\u0e48\u0e19 \u0e0a\u0e25\u0e1a\u0e38\u0e23\u0e35 \u0e23\u0e30\u0e22\u0e2d\u0e07 \u0e09\u0e30\u0e40\u0e0a\u0e34\u0e07\u0e40\u0e17\u0e23\u0e32 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e1a\u0e49\u0e32\u0e19\u0e08\u0e31\u0e14\u0e2a\u0e23\u0e23 \u0e04\u0e2d\u0e19\u0e42\u0e14 \u0e42\u0e23\u0e07\u0e07\u0e32\u0e19 \u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e02\u0e48\u0e32\u0e27-\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2d\u0e2a\u0e31\u0e07\u0e2b\u0e32\u0e2f \u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14\u0e02\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28<\/p>\n    <p><a href=\"https:\/\/domyes.com\/domain\/eechome.com\" class=\"domyes-link\" target=\"_blank\">\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e17\u0e35\u0e48 DomYES<\/a><\/p>\n    <div class=\"contact-info\">\n      <div class=\"contact-item\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\n        <span>contact@domyes.com<\/span>\n      <\/div>\n      <div class=\"contact-item\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79a15.053 15.053 0 006.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1v3.5c0 .55-.45 1-1 1C10.74 21 3 13.26 3 4.5c0-.55.45-1 1-1H7c.55 0 1 .45 1 1 0 1.24.2 2.45.57 3.57.11.35.03.74-.24 1.02l-2.71 2.7z\"\/><\/svg>\n        <span>+66 63 727 8899<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"stats-inline\">\n      <div class=\"stat-inline\"><span>14k<\/span> Visits<\/div>\n      <div class=\"stat-inline\"><span>3k<\/span> Unique<\/div>\n      <div class=\"stat-inline\"><span>29k<\/span> Views<\/div>\n      <div class=\"stat-inline\"><span>35%<\/span> New<\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"right\">\n    <h2>Make an Offer<\/h2>\n    <form id=\"offerForm\" action=\"https:\/\/formspree.io\/f\/xqaygawg\" method=\"POST\">\n      <input type=\"text\" name=\"name\" placeholder=\"Your name\" required>\n      <input type=\"email\" name=\"email\" placeholder=\"Your email address*\" required>\n      <input type=\"text\" name=\"phone\" placeholder=\"\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d (\u0e44\u0e21\u0e48\u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a)\" \/>\n      <input type=\"text\" name=\"offer\" placeholder=\"\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e32\u0e04\u0e32\" required \/>\n      <textarea name=\"message\" rows=\"5\" placeholder=\"\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\"><\/textarea>\n      <button type=\"submit\">\u0e2a\u0e48\u0e07<\/button>\n      <p class=\"hint\">\u0e2b\u0e23\u0e37\u0e2d WhatsApp: <a href=\"https:\/\/wa.me\/66637278899\" target=\"_blank\" rel=\"noopener\"><strong>+66 63 727 8899<\/strong><\/a> \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e38\u0e22\u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e42\u0e14\u0e22\u0e15\u0e23\u0e07<\/p>\n    <\/form>\n    <p id=\"successMsg\">\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e23\u0e49\u0e2d\u0e22\u0e41\u0e25\u0e49\u0e27!<\/p>\n  <\/div>\n<\/div>\n\n<script>\ndocument.getElementById('offerForm').addEventListener('submit', function(e){\n  e.preventDefault();\n  const form = e.target;\n  fetch(form.action, {\n    method: 'POST',\n    body: new FormData(form),\n    headers: { 'Accept': 'application\/json' }\n  }).then(response => {\n    const msg = document.getElementById('successMsg');\n    if(response.ok){\n      msg.style.display = 'block';\n      form.reset();\n      setTimeout(() => { msg.style.display = 'none'; }, 5000);\n    } else {\n      alert(\"\u0e40\u0e01\u0e34\u0e14\u0e02\u0e49\u0e2d\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14 \u0e01\u0e23\u0e38\u0e13\u0e32\u0e25\u0e2d\u0e07\u0e43\u0e2b\u0e21\u0e48\");\n    }\n  });\n});\n<\/script>\n\n<script>\nconst canvas = document.getElementById(\"particle-bg\");\nconst ctx = canvas.getContext(\"2d\");\nlet particlesArray;\nconst connectDist = 140;\n\nfunction resizeCanvas() {\n  canvas.width = canvas.offsetWidth;\n  canvas.height = canvas.offsetHeight;\n}\nwindow.addEventListener(\"resize\", resizeCanvas);\nresizeCanvas();\n\nfunction numParticlesByWidth() {\n  return window.innerWidth < 600 ? 40 : 70;\n}\n\nclass Particle {\n  constructor() {\n    this.x = Math.random() * canvas.width;\n    this.y = Math.random() * canvas.height;\n    this.size = Math.random() * 2 + 1;\n    this.speedX = (Math.random() - 0.5) * 0.6;\n    this.speedY = (Math.random() - 0.5) * 0.6;\n  }\n  update() {\n    this.x += this.speedX;\n    this.y += this.speedY;\n    if (this.x < 0 || this.x > canvas.width) this.speedX *= -1;\n    if (this.y < 0 || this.y > canvas.height) this.speedY *= -1;\n  }\n  draw() {\n    ctx.fillStyle = \"rgba(255,255,255,0.8)\";\n    ctx.beginPath();\n    ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\n    ctx.fill();\n  }\n}\n\nfunction connect() {\n  for (let a = 0; a < particlesArray.length; a++) {\n    for (let b = a; b < particlesArray.length; b++) {\n      let dx = particlesArray[a].x - particlesArray[b].x;\n      let dy = particlesArray[a].y - particlesArray[b].y;\n      let dist = Math.sqrt(dx*dx + dy*dy);\n      if (dist < connectDist) {\n        ctx.strokeStyle = `rgba(255,255,255,${1 - dist\/connectDist})`;\n        ctx.lineWidth = 0.6;\n        ctx.beginPath();\n        ctx.moveTo(particlesArray[a].x, particlesArray[a].y);\n        ctx.lineTo(particlesArray[b].x, particlesArray[b].y);\n        ctx.stroke();\n      }\n    }\n  }\n}\n\nfunction init() {\n  particlesArray = [];\n  const num = numParticlesByWidth();\n  for (let i = 0; i < num; i++) {\n    particlesArray.push(new Particle());\n  }\n}\nfunction animate() {\n  ctx.clearRect(0,0,canvas.width,canvas.height);\n  for (let particle of particlesArray) {\n    particle.update();\n    particle.draw();\n  }\n  connect();\n  requestAnimationFrame(animate);\n}\ninit();\nanimate();\n<\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>EECHome.com \u2014 For Sale | DomYES For Sale! EECHome.com 4 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"landing-page","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/eechome.com\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eechome.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eechome.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eechome.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eechome.com\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":2,"href":"https:\/\/eechome.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":8,"href":"https:\/\/eechome.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/8"}],"wp:attachment":[{"href":"https:\/\/eechome.com\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}