<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Greg Helms Builders Inc.</title>
  <meta name="description" content="Commercial and residential real estate development. Showcasing past and current developments while connecting with investors." />
  <style>
    body {
      margin: 0;
      font-family: Arial, Helvetica, sans-serif;
      line-height: 1.6;
      color: #222;
    }
    header {
      min-height: 300px;                 /* ensures space for logo */
      background:
        linear-gradient(rgba(17,17,17,0.0), rgba(17,17,17,0.0)),
        url("images/logo.jpg") center center no-repeat;
      background-size: 260px;             /* controls logo size */
      text-align: center;
    }
    header h1 {
      font-size: 2.5rem;
      margin-bottom: 0.5rem;
    }
    header p {
      max-width: 800px;
      margin: auto;
      font-size: 1.1rem;
      opacity: 0.9;
    }
    nav {
      background: #000;
      padding: 0.75rem;
      text-align: center;
    }
    nav a {
      color: #fff;
      margin: 0 1rem;
      text-decoration: none;
      font-weight: bold;
    }
    section {
      padding: 4rem 1.5rem;
      max-width: 1100px;
      margin: auto;
    }
    .grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 2rem;
    }
    .card {
      border: 1px solid #ddd;
      padding: 1.5rem;
      border-radius: 6px;
    }
    .card h3 {
      margin-top: 0;
    }
    .cta {
      background: #111;
      color: #fff;
      text-align: center;
      padding: 4rem 1.5rem;
    }
    .cta h2 {
      font-size: 2rem;
      margin-bottom: 1rem;
    }
    form {
      max-width: 500px;
      margin: 2rem auto 0;
      text-align: left;
    }
    input, textarea, button {
      width: 100%;
      padding: 0.75rem;
      margin-bottom: 1rem;
      font-size: 1rem;
    }
    button {
      background: #000;
      color: #fff;
      border: none;
      cursor: pointer;
    }
    footer {
      background: #000;
      color: #fff;
      text-align: center;
      padding: 1.5rem;
      font-size: 0.9rem;
    }
    img {
      max-width: 100%;
      height: auto;
      border-radius: 6px;
    }
    header h1, 			/* Hide header text but keep it for SEO */
    header p {
        display: none;
    }

    .video-section {
      padding: 4rem 1rem;
      background: #f7f7f7;
    }

    .video-section video {
      width: 100%;
      max-width: 900px;
      display: block;
      margin: auto;
      border-radius: 8px;
    }
    .video-wrapper {
      width: 100%;
      max-width: 800px;      /* limits size on large screens */
      margin: 2rem auto;     /* centers it */
      aspect-ratio: 16 / 9;  /* auto height */
    }

    .video-wrapper video {
      width: 100%;
      height: 100%;
      object-fit: contain;
      border-radius: 8px;
    }


  </style>
</head>
<body>

  <header>
    <h1>Greg Helms Builders Inc.</h1>
    <p>Commercial & Residential Real Estate Development delivering disciplined execution, quality construction, and long-term value for partners and communities.</p>
  </header>

  <nav>
    <a href="#about">About</a>
    <a href="#projects">Projects</a>
    <a href="#investors">Investors</a>
    <a href="#contact">Contact</a>
  </nav>

  <section id="about">
    <h2>About Us</h2>
    <p>We are a dedicated utility construction company specializing in water, sewer, and stormwater infrastructure. Our team delivers reliable construction solutions that support public health, environmental protection, and community growth. From new installations to system upgrades and repairs, we bring experience, precision, and accountability to every project.</p>
    <p>Safety, quality, and efficiency are at the core of our operations. We work closely with municipalities, engineers, and private clients to ensure projects are completed on time, within budget, and in full compliance with industry standards. Using skilled crews, proven methods, and modern equipment, we take pride in building infrastructure that performs today and lasts for generations.</p>
  </section>

  <section id="projects">
    <h2>Developments</h2>
    <div class="grid">
      <div class="card">
        <h3>Past Projects</h3>
        <p>Completed residential and commercial developments demonstrating consistent execution, quality construction, and strong market fundamentals.</p>
        <p><strong>Examples:</strong><br>• Mixed-use retail centers<br>• Residential infill developments<br>• Small commercial build-outs</p>
	<img src="images/GastoniaRdPastProject.jpg" alt="Blueprint of Gastonia Rd past project developed by Greg Helms Builders Inc.">
      </div>
      <div class="card">
        <h3>Current Project:</h3>
	<h3>Brook Ridge Lane, Boiling Springs Lakes, NC</h3>
        <p>Below is a project that is locating in Boiling Springs Lakes, NC.</p>
        <p><strong>Status:</strong><br>• Finalizing closing paperwork<br>• Closing with development buyer</p>
	<img src="images/BrookRidgeLaneProject.jpg" alt="Blueprint of Brook Ridge Lane developed by Greg Helms Builders Inc.">
	<img src="images/lowerroadview.jpg" alt="View of the lowered roadview developed by Greg Helms Builders Inc.">
	<img src="images/Roadview.jpg" alt="View of the roadview developed by Greg Helms Builders Inc.">
	<img src="images/Culdesac.jpg" alt="View of the Cul-de-Sac developed by Greg Helms Builders Inc.">
      </div>
      <div class="card">
        <h3>Upcoming Projects</h3>
        <p>Future opportunities in the acquisition, entitlement, or planning stage.</p>
        <p><strong>Investor participation available for qualified partners.</strong></p>
        <!-- Video starts here -->
          <div class="video-wrapper">
            <video controls muted playsinline>
              <source src="videos/UpcomingProject_video.mp4" type="video/mp4">
              Your browser does not support the video tag.
            </video>
          </div>
        <!-- Video ends here -->
      </div>
    </div>
  </section>

  <section id="investors">
    <h2>Mission Statement</h2>
    <p>We specialize in water, sewer, and stormwater infrastructure for land development projects, supporting residential, commercial, and mixed-use developments from initial site work through final acceptance. Our team understands the complexities of development schedules, permitting requirements, and coordination with local agencies, helping projects move efficiently from concept to completion.</p>
    <p>By working closely with developers, engineers, and municipalities, we deliver utility systems that meet design intent, regulatory standards, and long-term performance expectations. Our experience in subdivision infrastructure, off-site improvements, and phased developments allows us to minimize delays and control costs while maintaining quality and compliance.</p>
  </section>

  <section class="cta" id="contact">
    <h2>Request Project Information</h2>
    <p>Interested in our developments or future investment opportunities? Complete the form below and we will follow up.</p>
    <form name="project-inquiry" method="POST" data-netlify="true" netlify-honeypot="bot-field">
      <input type="hidden" name="form-name" value="project-inquiry" />
      <p style="display:none;">
        <label>Don’t fill this out if you're human: <input name="bot-field" /></label>
      </p>
      <input type="text" name="name" placeholder="Full Name" required />
      <input type="email" name="email" placeholder="Email Address" required />
      <input type="text" name="company" placeholder="Company / Investor Type (Optional)" />
      <select name="interest" required>
        <option value="">Interest Type</option>
        <option>Past Projects</option>
        <option>Current Projects</option>
        <option>Upcoming Opportunities</option>
      </select>
      <textarea name="message" rows="4" placeholder="Message / Investment Criteria"></textarea>
      <button type="submit">Request Information</button>
    </form>
  </section>

  <footer>
    <p>© 2025 Greg Helms Builders Inc. All Rights Reserved.</p>
  </footer>

</body>
</html>