<section>
<div class="row" style="padding:0px">
<div class="mb-2" style="padding: 120px 0px; position: relative; background-image: url(/img/Home-Loans-page.png); background-size: cover; background-position: center; background-repeat: no-repeat;">
<h1 style="z-index:2; color:white !important;font-weight:700; text-align:center;">Home Loans</h1>
</div>
</div>
<div class="container">
<!--<div style=" position:relative">
<h1 style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white !important;font-weight:700">HOME LOANS</h1>
<img id="motivation-image1" class="rounded img-fluid" :src="'/img/Home Loans page.png'" />
</div>-->
<section id="deskDennis" class="loanservices" style="border-radius:0px;">
<div class="container" data-aos="fade-up">
<div class="section-title text-center">
<h1 id="homeloan-heading" class="text-white xxl-font fw-bold">100% Independent Mortgage & Home Loan Services For Kiwis By Kiwis</h1>
</div>
<div class="row">
<div class="col-lg-12 pt-4 pt-lg-0 order-2 order-lg-1 content">
<div id="homeloan-paragraph" class="fst-normal text-center">
Getting a great deal on a home loan doesn’t have to be complicated or hard work. At Freehold Express we make the process simple.
We listen to what you want from life and then work with our lenders to put together a great solution that will enable you achieve your goals.
AND talking to a Freehold Express Mortgages team member won’t cost you anything.
</div>
</div>
</div>
</div>
</section>
<!-- ======= FAQs Section ======= -->
<section id="motivation" class="bookchat" style="border-radius:0px;">
<div class="container" data-aos="fade-up">
<div class="section-title text-center">
<h2 id="motivation-heading" class="xxl-font fw-bold transform-none">Our motivation is simple.</h2>
</div>
<div class="row">
<div class="col-lg-12 pt-4 pt-lg-0 order-2 order-lg-1 content">
<div id="motivation-paragraph" class="fst-normal text-center">
Getting a great deal on a home loan doesn’t have to be complicated or hard work. At Freehold Express we make the process simple.
We listen to what you want from life and then work with our lenders to put together a great solution that will enable you achieve your goals
AND talking to a Freehold Express Mortgages team member won’t cost you anything
</div>
</div>
</div>
<div class="row">
<div class="col text-center">
<img id="motivation-image1" class="rounded img-fluid" :src="motivationImage1 ? motivationImage1 : '/img/loanimg1.png'" />
</div>
<div class="col text-center">
<img id="motivation-image2" class="rounded img-fluid" :src="motivationImage2 ? motivationImage2 : '/img/loanimg2.png'" />
</div>
</div>
<div class="row">
<div id="motivation-paragraph1" class="col text-center">
</div>
<div id="motivation-paragraph2" class="col text-center">
</div>
</div>
</div>
</section>
<section id="readytostart" class="readytostart" style="border-radius:0px;">
<div class="container" data-aos="fade-up">
<div class="section-title text-center">
<h2 id="readytostart-heading" class="text-white xxl-font fw-bold">
Ready to get started with your mortgage application?
</h2>
<br />
This simple online application form will only take a few minutes to complete.
</div>
<div class="row">
<div class="col-lg-12 pt-4 pt-lg-0 order-2 order-lg-1 content">
<div class="text-center linkbutton">
<a class="btn btn-primary btn-lg" data-bs-target="#ApplyHomeLonePopup" data-bs-toggle="modal" tabindex="200">Click Here To Apply Now!</a>
</div>
</div>
</div>
</div>
</section>
<section id="rightteam" class="bookchat">
<div class="container" data-aos="fade-up">
<div class="row">
<div class="col-lg-12 pt-4 pt-lg-0 order-2 order-lg-1 content">
<div id="rightteam-paragraph" class="fst-normal text-center">
Getting a great deal on a home loan doesn’t have to be complicated or hard work. At Freehold Express we make the process simple.
We listen to what you want from life and then work with our lenders to put together a great solution that will enable you achieve your goals
AND talking to a Freehold Express Mortgages team member won’t cost you anything
</div>
</div>
</div>
</div>
</section>
<section id="kickstart" class="readytostart">
<div class="container" data-aos="fade-up">
<div class="section-title text-center">
<h2 id="kickstart-heading" class="text-white xxl-font fw-bold">
Ready to get started with your mortgage application?
</h2>
<br />
This simple online application form will only take a few minutes to complete.
</div>
<div class="row">
<div class="col-lg-12 pt-4 pt-lg-0 order-2 order-lg-1 content">
<div class="text-center linkbutton">
<a class="btn btn-primary btn-lg" data-bs-target="#ApplyHomeLonePopup" data-bs-toggle="modal" tabindex="200">Click Here To Apply Now!</a>
</div>
</div>
</div>
</div>
</section>
<app-client-partial></app-client-partial>
<app-trusted-partner-partial></app-trusted-partner-partial>
<app-testimonials-partial></app-testimonials-partial>
<section id="readytostart" class="readytostart">
<div class="container" data-aos="fade-up">
<div class="section-title text-center">
<h2 id="readytostart-heading" class="text-white xxl-font fw-bold">
Ready to get started with your mortgage application?
</h2>
<br />
This simple online application form will only take a few minutes to complete.
</div>
<div class="row">
<div class="col-lg-12 pt-4 pt-lg-0 order-2 order-lg-1 content">
<div class="text-center linkbutton">
<a class="btn btn-primary btn-lg" data-bs-target="#ApplyHomeLonePopup" data-bs-toggle="modal" tabindex="200">Click Here To Apply Now!</a>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="modal fade" id="ApplyHomeLonePopup" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header" style="transform: unset; padding-bottom: 10px;">
<h5 class="modal-title" id="exampleModalLabel">Your Loan Application</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12">
<p class="text-dark">You’ll need to be 18 years of age and a New Zealand citizen or permanent resident.</p>
<div class="col-md-12">
<ul>
<li class="inline" style="margin:10px 0;">
<a class="link-primary" style="text-decoration:underline;" href="/login?div=6">Already registered with Freehold Express? </a>
<span class="inline" data-toggle="tooltip"
title="Select this option if you’re an existing client or you’ve already used your email address to request a copy of the Mortgage Game or to get your Free Mortgage Analysis. We can save you time by pre-populating your application form with your details.">
<i class="fa fa-info-circle info-text"></i>
</span>
</li>
<li style="margin:10px 0;">
<a class="link-primary" style="text-decoration:underline;" href="/signup?div=6">New to Freehold Express?</a>
<span class="inline" data-toggle="tooltip"
title="Select this option if you haven’t used your email address to register on our website to get copy of the Mortgage Game or to get your Free Mortgage Analysis">
<i class="fa fa-info-circle info-text"></i>
</span>
</li>
<li style="margin:10px 0;display:none;">
<a class="link-primary" href="/login">Finish my existing application</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="why-us" class="why-us scroll-indicator" data-scroll-indicator-title="Rating">
<div class="ml-mr-80" data-aos="fade-up" id="trusted-section">
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-5 col-sm-6">
<div class="card text-center mb-3 h-100">
<div class="card-header">
<span class="fw-bold" id="whyus-trusted">{{ Header?.whyusTrusted }}</span> <i class="fas fa-handshake fa-1x"></i>
</div>
<div class="card-body d-flex justify-content-between flex-column">
<p id="whyus-trustedparagraph" class="card-text fw-bold">
This is how much interest we have saved our average
<br />
Freehold Express Plan clients during the last two years.
</p>
<div class="bluespan trustedamount border rounded">
$<span id="whyus-spanCounter" data-purecounter-delay="30" data-purecounter-start="0" data-purecounter-duration="30" :data-purecounter-end="426581" data-purecounter-once="true" data-purecounter-separator="true" data-purecounter-separatorsymbol="," class="purecounter">000000000</span>
</div>
</div>
</div>
</div>
<div class="col-md-5 col-sm-6">
<div class="card text-center mb-3 h-100">
<div class="card-header">
<span class="fw-bold" id="whyus-rating">{{ Header?.whyusRating }}</span> <i class="far fa-star fa-1x"></i>
</div>
<div class="card-body d-flex justify-content-between flex-column">
<p id="whyus-ratingparagraph" class="card-text fw-bold">
Our last 710 clients rated their Freehold Express
<br />
Plan at an average of 9.97 out of 10
</p>
<br />
<div id="rating" class="bluespanstar border rounded">
<div class="whitediv" id="show1">★</div>
<div class="whitediv" id="show2">★</div>
<div class="whitediv" id="show3">★</div>
<div class="whitediv" id="show4">★</div>
<div class="whitediv" id="show5">★</div>
<div class="whitediv" id="show6">★</div>
<div class="whitediv" id="show7">★</div>
<div class="whitediv" id="show8">★</div>
<div class="whitediv" id="show9">★</div>
<div class="whitediv" id="show10">★</div>
</div>
</div>
</div>
</div>
<div class="col-md-1"></div>
</div>
</div>
</section>
<section id="testimonials" class="testimonials section-bg scroll-indicator" data-scroll-indicator-title="Partners">
<div class="ml-mr-80" data-aos="fade-up">
<div class="row">
<div class="col-lg-12">
<h2 id="testimonials-paragraph" class="text-center paragraphtext">{{ testimonialsParagraph }}</h2>
</div>
</div>
<!-- Swiper -->
<div class="swiper mySwiper">
<div id="testimonials-images" class="swiper-wrapper align-items-center">
<div class="swiper-slide" v-for="image in images" :key="image.id">
<img class="img-fluid rounded" :src="image.url" :alt="image.title" />
</div>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</div>
</section>
<section id="faqs" class="peoplesaying">
<div class="container" data-aos="fade-up">
<div class="section-title pb-1">
<!--<h1 id="testimonials-heading">Freehold Express Testimonials</h1>-->
<p id="testimonials-subheading">What they're saying about us</p>
</div>
<div class="row">
<div class="col-lg-12 pt-4 pt-lg-0 order-2 order-lg-1 content">
<div class="accordion" id="accordionExample">
<div class="shadow-lg p-3 mb-3 bg-white rounded pt-2" v-for="testimonial in testimonials" v-if="testimonial.type == 'Video'">
<h2>
<div class="testimonial-title" :id="testimonial.id">
{{testimonial.heading}}
</div>
</h2>
<div>
<div>
<div class="row">
<div class="col-md-4">
<div class="ratio ratio-16x9">
<div id="preloader" style="position:absolute" v-if="!loadVideos"></div>
<iframe v-else :src="testimonial.url" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<div class="col" v-html="testimonial.paragraph">
</div>
</div>
</div>
</div>
</div>
<div class="shadow-lg p-3 mb-3 bg-white rounded pt-2" v-for="testimonial in testimonials" v-if="testimonial.type == 'Image'">
<h2>
<div class="testimonial-title" :id="testimonial.id">
{{testimonial.heading}}
</div>
</h2>
<div>
<div>
<div class="row">
<div class="col-md-3" v-if="testimonial.id != 35">
<img :src="testimonial.url" class="img-fluid" alt="">
</div>
<div class="col" v-html="testimonial.paragraph">
</div>
</div>
</div>
</div>
</div>
<div class="shadow-lg p-3 mb-3 bg-white rounded pt-2" v-for="testimonial in testimonials" v-if="testimonial.type == 'Text'">
<h2>
<div class="testimonial-title" :id="testimonial.id">
{{testimonial.heading}}
</div>
</h2>
<div>
<div>
<div class="row">
<div class="col" v-html="testimonial.paragraph">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>