<?php
session_start();
?>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Contact Innovare Commercial | Brisbane &amp; Gold Coast</title>
  <meta name="description" content="Contact Innovare Commercial for commercial fitouts across Brisbane and Gold Coast. Call, email or visit our Brisbane office. Free site consultation available.">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800&family=Hanken+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="assets/css/style.css">
</head>
<body data-page="contact">
<div data-include="header"></div>

<main>
  <!-- PAGE HERO -->
  <section class="page-hero">
    <div class="container">
      <div class="crumb"><a href="index.html">Home</a> <span>/</span> Contact</div>
      <span class="eyebrow light">Contact us</span>
      <h1>Let's talk about your commercial fitout</h1>
      <p class="lead">Planning a new fitout, refurbishing an existing space, approaching an end-of-lease make-good, or just exploring options? We give every enquiry the same level of attention and honest advice — from sole-practitioner suites to multi-floor corporate tenancies.</p>
    </div>
  </section>

  <!-- CONTACT GRID -->
  <section>
    <div class="container">
      <div class="contact-grid">
        <!-- Left: details -->
        <div>
          <span class="eyebrow">Get in touch</span>
          <h2 style="margin-bottom:26px">Speak to the team directly</h2>
          <div class="contact-cards">
            <div class="contact-card">
              <span class="ci"><svg viewBox="0 0 24 24" fill="none"><path d="M5 4h4l2 5-2.5 1.5a11 11 0 005 5L15 13l5 2v4a1 1 0 01-1 1A16 16 0 014 5a1 1 0 011-1z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></svg></span>
              <div>
                <div class="lbl">Phone</div>
                <a class="val" href="tel:0488773232">0488 773 232</a>
                <div class="sub">Office open Mon–Fri, 7:00am – 5:00pm</div>
              </div>
            </div>
            <div class="contact-card">
              <span class="ci"><svg viewBox="0 0 24 24" fill="none"><rect x="3" y="5" width="18" height="14" rx="2" stroke="currentColor" stroke-width="1.5"/><path d="M4 7l8 6 8-6" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></svg></span>
              <div>
                <div class="lbl">Email</div>
                <a class="val" href="mailto:info@innovarebuilders.com.au">info@innovarebuilders.com.au</a>
                <div class="sub">We respond within one business day</div>
              </div>
            </div>
            <div class="contact-card">
              <span class="ci"><svg viewBox="0 0 24 24" fill="none"><path d="M12 21s7-5.5 7-11a7 7 0 10-14 0c0 5.5 7 11 7 11z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/><circle cx="12" cy="10" r="2.5" stroke="currentColor" stroke-width="1.5"/></svg></span>
              <div>
                <div class="lbl">Office</div>
                <span class="val" style="cursor:default">29/97 Creek St, Brisbane City QLD 4000</span>
                <div class="sub">Meetings by appointment</div>
              </div>
            </div>
          </div>

          <div style="margin-top:34px;padding:26px;background:var(--soft);border-radius:var(--radius)">
            <div class="lbl" style="font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:12px">Licensing &amp; compliance</div>
            <ul class="check-list" style="gap:10px">
              <li style="font-size:14.5px"><svg viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5"/><path d="M8 12l3 3 5-6" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>QBCC Contractor Licence 15514239</li>
              <li style="font-size:14.5px"><svg viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5"/><path d="M8 12l3 3 5-6" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>NSW Builder Licence 474965C</li>
              <li style="font-size:14.5px"><svg viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5"/><path d="M8 12l3 3 5-6" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>Public liability, contract works &amp; workers comp held</li>
            </ul>
          </div>
        </div>

        <!-- Right: form -->
        <div>
          <div class="form-card">
            <h3 style="font-size:1.4rem;margin-bottom:6px">Send us an enquiry</h3>
            <p class="muted" style="font-size:14.5px;margin-bottom:24px">Tell us about your project and we'll respond within one business day.</p>
            <form action="contact-data.php" method="post">
              <div class="form-row">
                <div class="field">
                  <label>Full name <span class="req">*</span></label>
                  <input type="text" name="name" required>
                  <span class="err-msg">Please enter your name.</span>
                </div>
                <div class="field">
                  <label>Email <span class="req">*</span></label>
                  <input type="email" name="email" required>
                  <span class="err-msg">Please enter a valid email address.</span>
                </div>
              </div>
              <div class="form-row">
                
                <div class="field">
                  <label>Phone <span class="req">*</span></label>
                  <input type="tel" name="phone" required>
                  <span class="err-msg">Please enter your phone number.</span>
                </div>
                <div class="field">
                  <label>Select Service <span class="req">*</span></label>
                  <select name="service" required>
                    <option value="">Select…</option>
                    <option>Office fitout</option>
                    <option>Medical centre fitout</option>
                    <option>Dental practice fitout</option>
                    <option>Pharmacy fitout</option>
                    <option>Retail / shopfitting</option>
                    <option>Hospitality fitout</option>
                    <option>Childcare centre</option>
                    <option>Gym / fitness</option>
                    <option>Aged care</option>
                    <option>Commercial flooring</option>
                    <option>Mezzanine floor</option>
                    <option>Strip out &amp; make good</option>
                    <option>Commercial refurbishment</option>
                    <option>Other / not sure</option>
                  </select>
                  <span class="err-msg">Please select a project type.</span>
                </div>
              </div>
              
              <div class="field">
                <label>Message</label>
                <textarea name="message"  placeholder="Message..."></textarea>
                <span class="err-msg">Please add a few details about your project.</span>
              </div>
              <p class="form-note">By submitting, you agree to be contacted about your enquiry. We never share your details.</p>
              <button type="submit" class="btn btn-primary" style="width:100%">Send enquiry
                <svg viewBox="0 0 16 16"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.7" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>
              </button>
              <?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>
    </div>
  </section>

  <!-- WHAT TO EXPECT -->
  <section class="section-soft">
    <div class="container">
      <div class="split">
        <div class="copy" data-reveal>
          <span class="eyebrow">What to expect after you enquire</span>
          <h2>A clear path from first call to construction</h2>
          <p>No pressure, no obligation. Here's exactly how we work with you from your first message through to a signed contract and programme.</p>
          <p class="muted" style="font-size:14.5px;margin-top:18px">There is <strong>no cost</strong> for the initial site inspection and proposal preparation.</p>
        </div>
        <div data-reveal>
          <div class="steps">
            <div class="step"><div class="step-num">1</div><div class="step-body"><h3>Initial response</h3><p>We review your project information and respond with any clarifying questions within one business day.</p></div></div>
            <div class="step"><div class="step-num">2</div><div class="step-body"><h3>Site inspection</h3><p>We visit the premises at a time that suits you, review the scope and discuss your requirements in detail. No charge.</p></div></div>
            <div class="step"><div class="step-num">3</div><div class="step-body"><h3>Fixed-price proposal</h3><p>A detailed, itemised fixed-price proposal — typically within 5–7 business days of the site inspection.</p></div></div>
            <div class="step"><div class="step-num">4</div><div class="step-body"><h3>Proposal review</h3><p>We walk you through the proposal and answer questions before you decide whether to proceed.</p></div></div>
            <div class="step"><div class="step-num">5</div><div class="step-body"><h3>Contract &amp; programme</h3><p>On acceptance, we issue a formal contract and a detailed construction programme with milestones and approval timelines.</p></div></div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- SERVICE AREAS -->
  <section>
    <div class="container">
      <div class="section-head center">
        <span class="eyebrow center">Our service areas</span>
        <h2>Where we build</h2>
      </div>
      <div class="svc-grid">
        <div class="svc-card" style="cursor:default">
          <h3>Brisbane</h3>
          <p>Brisbane CBD, South Brisbane, Fortitude Valley, Spring Hill, Milton, Toowong, Eight Mile Plains, Upper Mount Gravatt, Chermside, Aspley and the broader metropolitan area.</p>
        </div>
        <div class="svc-card" style="cursor:default">
          <h3>Gold Coast</h3>
          <p>Southport, Bundall, Robina, Varsity Lakes and across the Gold Coast commercial corridor.</p>
        </div>
        <div class="svc-card" style="cursor:default">
          <h3>Broader SEQ</h3>
          <p>Sunshine Coast, Ipswich, Logan and regional Queensland for appropriate project sizes. Our NSW licence enables work across the border where needed.</p>
        </div>
      </div>
    </div>
  </section>
</main>

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