Claude Code Task — Disable Contact Form (Pre-incorporation)


Context

Meiree Pte. Ltd. is not yet incorporated with ACRA Singapore.
The contact form collects personal data (name, email, company, message).
Collecting personal data before incorporation creates PDPA compliance risk.

This task temporarily disables the form and replaces it with a simple
direct email prompt. The form code is preserved in comments so it can
be re-enabled with a single commit after incorporation.


Step 1 — Open index.html

Locate the contact form section. It starts with:

<form class="form" id="contactForm" action="https://api.web3forms.com/submit" method="POST">

And ends with:

      <button type="submit" class="fsub" id="formBtn">Send message →</button>
    </form>

Step 2 — Replace the form

Replace the entire form block (from opening <form> tag to closing </form> tag)
with this pre-incorporation message block:

    <div class="glass" style="padding:36px;border-radius:16px;">
      <p style="font-size:13px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--indigo);margin-bottom:14px;">Currently setting up</p>
      <p style="font-size:16px;font-weight:400;color:var(--text);margin-bottom:10px;line-height:1.65;">We are in the process of formally incorporating Meiree.</p>
      <p style="font-size:14px;font-weight:300;color:var(--text-s);line-height:1.75;margin-bottom:28px;">In the meantime, we would love to hear from you directly. Reach us at the email below and we will respond within one business day.</p>
      <a href="mailto:hello@meiree.com"
         style="display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:500;color:var(--indigo);text-decoration:none;padding:14px 24px;border:1px solid rgba(129,140,248,0.3);border-radius:8px;background:rgba(129,140,248,0.08);transition:all 0.3s;">
        hello@meiree.com
      </a>
      <p style="font-size:12px;color:var(--text-m);margin-top:20px;">Full enquiry form coming soon.</p>
    </div>

Step 3 — Remove the form JavaScript handler

In the script section at the bottom of index.html, find and remove the contact form handler block (fetch to Web3Forms, success/error messaging).


Step 4 — Update README in meiree-ops repo

In the meiree-ops repo, open README.md and update the
“Pending actions — next steps in order” section.

Add a note flagging the form is disabled pending ACRA incorporation, and
add the Web3Forms access key to decisions/domain-email.md.

Web3Forms access key: 935123f9-9597-4098-9926-e94d8a477576 (registered to hello@meiree.com, dashboard at app.web3forms.com). Key is active — form is temporarily disabled pending incorporation.

To re-enable the form after incorporation

  1. Restore the form HTML from git history or the backup below
  2. Restore the JavaScript handler
  3. Commit and push — form is live immediately

Step 5 — Commit and push meiree-website

git add .
git commit -m "disable contact form pending ACRA incorporation — replaced with direct email link"
git push

Step 6 — Commit and push meiree-ops

git add .
git commit -m "document Web3Forms key and form disable status"
git push

Step 7 — Verify

  1. Visit meiree.com and scroll to the contact section
  2. Confirm the form is replaced with the email prompt
  3. Click hello@meiree.com — confirm it opens the mail client
  4. Confirm the site still looks correct in both dark and light mode

Re-enabling the form after incorporation

When Meiree Pte. Ltd. is incorporated and UEN is obtained, restore the
Web3Forms contact form (access key above) and JavaScript handler, then
commit as “re-enable contact form — incorporation complete” and push.


Important notes for Claude Code

  • Do NOT delete the Web3Forms access key from the codebase
  • Do NOT change any other part of index.html
  • Do NOT modify the design, colours, or layout
  • The glass card styling must match the rest of the site
  • Both repos (meiree-website and meiree-ops) need separate commits