<!-- ===== Header (centered nav + buttons) ===== -->
<div style="background:#ffffff;box-shadow:0 1px 0 #e6eef5">
  <div style="max-width:1200px;margin:0 auto;padding:12px 16px;display:flex;flex-direction:column;align-items:center;gap:14px">

    <!-- Logo + company name -->
    <a href="/" style="display:flex;align-items:center;gap:10px;text-decoration:none;color:#0c4b8c;font-weight:800">
      <img src="https://eokoch.com/wp-content/uploads/2025/09/1_youtube.jpg" 
           alt="EOK emblem" 
           style="width:48px;height:48px;border-radius:10px;display:block">
      <span>E.O. Koch Construction</span>
    </a>

    <!-- Nav: centered links and buttons -->
    <nav style="width:100%;display:flex;flex-direction:column;align-items:center;gap:.9rem">
      <!-- inline links -->
      <div style="display:flex;flex-wrap:wrap;justify-content:center;column-gap:1.25rem;row-gap:.6rem;align-items:center">
        <a href="/services" style="padding:8px 12px;border-radius:8px;font-weight:600;color:#1e293b;text-decoration:none">Services</a>
        <a href="/projects" style="padding:8px 12px;border-radius:8px;font-weight:600;color:#1e293b;text-decoration:none">Projects</a>
        <a href="/about" style="padding:8px 12px;border-radius:8px;font-weight:600;color:#1e293b;text-decoration:none">Why Us</a>
        <a href="/trade" style="padding:8px 12px;border-radius:8px;font-weight:600;color:#1e293b;text-decoration:none">Trade Partners</a>
        <a href="/careers" style="padding:8px 12px;border-radius:8px;font-weight:600;color:#1e293b;text-decoration:none">Careers</a>
      </div>

      <!-- stacked buttons -->
      <div style="display:flex;flex-direction:column;align-items:center;gap:.7rem">
        <a href="/prequal" style="padding:12px 18px;border-radius:12px;font-weight:800;background:#0c4b8c;color:#fff;text-decoration:none;box-shadow:0 2px 6px rgba(0,0,0,.12)">
          Subcontractor Pre-Qualification
        </a>
        <a href="/contact" style="padding:14px 20px;border-radius:14px;font-weight:800;background:linear-gradient(135deg,#fcd34d,#fbbf24);color:#111;text-decoration:none;box-shadow:0 4px 8px rgba(0,0,0,.15)">
          Request a Bid
        </a>
      </div>
    </nav>
  </div>
</div>

<!-- ===== Hero ===== -->
<section style="padding:64px 0;color:#fff;background:
    linear-gradient(rgba(12,75,140,.85),rgba(12,75,140,.75)),
    url('https://eokoch.com/wp-content/uploads/2025/09/1_youtube.jpg') center/cover">
  <div style="max-width:1200px;margin:0 auto;padding:0 16px;text-align:center">

    <!-- Enlarged logo only -->
    <img src="https://eokoch.com/wp-content/uploads/2025/09/1_youtube.jpg" 
         alt="EOK emblem" 
         style="width:88px;height:88px;border-radius:16px;display:block;margin:0 auto 14px">

    <h1 style="margin:0 0 12px;font-size:clamp(32px,5vw,52px);line-height:1.1">
      Building With Integrity Since 1975
    </h1>
    <p style="margin:0 auto;max-width:60ch;font-size:18px">
      Your trusted general contractor in Central Florida — delivering high-quality projects safely, on time, and within budget.
    </p>
    <p style="margin:.75rem auto 0;max-width:60ch;opacity:.95">
      <strong>Note:</strong> We focus on commercial and public projects. Residential work is accepted on a limited basis and only with prior approval from our Vice-President.
    </p>
    <div style="display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px">
      <a href="/contact" style="padding:14px 18px;border-radius:12px;font-weight:800;background:#eab308;color:#111;text-decoration:none;box-shadow:0 4px 8px rgba(0,0,0,.15)">Start Your Project</a>
      <a href="/projects" style="padding:12px 18px;border:2px solid #fff;border-radius:12px;font-weight:800;color:#fff;text-decoration:none">View Our Work</a>
    </div>
  </div>
</section>