<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <title>LuminousHeart.com - Reserved For Strategic Use</title>
    <link rel="stylesheet" href="/css/styles2.css" />
  </head>
  <body>
    <div class="bg"></div>
    <main class="center-wrap">
      <section class="card" role="region" aria-label="Reservation notice">
        <h1 class="brand">LuminousHeart.com</h1>
        <h2 class="tagline">Reserved For Strategic Use</h2>
        <p class="note"><em>We're open to qualified inquiries that align with our valuation and usage standards.</em></p>
  <div style="grid-column:1/-1; margin-top:2rem;">
    <a href="https://namex.com/LuminousHeart.com"
       class="btn btn-primary"
       role="button"
       target="_blank"
       style="text-decoration:none;">Submit Inquiry</a>
  </div>
      </section>
    </main>

    <script>
      // Toggle inquiry form
      function loadInquiryForm(){
        const btn = document.getElementById("inquiry-button-container");
        const form = document.getElementById("inquiry-form-container");
        if (btn) btn.style.display = "none";
        if (form) form.style.display = "block";
      }

      // AJAX submit (keep your endpoint)
      document.addEventListener("DOMContentLoaded", function(){
        const form = document.getElementById("inquiry-form");
        if (!form) return;

        form.addEventListener("submit", function(e){
          e.preventDefault();
          const fd = new FormData(form);
          fd.append("inquiry_submit","1");

          fetch("sub_inq.php", { method:"POST", body:fd })
            .then(r => { if(!r.ok) throw new Error("Network error"); return r.json(); })
            .then(data => {
              const container = document.getElementById("inquiry-form-container");
              if (data.success){
                container.innerHTML = '<div class="alert alert-success">' + (data.message || "Thanks, we'll be in touch.") + '</div>';
              } else {
                const errs = (data.errors || ["Unknown error"]).map(e => "<li>"+e+"</li>").join("");
                const block = '<div class="alert alert-danger"><ul class="mb-0">'+errs+'</ul></div>';
                const existing = container.querySelector("form");
                if (existing){
                  const div = document.createElement("div");
                  div.innerHTML = block;
                  container.insertBefore(div, existing);
                } else {
                  container.innerHTML = block;
                }
              }
            })
            .catch(() => alert("An error occurred. Please try again."));
        });
      });
    </script>
  </body>
</html>