<div class="container">
    <!-- ======= FAQs Section ======= -->
    <section id="chatoffer" class="bookchat mb-5">
        <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="chatoffer-paragraph" class="fst-normal text-center">
                        Hi there and thanks for stopping by to check out our book a chat offer.
                        <br /><br />
                        Because you’re on this page it’s highly likely that you are "so over" the stress and anxiety that comes from paying for your home 2 – 3 times over in unnecessary interest costs and you’re getting more serious about doing something about it.
                        <br /><br />
                        Good call, because once you’ve done that, your whole world changes.
                        <br /><br />
                        You get to enjoy peace of mind, confidence and a sense of security, knowing with absolute mathematical certainty, that you can learn how to pay your mortgage off in up to half the time while you keep your existing lifestyle.
                        <br /><br />
                        We can probably help you with that, but because we don’t know you, we can’t say for sure unless you’ve already completed our online form to get your free Mortgage Analysis.
                        <br /><br />
                        And you probably don’t know us that well either.
                        <br /><br />
                        So ... let’s meet, get to know each other, and figure this thing out for you.
                        <br /><br />
                        Before we meet why don’t you take the time to check out 10 reasons why you should consider letting me help you to win The Mortgage Game<sup>®</sup>.
                        <br /><br />
                        The reasons below will answer some really important questions that I know you’ll have. They’ll also raise a few question that that we can chat about when we meet.
                        <br /><br />
                    </div>
                </div>
            </div>
            <div class="row">
                <!--<div class="col text-center mb-3">
                    <a id="SOIBTN_book-a-chat-with-dennis" class="text-center btn-book-a-chat" data-height="580" data-psz="00" data-so-page="book-a-chat-with-dennis" data-delay="1" href="javascript:void(0);">
                        CLICK HERE TO BOOK A CHAT
                    </a>
                </div>-->
                <div class="col text-center mb-3 linkbutton">
                    <a class="btn btn-primary btn-lg book-chat" href="https://go.oncehub.com/book-a-chat-with-dennis" tabindex="200">Book a Chat</a>
                </div>
            </div>
        </div>
    </section>
    <!--<section id="briefintro" class="bookchatdemo">
        <div class="container" data-aos="fade-up">-->
    <!--@*<div class="section-title text-center">
        <h2 id="briefintro-heading"></h2>
    </div>*@-->
    <!--<div class="row">
                <div class="col-lg-12 pt-4 pt-lg-0 order-2 order-lg-1 content">
                    <div id="briefintro-paragraph" class="fst-normal text-center mb-3">
                        Check out our brief intoduction webinar where I talk you through The Mortgage Game® in detail and give you tips you can take and apply to your situation today.
                    </div>
                    <div class="text-center linkbutton">
                        <a class="btn btn-primary btn-lg" href="/LandingPages/FHXIntro/introduction-to-the-mortgage-game" tabindex="200">Watch the Demo</a>
                    </div>
                </div>
            </div>
        </div>
    </section>-->
    <section id="tenreasons" class="bookchat">
        <div class="container" data-aos="fade-up">
            <div class="section-title text-center">
                <h1 id="tenreasons-heading">10 Reasons Why</h1>
            </div>
            <div class="row">
                <div class="col-lg-12 pt-4 pt-lg-0 order-2 order-lg-1 content">
                    <!--<partial name="_ReasonsPartial" />-->
                    <app-reasons-partial></app-reasons-partial>
                </div>
            </div>
        </div>
    </section>
    <!--<section id="bookchatsecond" class="loanserviceslast">
        <div class="container" data-aos="fade-up">-->
            <!--@* <div class="section-title text-center">
                <h2 id="bookchat-heading">100% Independent Mortgage & Home Loan Services For Kiwis By Kiwis</h2>
            </div>*@-->
            <!--<div class="row">
                <div class="col text-center">-->
                    <!-- Old image which opens the popup for schedule the call -->
                    <!--<a id="SOIBTN_book-a-chat-with-dennis" class="text-center btnMGR" data-height="580" data-psz="00" data-so-page="book-a-chat-with-dennis" data-delay="1" href="javascript:void(0);">
                        <img src="/img/bookachatwithdennis.png" alt="Book A Chat With Dennis" id="chatoffer-image" class="img-fluid" />
                    </a>-->
                    <!--<a class="text-center btnMGR" data-height="580" href="javascript:void(0);" v-if="!isBookChat" @click="isBookChat = true">
                        <img src="/img/bookachatwithdennis.png" alt="Book A Chat With Dennis" id="chatoffer-image" class="img-fluid" />
                    </a>
                    <a class="btn-book-a-chat" href="javascript:void(0);" v-else @click="openBookChat" style="text-decoration: none;">BOOK A CHAT</a>
                </div>
            </div>
        </div>
    </section>-->
    <section id="bookchatsecond">
        <div class="container" data-aos="fade-up">
            <!--@* <div class="section-title text-center">
                <h2 id="bookchat-heading">100% Independent Mortgage & Home Loan Services For Kiwis By Kiwis</h2>
            </div>*@-->
            <div class="row">
                <div class="col text-center mt-5 mb-5">
                    <!-- Old image which opens the popup for schedule the call -->
                    <!--<a id="SOIBTN_book-a-chat-with-dennis" class="text-center btnMGR" data-height="580" data-psz="00" data-so-page="book-a-chat-with-dennis" data-delay="1" href="javascript:void(0);">
                        <img src="/img/bookachatwithdennis.png" alt="Book A Chat With Dennis" id="chatoffer-image" class="img-fluid" />
                    </a>-->
                    <!--<a class="text-center btnMGR" data-height="580" href="javascript:void(0);" v-if="!isBookChat" @click="isBookChat = true">
                        <img src="/img/bookachatwithdennis.png" alt="Book A Chat With Dennis" id="chatoffer-image" class="img-fluid" />
                    </a>-->
                    <a class="btn-book-a-chat" href="https://go.oncehub.com/book-a-chat-with-dennis" target="_blank" style="text-decoration: none;">BOOK A CHAT</a>
                </div>
            </div>
        </div>
    </section>
</div>
<div id="containerReasons" class="container" data-aos="fade-up">
    <div class="shadow-lg p-3 mb-5 bg-white rounded" v-for="reason in reasonPartials">
        <div class="section-title mt-2">
            <h2 v-html="reason.heading"></h2>
        </div>
        <div class="row">
            <div class="col" v-html="reason.paragraph">
            </div>
        </div>
    </div>
</div>