<?php
session_start();
$pageKey = 'contact';
$sourceFile = __FILE__;
?>

<!DOCTYPE html>
<html lang="en">
<?php require __DIR__ . '/includes/head.php'; ?>
<body data-page="contact">
<div data-include="header"></div>

<main>
  <section class="page-hero">
    <div class="container page-hero-inner">
      <nav class="crumb"><a href="index.html">Home</a><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 6l6 6-6 6"/></svg><span class="cur">Contact</span></nav>
      <span class="eyebrow light">Free, obligation-free consultation</span>
      <h1>Contact Innovare Renovations</h1>
      <p class="lead">Whether you have a project in mind, a question about our services, or simply want to understand your options — we are here to help. We typically respond to all enquiries within one business day.</p>
    </div>
  </section>

  <section>
    <div class="container contact-grid">
      <div data-reveal>
        <div class="contact-card">
          <div class="cc-row">
            <span class="cc-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M4 5c0 8 7 15 15 15l0-3.5-4-1.5-2 2c-2.5-1.2-4.8-3.5-6-6l2-2-1.5-4L4 5z"/></svg></span>
            <div><div class="cc-label">Phone</div><div class="cc-value"><a href="tel:0488773232">0488 773 232</a><span class="sub">Available Mon–Fri, 7:00am – 5:00pm</span></div></div>
          </div>
          <div class="cc-row">
            <span class="cc-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M4 7l8 6 8-6"/></svg></span>
            <div><div class="cc-label">Email</div><div class="cc-value"><a href="mailto:info@innovarebuilders.com.au">info@innovarebuilders.com.au</a></div></div>
          </div>
          <div class="cc-row">
            <span class="cc-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M12 21s-7-5.5-7-11a7 7 0 0 1 14 0c0 5.5-7 11-7 11z"/><circle cx="12" cy="10" r="2.5"/></svg></span>
            <div><div class="cc-label">Office</div><div class="cc-value">29/97 Creek St, Brisbane City QLD 4000</div></div>
          </div>
          <div class="cc-row">
            <span class="cc-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></svg></span>
            <div><div class="cc-label">Hours</div><div class="cc-value">Monday – Friday, 7:00am – 5:00pm</div></div>
          </div>
        </div>

        <div class="contact-aside">
          <h4>Service areas</h4>
          <div class="chips">
            <span class="chip">Brisbane — all suburbs</span>
            <span class="chip">Gold Coast — Hope Island to Coolangatta</span>
            <span class="chip">Sunshine Coast</span>
            <span class="chip">Ipswich</span>
            <span class="chip">Logan</span>
            <span class="chip">Moreton Bay</span>
          </div>
        </div>

        <div class="note-block" style="margin-top:28px">
          <strong>Licensing &amp; insurance.</strong> QBCC Licence No. 15514239 · NSW Builder Licence No. 474965C · QBCC Home Warranty insurance held for all eligible residential projects.
        </div>
      </div>

      <div data-reveal data-delay="1">
        <div class="form-card">
          <div class="section-head" style="margin-bottom:26px">
            <span class="eyebrow">Send us an enquiry</span>
            <h2 style="font-size:clamp(1.5rem,3vw,2rem)">Tell us about your project</h2>
          </div>
          <form action="contact-data.php" method="post">
            <div class="form-row">
              <div class="field">
                <label for="name">Full name <span class="req">*</span></label>
                <input type="text" id="name" name="name" data-required placeholder="Your name">
              </div>
              <div class="field">
                <label for="email">Email <span class="req">*</span></label>
                <input type="email" id="email" name="email" data-required placeholder="you@example.com">
                <span class="field-error">Please enter a valid email address.</span>
              </div>
              
            </div>
            <div class="form-row">
              <div class="field">
                <label for="phone">Phone <span class="req">*</span></label>
                <input type="tel" id="phone" name="phone" data-required placeholder="04__ ___ ___">
              </div>
              <div class="field">
                <label for="service">Service of interest</label>
                <select id="service" name="service">
                  <option value="">Select a service…</option>
                  <option>Home Renovation</option>
                  <option>Bathroom Renovation</option>
                  <option>Kitchen Renovation</option>
                  <option>Home Extension</option>
                  <option>Second Storey Addition</option>
                  <option>Swimming Pool</option>
                  <option>Granny Flat</option>
                  <option>Knockdown Rebuild</option>
                  <option>Queenslander Renovation</option>
                  <option>Outdoor Living Area</option>
                  <option>Other</option>
                </select>
              </div>
            </div>
            <div class="field">
              <label for="message">Message </label>
              <textarea id="message" name="message" placeholder="Message..."></textarea>
              <span class="field-error">Please tell us a little about your project.</span>
            </div>
            <button type="submit" class="btn btn-primary" style="width:100%;justify-content:center">Submit Enquiry
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
            </button>
            <p style="font-size:.84rem;color:var(--muted);margin-top:14px;text-align:center">A project consultant will respond within one business day.</p>
            <?php
        if (isset($_SESSION['msg'])) {

            $class = ($_SESSION['status'] === 'success') ? 'success' : 'error';

            echo '<div class="'.$class.'" style="text-align:center;margin-top:15px;">';
            echo htmlspecialchars($_SESSION['msg']);
            echo '</div>';

            unset($_SESSION['status']);
            unset($_SESSION['msg']);
        }
        ?>
          </form>
        </div>
      </div>
    </div>
  </section>

  <section class="cta-band">
    <div class="container" data-reveal>
      <span class="eyebrow light center">Prefer to talk?</span>
      <h2>Start the conversation today</h2>
      <p>Every enquiry begins with a free, obligation-free consultation — in person at your property or by video call.</p>
      <div class="btn-row">
        <a class="btn btn-primary" href="tel:0488773232">Call 0488 773 232
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
        </a>
        <a class="btn btn-outline-light" href="mailto:info@innovarebuilders.com.au">Email Us</a>
      </div>
    </div>
  </section>
</main>

<div data-include="footer"></div>
<script src="assets/js/main.js" defer></script>
</body>
</html>
