<?php
$page_title = "Contact Us — Get a Free Quote";
$body_id = "contact_page";
$meta_desc = "Get a free tree removal quote from Budget Tree Removal Brisbane. Call 0474 011 120 or fill in our form. Same-day response.";
$canonical = "https://budgettreeremoval.com.au/contact.php";
$root = "";
include 'includes/header.php';
?>
<section class="hero--inner">
    <div class="container">
        <div class="hero-content">
           <h1>Get a Free Tree Removal Quote</h1>
            <p class="hero-sub">Call, text photos, or fill in the form. We respond same day, Monday to Saturday, 7am–6pm.</p>
            <div class="hero-cta">
              <a href="contact.php" class="btn btn-primary btn-md">Get a Free Quote</a>
              <a href="tel:0474011120" class="btn btn-outline-white btn-md"><img src="../images/phone-red.webp"> 0474 011 120</a>
            </div>
        </div>
    </div>
</section>

<section class="section ">
    <div class="container">
<div class="grid-2" style="gap:52px;">

  <!-- Contact details -->
  <div>
    <h2>Contact Budget Tree Removal</h2>
    <p style="color:var(--text-light);margin-bottom:28px;">The fastest way to get a quote is to text photos of the tree to 0474 011 120. We'll quote same day for most jobs.</p>

    <div style="display:flex;flex-direction:column;gap:20px;">
      <div class="card" style="flex-direction:row;display:flex;align-items:center;gap:18px;padding:20px;">
        <div class="icn"><img src="../images/phone-red.webp" style="width: 25px"></div>
        <div>
          <div style="font-weight:700;font-size:1.05rem;color:var(--dark);">Call or Text</div>
          <a href="tel:0474011120" style="font-size:1.4rem;font-weight:800;color:var(--green);">0474 011 120</a>
          <div style="font-size:0.82rem;color:var(--text-light);margin-top:4px;">Mon–Sat 7am–6pm · Text photos for fastest quotes</div>
        </div>
      </div>
      <div class="card" style="flex-direction:row;display:flex;align-items:center;gap:18px;padding:20px;">
        <div class="icn"><img src="../images/envelope-red.png" style="width: 25px"></div>
        <div>
          <div style="font-weight:700;font-size:1.05rem;color:var(--dark);">Email</div>
          <a href="mailto:info@budgettreeremoval.com.au" style="color:var(--green);">info@budgettreeremoval.com.au</a>
          <div style="font-size:0.82rem;color:var(--text-light);margin-top:4px;">We reply within a few hours during business hours</div>
        </div>
      </div>
      <div class="card" style="padding:20px;">
        <div style="font-weight:700;font-size:1.05rem;color:var(--dark);margin-bottom:8px; display: flex; align-items:center;">
            <div class="icn" style="margin-right: 18px;"><img src="../images/phone-red.webp" style="width: 25px;"></div>Service Area</div>
        <p style="font-size:0.9rem;color:var(--text-light);margin-bottom:12px;">We cover Brisbane's north and east — including Chermside, Aspley, Hamilton, Morningside, Coorparoo and 20+ surrounding suburbs.</p>
        <a href="index.php#locations" class="btn btn-outline btn-sm">See All Locations</a>
      </div>
    </div>

    <div class="info-box" style="margin-top:28px;">
      <h4>💡 Tip: Text photos for a faster quote</h4>
      <p>Send 2–3 photos of the tree (base, full height, and any nearby structures) to 0474 011 120. We can quote most jobs from photos without a site visit, which means you get a price the same day.</p>
    </div>
  </div>

  <!-- Quote form -->
  <div>
    <div class="card" style="padding:32px;">
      <h3 style="margin-bottom:20px;">Request a Free Quote</h3>
      <form action="contact.php" method="post" style="display:flex;flex-direction:column;gap:16px;">
        <div>
          <label style="display:block;font-size:0.88rem;font-weight:600;margin-bottom:6px;color:var(--dark);">Your name *</label>
          <input type="text" name="name" required placeholder="Jane Smith"
            style="width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:0.95rem;outline:none;font-family:inherit;"
            onfocus="this.style.borderColor='var(--green)'" onblur="this.style.borderColor='var(--border)'">
        </div>
        <div>
          <label style="display:block;font-size:0.88rem;font-weight:600;margin-bottom:6px;color:var(--dark);">Phone number *</label>
          <input type="tel" name="phone" required placeholder="04XX XXX XXX"
            style="width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:0.95rem;outline:none;font-family:inherit;"
            onfocus="this.style.borderColor='var(--green)'" onblur="this.style.borderColor='var(--border)'">
        </div>
        <div>
          <label style="display:block;font-size:0.88rem;font-weight:600;margin-bottom:6px;color:var(--dark);">Suburb *</label>
          <input type="text" name="suburb" required placeholder="e.g. Chermside"
            style="width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:0.95rem;outline:none;font-family:inherit;"
            onfocus="this.style.borderColor='var(--green)'" onblur="this.style.borderColor='var(--border)'">
        </div>
        <div>
          <label style="display:block;font-size:0.88rem;font-weight:600;margin-bottom:6px;color:var(--dark);">Service needed</label>
          <select name="service"
            style="width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:0.95rem;outline:none;font-family:inherit;background:#fff;"
            onfocus="this.style.borderColor='var(--green)'" onblur="this.style.borderColor='var(--border)'">
            <option value="">Select a service...</option>
            <option>Tree Removal</option>
            <option>Tree Pruning</option>
            <option>Palm Removal</option>
            <option>Stump Grinding</option>
            <option>Emergency Removal</option>
            <option>Arborist Report</option>
            <option>Council Permit</option>
            <option>Other</option>
          </select>
        </div>
        <div>
          <label style="display:block;font-size:0.88rem;font-weight:600;margin-bottom:6px;color:var(--dark);">Tell us about the job</label>
          <textarea name="message" rows="4" placeholder="Approximate tree height, species if known, any access considerations..."
            style="width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:0.95rem;outline:none;font-family:inherit;resize:vertical;"
            onfocus="this.style.borderColor='var(--green)'" onblur="this.style.borderColor='var(--border)'"></textarea>
        </div>
        <button type="submit" class="btn btn-primary btn-lg" style="width:100%;justify-content:center;">Send Quote Request</button>
        <p style="font-size:0.78rem;color:var(--text-light);text-align:center;margin-bottom:0;">We respond same day Mon–Sat 7am–6pm. Your details are never shared.</p>
      </form>
    </div>
  </div>
</div>
</div>
</section>
<section>
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3542.791139570968!2d153.06731159999998!3d-27.382237500000002!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6b93e344998a5d85%3A0x73ac89218329654d!2sBudget%20Tree%20Removal!5e0!3m2!1sen!2sin!4v1777958339396!5m2!1sen!2sin" height="350" style="border:0; width: 100%" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</section>

<?php include 'includes/footer.php'; ?>
<script src="../js/main.js"></script>