Text

<h2 style="white-space:pre-line;text-align:center">Contact Us</h2>
<p style="text-align:center">📱 Mobile: 508-395-5213<br />✉️ Email: kingdomiron@yahoo.com</p>
<p style="text-align:center">Call, text, or email to schedule services or request more information</p>

Contact form

<h3>Get in Touch Today</h3> <p>Contact Kingdom Iron Welding &amp; Construction LLC for expert services in Willington, Connecticut.</p>

name

email

message

Embed

<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />

<section class="locations-section" aria-label="Location and Service Area">
  <div class="locations-wrap">

    
    <article class="loc-card" aria-labelledby="loc-title">
      <header class="loc-header">
        <h2 id="loc-title">Location</h2>
        <p class="loc-sub">9 Moose Meadow Road, Willington, CT, USA</p>
        <a
          class="loc-link"
          href="https://www.google.com/maps?q=9%20Moose%20Meadow%20Road%2C%20Willington%2C%20CT%2C%20USA"
          target="_blank"
          rel="noopener noreferrer"
        >Open in Google Maps</a>
      </header>

      <div class="loc-mapShell">
        <iframe
          class="loc-iframe"
          title="Map: 9 Moose Meadow Road, Willington, CT, USA"
          loading="lazy"
          referrerpolicy="no-referrer-when-downgrade"
          src="https://www.google.com/maps?q=9%20Moose%20Meadow%20Road%2C%20Willington%2C%20CT%2C%20USA&output=embed"
        ></iframe>
      </div>
    </article>

    
    <article class="loc-card" aria-labelledby="service-title">
      <header class="loc-header">
        <h2 id="service-title">Service Area</h2>
        <p class="loc-sub">Massachusetts • Connecticut • Rhode Island • New Hampshire</p>
      </header>

      <div id="serviceMap" class="loc-leaflet"></div>
    </article>

  </div>
</section>

<style>
.locations-section{
  background:#000;
  padding: clamp(48px, 6vw, 120px) 5%;
  color:#fff;
}

.locations-wrap{
  max-width: 1500px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(18px, 2.2vw, 28px);
  align-items: stretch;
}

.loc-card{
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  background: rgba(255,255,255,.04);
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 520px;
}

.loc-header{
  padding: 22px 24px 14px 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.loc-header h2{
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(20px, 2.3vw, 34px);
  font-weight: 400;
  letter-spacing: .2px;
}

.loc-sub{
  margin: 0;
  color: rgba(255,255,255,.85);
  font-size: 16px;
  line-height: 1.5;
}

.loc-link{
  display: inline-flex;
  width: fit-content;
  margin-top: 6px;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.14);
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  transition: transform 120ms ease, background 120ms ease, border 120ms ease;
}

.loc-link:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.22);
}

.loc-mapShell,
.loc-leaflet{
  border-top: 1px solid rgba(255,255,255,.10);
  background: #0a0e13;
  flex: 1;
  min-height: 360px;
}

.loc-iframe{
  width: 100%;
  height: 100%;
  min-height: 360px;
  border: 0;
  display: block;
}

.loc-leaflet{
  width: 100%;
}

@media (max-width: 980px){
  .locations-wrap{
    grid-template-columns: 1fr;
  }
}
</style>


<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
<script>
const serviceMap = L.map("serviceMap", { scrollWheelZoom: false })
  .setView([42.3, -72.5], 7);

L.tileLayer("https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png", {
  attribution: "&copy; OpenStreetMap contributors",
  maxZoom: 19
}).addTo(serviceMap);

const states = [
  { name: "Massachusetts", coords: [42.4072, -71.3824] },
  { name: "Connecticut", coords: [41.6032, -73.0877] },
  { name: "Rhode Island", coords: [41.5801, -71.4774] },
  { name: "New Hampshire", coords: [43.1939, -71.5724] }
];

const bounds = [];

states.forEach(s => {
  bounds.push(s.coords);
  L.marker(s.coords).addTo(serviceMap).bindPopup(s.name);
});

serviceMap.fitBounds(bounds, { padding: [30, 30] });

window.addEventListener("load", () => {
  setTimeout(() => serviceMap.invalidateSize(), 150);
});
</script>