<div class="container">
<!-- ======= FAQs Section ======= -->
<section id="contactus" class="contact">
<div class="container" data-aos="fade-up">
<h3 align="center" style="color:yellowgreen" v-html="EmailError"></h3>
<div class="alert alert-success" role="alert" v-if="IsSuccess">
{{SuccessMessage}}
</div>
<div v-if="!IsSuccess">
<div class="section-title text-center">
<h2 id="contactus-heading" class="xxl-font fw-bold transform-none">Get in Touch With Us</h2>
<p id="contactus-subheading">
We’re just a quick email away to help.<br />
We aim to reply to all enquiries within the hour during business hours.<br />
Call us on <a href="tel:0800666661" class="text-decoration-none telephone">0800 66 66 61</a> any time
</p>
</div>
<form class="row g-3 needs-validation" id="contactUsForm" method="post" action="/ContactUs">
<input name="TeamMemberID" :value="TeamMemberID" type="hidden" />
<input name="CampaignSource" :value="CampaignSource" type="hidden" />
<input name="CampaignMedium" :value="CampaignMedium" type="hidden" />
<input name="CampaignTerm" :value="CampaignTerm" type="hidden" />
<input name="CampaignContent" :value="CampaignContent" type="hidden" />
<input name="CampaignName" :value="CampaignName" type="hidden" />
<input name="GoogleAnalyticsID" :value="GoogleAnalyticsID" type="hidden" />
<div class="col-md-6">
<label for="inputFirstName" class="form-label">First Name</label>
<input type="text" name="Prospect.FirstName" class="form-control" required id="inputFirstName" v-model="formattedFirstName">
<div class="invalid-feedback">
Enter valid firstname.
</div>
</div>
<div class="col-md-6">
<label for="inputPhone" class="form-label">Mobile Phone</label>
<input type="text" name="Prospect.CHomePhone" placeholder="( )" class="form-control" id="inputPhone" autocomplete="off" v-on:keyup="setPhone">
<div class="invalid-feedback">
Enter valid mobile phone.
</div>
</div>
<div class="col-6">
<label for="inputEmail" class="form-label">Email</label>
<input type="email" name="Prospect.Email" class="form-control" id="inputEmail" v-model="Prospect.Email">
<div class="invalid-feedback">
Enter valid email address.
</div>
</div>
<div class="col-6">
<label for="inputConfirmEmail" class="form-label">Confirm Email</label>
<input type="email" name="Prospect.ConfirmEmail" class="form-control" id="inputConfirmEmail" v-model="Prospect.ConfirmEmail">
<div class="invalid-feedback">
Enter valid confirm email address.
</div>
</div>
<div class="col-md-12">
<label for="inputInquiry" class="form-label">Enquiry</label>
<input type="text" name="Prospect.Comment" class="form-control" id="inputInquiry" v-model="Prospect.Comment">
<div class="invalid-feedback">
Enter valid comment.
</div>
</div>
<div class="col-md-12 text-center">
<div class="g-recaptcha" data-sitekey="6Lc6LRoUAAAAAAxFrxbcYjySRgBQeCUuWI2GNryF"></div>
</div>
<div class="col-12 text-center">
<button type="submit" class="btn btn-primary">Submit</button>
<a href="/" class="btn btn-danger">Cancel</a>
</div>
</form>
</div>
</div>
<div class="container mt-5" data-aos="fade-up">
<div class="ms-5 section-title contact-us-section pb-0 address-contactus">
<h2 id="contactus-heading">Freehold Express Ltd</h2>
<div class="row font-small">
<div class="col-md-2 text-start">
<b>Address:</b>
</div>
<div class="col text-start">
<p>3/301 Lincoln Road, Addington, Christchurch</p>
</div>
</div>
<div class="row font-small">
<div class="col-md-2">
<b>Postal Address:</b>
</div>
<div class="col">
<p>PO Box 651, Christchurch 8140</p>
</div>
</div>
<div class="row font-small">
<div class="col-md-2">
<b>Ph:</b>
</div>
<div class="col">
<a class="link-primary" href="tel:033396000">
03 339 6000
</a>
</div>
</div>
<div class="row font-small">
<div class="col-md-2">
<b>Email:</b>
</div>
<div class="col">
<a class="link-primary" href="mailto:info@fhx.co.nz">info@fhx.co.nz</a>
</div>
</div>
</div>
<div class="row mt-3 pb-2" v-if="loadMap">
<div class="col">
<div id="googlemap">
<iframe marginheight="0" marginwidth="0" src="https://maps.google.co.nz/maps?f=q&source=s_q&hl=en&geocode=&q=301+Lincoln+Rd&sll=-43.513132,172.599077&sspn=0.390905,1.056747&ie=UTF8&hq=&hnear=301+Lincoln+Rd,+Addington,+Christchurch+8024&t=m&ll=-43.537349,172.613668&spn=0.021777,0.047207&z=14&iwloc=A&output=embed"
frameborder="0" height="450" scrolling="no" width="100%"></iframe>
<br>
<small>
<a target="_blank" href="https://maps.google.co.nz/maps?f=q&source=embed&hl=en&geocode=&q=301+Lincoln+Rd&sll=-43.513132,172.599077&sspn=0.390905,1.056747&ie=UTF8&hq=&hnear=301+Lincoln+Rd,+Addington,+Christchurch+8024&t=m&ll=-43.537349,172.613668&spn=0.021777,0.047207&z=14&iwloc=A"
style="color: #0000FF; text-align: left">View Larger Map</a>
</small>
</div>
</div>
</div>
</div>
</section>
</div>
