<!-- Hill REI Construction - Portfolio Section -->
<section style="padding:60px 20px; background-color:#f9f9f9; font-family:Arial, sans-serif;">
  <div style="max-width:1200px; margin:0 auto; text-align:center;">
    <h2 style="font-size:36px; font-weight:700; margin-bottom:10px; color:#222;">
      Our Portfolio
    </h2>
    <p style="font-size:18px; color:#555; margin-bottom:40px;">
      At Hill REI Construction, every project reflects our commitment to quality, transparency, and client-first results.
    </p>
    
    <!-- Project Grid -->
    <div style="display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:30px;">
      
      <!-- Project Card 1 -->
      <div style="background:#fff; border-radius:12px; box-shadow:0 4px 10px rgba(0,0,0,0.08); overflow:hidden; text-align:left;">
        <img src="https://via.placeholder.com/600x400" alt="Flex Industrial Space" style="width:100%; display:block;">
        <div style="padding:20px;">
          <h3 style="font-size:22px; font-weight:600; color:#333;">Flex Industrial Space - Fort Worth TX</h3>
          <p style="color:#666; font-size:16px; margin:15px 0;">
            10,000 sq ft ground-up build with four expandable bays and truck accessibility. Delivered on time and on budget.
          </p>
          <a href="#contact" style="display:inline-block; padding:10px 20px; background:#004aad; color:#fff; border-radius:6px; text-decoration:none; font-size:15px;">View Details</a>
        </div>
      </div>
      
      <!-- Project Card 2 -->
      <div style="background:#fff; border-radius:12px; box-shadow:0 4px 10px rgba(0,0,0,0.08); overflow:hidden; text-align:left;">
        <img src="https://via.placeholder.com/600x400" alt="Residential Remodel" style="width:100%; display:block;">
        <div style="padding:20px;">
          <h3 style="font-size:22px; font-weight:600; color:#333;">Residential Remodel - Keller TX</h3>
          <p style="color:#666; font-size:16px; margin:15px 0;">
            Full interior renovation with modern open concept design, increasing property value by 15% within 10 weeks.
          </p>
          <a href="#contact" style="display:inline-block; padding:10px 20px; background:#004aad; color:#fff; border-radius:6px; text-decoration:none; font-size:15px;">View Details</a>
        </div>
      </div>
      
      <!-- Project Card 3 -->
      <div style="background:#fff; border-radius:12px; box-shadow:0 4px 10px rgba(0,0,0,0.08); overflow:hidden; text-align:left;">
        <img src="https://via.placeholder.com/600x400" alt="Multi-Family Rehab" style="width:100%; display:block;">
        <div style="padding:20px;">
          <h3 style="font-size:22px; font-weight:600; color:#333;">Multi-Family Rehab - Arlington TX</h3>
          <p style="color:#666; font-size:16px; margin:15px 0;">
            24-unit rehab with new finishes, energy-efficient upgrades, and curb-appeal improvements for investor ROI.
          </p>
          <a href="#contact" style="display:inline-block; padding:10px 20px; background:#004aad; color:#fff; border-radius:6px; text-decoration:none; font-size:15px;">View Details</a>
        </div>
      </div>
      
    </div>
  </div>
</section>
