<?php
session_start();
?>


<!DOCTYPE html>
<html lang="en-AU">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Contact Innovare Roofing | Brisbane &amp; Gold Coast Roofers</title>
  <meta name="description" content="Contact Innovare Roofing for residential and commercial roofing quotes across Brisbane and Gold Coast. Call, email or enquire online. QBCC licensed.">
  <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="icon" type="image/x-icon" href="images/favicon.png">
  <link rel="stylesheet" href="assets/css/style.css">
</head>
<body data-page="contact">
  <div data-include="header"></div>

  <main>
    <section class="page-hero with-media">
      <div class="container">
        <div>
            <nav class="crumb" aria-label="Breadcrumb">
          <a href="index.html">Home</a><span class="sep">/</span><span aria-current="page">Contact</span>
        </nav>
        <span class="eyebrow">Contact Innovare Roofing</span>
        <h1>Get in touch for a free roofing quote</h1>
        <p class="lead">Ready for a quote, need advice on a repair, managing a commercial project or facing an emergency &mdash; our team is ready to help. We respond to all enquiries within one business day, and same-day for emergencies.</p>
        </div>
        <img src="images/contact-img.webp" alt="" class="border_r">
      </div>
    </section>

    <section>
      <div class="container">
        <div class="contact-grid">
          <div class="contact-aside" data-reveal>
            <div class="contact-card">
              <h3 style="margin-bottom:.4rem">Get in touch</h3>
              <div class="cc-row">
                <span class="cc-ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2Z"/></svg></span>
                <span><span class="cc-label">Phone &middot; also 24/7 emergency</span><span class="cc-value"><a href="tel:0488773232"> 0488 773 232</a></span></span>
              </div>
              <div class="cc-row">
                <span class="cc-ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z"/><path d="m2 7 10 6 10-6"/></svg></span>
                <span><span class="cc-label">Email </span><span class="cc-value"><a href="mailto:info@innovarebuilders.com.au">info@innovarebuilders.com.au</a></span></span>
              </div>
              <div class="cc-row">
                <span class="cc-ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="3"/></svg></span>
                <span><span class="cc-label">Office </span><span class="cc-value">29/97 Creek St, Brisbane City QLD 4000</span></span>
              </div>
              <div class="cc-row">
                <span class="cc-ico"><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>
                <span><span class="cc-label">Hours </span><span class="cc-value">Mon&ndash;Fri, 7:00am &ndash; 5:00pm</span></span>
              </div>
            </div>

            <div class="contact-card">
              <h3 style="margin-bottom:.6rem">Service areas</h3>
              <p style="color:var(--muted);font-size:.94rem;margin-bottom:.4rem">Greater Brisbane, the Gold Coast and broader SEQ &mdash; Sunshine Coast corridor and regional SEQ on request.</p>
              <div class="chips">
                <span class="chip">Brisbane</span><span class="chip">Gold Coast</span><span class="chip">Logan</span><span class="chip">Ipswich</span><span class="chip">Redlands</span><span class="chip">Coomera</span><span class="chip">Coolangatta</span><span class="chip">Sunshine Coast</span>
              </div>
            </div>

            <div class="note-block" style="margin-top:1.4rem">
              <strong>QBCC Licensing.</strong> Innovare Roofing operates under the Innovare Group&rsquo;s QBCC Builder&rsquo;s Licence No. 15514239. NSW Builder Licence No. 474965C. Verify our licence any time via the QBCC licence search at qbcc.qld.gov.au.
            </div>
          </div>

          <div>
            <form class="form-card" action="contact-data.php" method="post">
              <div class="form-body">
                <h3 style="margin-bottom:.3rem">Request a quote</h3>
                <p style="color:var(--muted);font-size:.95rem;margin-bottom:1.4rem">Tell us about your project and we&rsquo;ll arrange a site inspection and written quote.</p>
                <div class="form-row">
                  <div class="field">
                    <label for="c-name">Full name <span class="req">*</span></label>
                    <input id="c-name" name="name" type="text" data-required>
                    <span class="err">Please enter your name.</span>
                  </div>
                  <div class="field">
                      <label for="c-email">Email <span class="req">*</span></label>
                      <input id="c-email" name="email" type="email" data-required>
                      <span class="err">Please enter a valid email address.</span>
                    </div>
                  
                </div>
                
                <div class="form-row">
                    <div class="field">
                    <label for="c-phone">Phone <span class="req">*</span></label>
                    <input id="c-phone" name="phone" type="tel" data-required>
                    <span class="err">Please enter a contact number.</span>
                  </div>
                  <div class="field">
                    <label for="c-type">Select Service <span class="req">*</span></label>
                    <select id="c-type" name="service">
                      <option value="">Please select&hellip;</option>
                      <option>Full re-roof / replacement</option>
                      <option>New roof (new build / extension)</option>
                      <option>Roof repair</option>
                      <option>Roof inspection / report</option>
                      <option>Gutters / fascia</option>
                      <option>Commercial project</option>
                      <option>Emergency / storm damage</option>
                      <option>Other</option>
                    </select>
                    <span class="err">Please select the type of work.</span>
                  </div>
                </div>
                <div class="field">
                  <label for="c-msg">Message</label>
                  <textarea id="c-msg" name="message" placeholder="Message..."></textarea>
                </div>
                <button class="btn btn-primary" type="submit" style="width:100%;justify-content:center">Send enquiry
                  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
                </button>
                
                <p style="color:var(--muted);font-size:.82rem;margin-top:1rem;text-align:center">All initial site inspections and written quotes are free and obligation-free.</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']);
        }
        ?>
              </div>
            </form>
          </div>
        </div>
      </div>
    </section>

    <section class="section-soft section-tight">
      <div class="container">
        <div class="section-head center" data-reveal>
          <span class="eyebrow center">What Happens Next</span>
          <h2>From enquiry to scheduled project</h2>
        </div>
        <ol class="steps" data-reveal style="max-width:820px;margin:0 auto">
          <li class="step"><h4>Acknowledgement</h4><p>We confirm receipt of your enquiry within one business day.</p></li>
          <li class="step"><h4>Discussion</h4><p>A member of our team calls or emails to discuss your project and arrange a site visit.</p></li>
          <li class="step"><h4>Site inspection</h4><p>We attend your property at an agreed time, assess the roof and take measurements.</p></li>
          <li class="step"><h4>Written quote</h4><p>A detailed written quote within 2&ndash;3 business days of the site inspection.</p></li>
          <li class="step"><h4>Project scheduling</h4><p>Once accepted, we schedule your project and confirm start dates in writing.</p></li>
        </ol>
      </div>
    </section>

    <section class="emergency-band section-tight">
      <div class="container">
        <div class="eb-copy">
          <span class="eyebrow">Roof Emergency?</span>
          <h2>Call our 24/7 storm response line</h2>
          <p>Active leak or storm damage? Do not attempt to access a damaged roof yourself. Keep the interior clear of water and call us for professional emergency response.</p>
        </div>
        <div class="btn-row">
          <a class="btn btn-light" href="tel:0488773232">Call 0488 773 232</a>
        </div>
      </div>
    </section>
  </main>

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