Embed

<div style="max-width:500px; margin:0 auto; padding:24px;">

  <div id="bhcoc-gate">
    <p style="text-align:center; margin-bottom:12px;">Enter PIN to post an announcement</p>
    <input id="bhcoc-gate-pin" type="password" placeholder="PIN" style="width:100%; padding:12px; border-radius:8px; border:1px solid #ccc; font:inherit; box-sizing:border-box;">
    <button id="bhcoc-gate-submit" type="button" style="margin-top:8px; width:100%; padding:12px 20px; border-radius:8px; border:none; background:#7A3E1D; color:#fff; font-weight:600; cursor:pointer;">Unlock</button>
    <div id="bhcoc-gate-status" style="margin-top:8px; font-size:14px; text-align:center;"></div>
  </div>

  <div id="bhcoc-form" style="display:none;">
    <textarea id="bhcoc-announce-text" rows="6" placeholder="Write the announcement, rough is fine - AI will clean up the phrasing." style="width:100%; padding:12px; border-radius:8px; border:1px solid #ccc; font:inherit; box-sizing:border-box;"></textarea>
    <button id="bhcoc-announce-submit" type="button" style="margin-top:8px; padding:12px 20px; border-radius:8px; border:none; background:#7A3E1D; color:#fff; font-weight:600; cursor:pointer;">Post Announcement</button>
    <div id="bhcoc-announce-status" style="margin-top:8px; font-size:14px;"></div>
  </div>

</div>
<script>
(function () {
  var WORKER_BASE = 'https://fragrant-dream-ef85.braxvisuals.workers.dev';
  var verifiedPin = null;

  var gate = document.getElementById('bhcoc-gate');
  var form = document.getElementById('bhcoc-form');
  var gateStatus = document.getElementById('bhcoc-gate-status');

  document.getElementById('bhcoc-gate-submit').addEventListener('click', function () {
    var pin = document.getElementById('bhcoc-gate-pin').value;
    if (!pin) { gateStatus.textContent = 'Enter a PIN first.'; return; }

    gateStatus.textContent = 'Checking...';
    fetch(WORKER_BASE + '/check-pin', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ pin: pin }),
    })
      .then(function (res) { return res.json(); })
      .then(function (data) {
        if (!data.valid) {
          gateStatus.textContent = 'Incorrect PIN.';
          return;
        }
        verifiedPin = pin;
        gate.style.display = 'none';
        form.style.display = 'block';
      })
      .catch(function () { gateStatus.textContent = 'Network error - try again.'; });
  });

  document.getElementById('bhcoc-announce-submit').addEventListener('click', function () {
    var text = document.getElementById('bhcoc-announce-text').value.trim();
    var status = document.getElementById('bhcoc-announce-status');

    if (!text) { status.textContent = 'Write something first.'; return; }

    status.textContent = 'Posting...';
    fetch(WORKER_BASE + '/submit', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ text: text, pin: verifiedPin }),
    })
      .then(function (res) { return res.json().then(function (data) { return { ok: res.ok, data: data }; }); })
      .then(function (result) {
        if (!result.ok) {
          status.textContent = result.data.error || 'Something went wrong.';
          return;
        }
        status.textContent = 'Posted! Cleaned version: "' + result.data.cleanedText + '"';
        document.getElementById('bhcoc-announce-text').value = '';
      })
      .catch(function () { status.textContent = 'Network error - try again.'; });
  });
})();
</script>

Bush Hills Church of Christ

Create a modern, welcoming church landing page for Bush Hills Church of Christ in Birmingham, Alabama.

The page should highlight:

A large hero banner with a warm welcome message and a call-to-action button (“Plan Your Visit” / “Service Times”).

Service times clearly displayed for Sunday (9:00 AM Bible Study, 10:00 AM Worship, 3:00 PM Ladies’ Bible Study – 1st Sunday only) and Wednesday (6:00 PM Bible Study in-house & virtual).

An “About Us / Our Mission” section explaining that the church’s mission is to worship, love, honor, and glorify God through scripture, prayer, fellowship, and service.

A “New Here?” section welcoming visitors and explaining what to expect.

Ministries & programs such as Bible Studies, Youth, and Community Outreach.

An “Online Giving” section with a donation button.

An “Events” section where updates and activities can be posted.

A footer with address (1400 4th Avenue West, Birmingham, AL 35208), phone ((205) 780-5108), and a Google Map embed.

The design should feel clean, modern, and easy to navigate, with warm tones and images that reflect faith, fellowship, and community.