<!-- HERO -->

<section style="background:#FAF8F3;padding:90px 20px;">

  <div style="max-width:900px;margin:auto;">

    

    <p style="color:#8A9A84;letter-spacing:2px;text-transform:uppercase;font-size:12px;margin-bottom:10px;">

      Get in Touch

    </p>

    <h1 style="font-family:Playfair Display, serif;font-size:44px;color:#5C5044;line-height:1.2;margin:0;">

      Let’s talk.

    </h1>

    <p style="margin-top:20px;font-size:18px;color:#5C5044;line-height:1.7;max-width:600px;">

      Whether you have a question about an order, want to discuss a custom piece, or just want to say hello — I’d love to hear from you.

    </p>

  </div>

</section>

<!-- CONTACT SECTION -->

<section style="background:#F3F0E8;padding:80px 20px;">

  <div style="max-width:1100px;margin:auto;

              display:grid;

              grid-template-columns:1fr 1.5fr;

              gap:60px;

              align-items:start;">

    <!-- LEFT INFO -->

    <div style="display:flex;flex-direction:column;gap:30px;">

      <div>

        <h3 style="color:#5C5044;margin-bottom:8px;">Workshop Hours</h3>

        <p style="color:#5C5044;font-size:14px;line-height:1.6;">

          Monday – Friday<br>

          8:00 AM – 4:00 PM EST

        </p>

        <p style="font-size:13px;color:#8A9A84;margin-top:6px;">

          Limited hours on weekends during peak season

        </p>

      </div>

      <div>

        <h3 style="color:#5C5044;margin-bottom:8px;">Email</h3>

        <a href="mailto:[email protected]"

           style="color:#8A9A84;text-decoration:none;font-size:14px;">

          [email protected]

        </a>

      </div>

      <div>

        <h3 style="color:#5C5044;margin-bottom:8px;">Location</h3>

        <p style="color:#5C5044;font-size:14px;">

          Concord, Michigan

        </p>

        <p style="font-size:13px;color:#8A9A84;">

          Homestead workshop · By appointment only

        </p>

      </div>

      <div>

        <h3 style="color:#5C5044;margin-bottom:8px;">Phone</h3>

        <p style="color:#5C5044;font-size:14px;">

          517-945-3211

        </p>

      </div>

      <div style="background:#FAF8F3;padding:18px;border-radius:10px;">

        <p style="font-size:13px;color:#5C5044;line-height:1.6;">

          “I respond to every message personally — usually within one business day. For custom orders, I often have design options ready within 48 hours.”

        </p>

        <p style="margin-top:8px;font-size:12px;color:#8A9A84;">

          — Erika, BLOCKSetc

        </p>

      </div>

    </div>

    <!-- FORM -->

    <div>

      <form action="contactus.asp" method="post">

        <!-- NAME + EMAIL -->

        <div style="display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px;">

          <input type="text" name="name" placeholder="Your name" required

            style="width:100%;padding:14px;border:2px solid #C1B7A3;border-radius:10px;background:#FAF8F3;">

          <input type="email" name="email" placeholder="[email protected]" required

            style="width:100%;padding:14px;border:2px solid #C1B7A3;border-radius:10px;background:#FAF8F3;">

        </div>

        <!-- MESSAGE -->

        <textarea name="message" rows="6"

          placeholder="Questions about an order, a custom piece, or just want to say hello — I’d love to hear from you."

          style="width:100%;margin-bottom:20px;padding:14px;border:2px solid #C1B7A3;border-radius:10px;background:#FAF8F3;"></textarea>

        <!-- CAPTCHA (keep your system one if required) -->

        <!-- If SS injects it automatically, leave it out -->

        <!-- BUTTON -->

        <button type="submit"

          style="background:#5C5044;color:#F3F0E8;padding:14px 32px;border-radius:30px;border:none;">

          Send Message

        </button>

      </form>

    </div>

  </div>

</section>