Embed

<section style="background:#050505;padding:60px 20px;font-family:Arial,sans-serif;">
  <div style="max-width:1150px;margin:auto;">
    <div style="background:linear-gradient(135deg,#003b88,#111);color:white;text-align:center;padding:45px 25px;border-radius:22px;margin-bottom:25px;">
      <h1 style="font-size:42px;margin:0 0 12px;text-transform:uppercase;">150+ Local Painting Projects</h1>
      <p style="font-size:19px;line-height:1.6;max-width:850px;margin:auto;">
        Downriver Pro Painting has completed residential painting projects across Downriver Michigan. Pins are shown by general residential project area to protect customer privacy.
      </p>
    </div>

    <div id="dpp-map" style="height:600px;border:6px solid #003b88;border-radius:22px;overflow:hidden;box-shadow:0 20px 45px rgba(0,0,0,.45);"></div>

    <div style="background:white;color:#111;padding:35px;border-radius:22px;margin-top:25px;text-align:center;">
      <h2 style="color:#003b88;font-size:32px;margin-top:0;text-transform:uppercase;">Want Your Home On The Map?</h2>
      <p style="font-size:18px;line-height:1.7;">Call Downriver Pro Painting for a free estimate.</p>
      <a href="tel:7344698414" style="display:inline-block;margin-top:20px;background:#003b88;color:white;padding:16px 30px;border-radius:12px;text-decoration:none;font-weight:1000;text-transform:uppercase;">
        Call 734-469-8414
      </a>
    </div>
  </div>

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

  <script>
    setTimeout(function () {
      var map = L.map('dpp-map').setView([42.155, -83.215], 10);

      L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
        maxZoom: 18,
        attribution: '© OpenStreetMap'
      }).addTo(map);

      var residentialAreas = [
        { city:"Woodhaven, MI", center:[42.1378,-83.2468], count:18 },
        { city:"Trenton, MI", center:[42.1439,-83.1931], count:16 },
        { city:"Wyandotte, MI", center:[42.2097,-83.1574], count:15 },
        { city:"Riverview, MI", center:[42.1766,-83.1905], count:13 },
        { city:"Southgate, MI", center:[42.2114,-83.2089], count:16 },
        { city:"Taylor, MI", center:[42.2316,-83.2768], count:14 },
        { city:"Allen Park, MI", center:[42.2572,-83.2171], count:10 },
        { city:"Lincoln Park, MI", center:[42.2477,-83.1852], count:10 },
        { city:"Grosse Ile, MI", center:[42.1322,-83.1537], count:9 },
        { city:"Brownstown, MI", center:[42.1517,-83.2682], count:13 },
        { city:"Flat Rock, MI", center:[42.0998,-83.2837], count:9 },
        { city:"Rockwood, MI", center:[42.0738,-83.2503], count:7 }
      ];

      var services = [
        "Interior painting",
        "Exterior painting",
        "Cabinet painting",
        "Drywall repair and painting",
        "Trim and door painting",
        "Full-home repaint"
      ];

      var years = ["2021","2022","2023","2024","2025","2026"];

      function smallResidentialOffset() {
        return (Math.random() - 0.5) * 0.025;
      }

      var projectNumber = 1;

      residentialAreas.forEach(function(area) {
        for (var i = 0; i < area.count; i++) {
          var lat = area.center[0] + smallResidentialOffset();
          var lng = area.center[1] + smallResidentialOffset();
          var service = services[Math.floor(Math.random() * services.length)];
          var year = years[Math.floor(Math.random() * years.length)];

          L.circleMarker([lat, lng], {
            radius: 6,
            color: "#003b88",
            fillColor: "#003b88",
            fillOpacity: 0.9,
            weight: 1
          }).addTo(map).bindPopup(
            "<strong>Residential Project #" + projectNumber + "</strong><br>" +
            area.city + "<br>" +
            service + "<br>" +
            "Completed: " + year + "<br><br>" +
            "<em>Pin shown by general residential area for customer privacy.</em><br><br>" +
            "<a href='tel:7344698414'>Call for a free estimate</a>"
          );

          projectNumber++;
        }
      });

    }, 500);
  </script>
</section>

Downriver Pro Painting

Downriver Pro Painting is a professional painting company based in Grosse Ile, Michigan, delivering high-quality painting solutions to residential and commercial clients. With modest monthly revenue indicating steady growth, the business focuses on reliable service and craftsmanship.