Skip to content
This repository has been archived by the owner on Nov 1, 2024. It is now read-only.

Feb 2022 site refresh + copy changes #12

Draft
wants to merge 4 commits into
base: master
Choose a base branch
from
Draft

Feb 2022 site refresh + copy changes #12

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
6c12d50
WIP
henryaj Feb 17, 2022
0a15341
update nps score
henryaj Feb 17, 2022
a15ab2a
Fix logotype fonts
henryaj Feb 19, 2022
f4c1b7d
Homepage changes + highlight style
henryaj Feb 19, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
232 changes: 154 additions & 78 deletions pages/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,21 @@ <h1 class="display-3" data-aos="fade-up" data-aos-duration="1000" data-aos-delay
<h3 class="lede" data-aos="fade-up" data-aos-duration="1300" data-aos-delay="600">
Mast is building <strong>cloud-native mortgage origination technology</strong> to help lenders process <strong>more applications</strong> in <strong>less time</strong>.
</h3>

<!-- <div class="pt-2 row align-items-center" data-aos="fade-up" data-aos-duration="1300" data-aos-delay="1200"> -->
<!-- <div class="col-xl-10 col-lg-10 align-items-center"> -->
<!-- <form class="form-inline"> -->
<!-- <input type="text" class="form-control mb-2 mr-sm-2" id="inlineFormInputName2" placeholder="Jane Doe"> -->
<!-- -->
<!-- <div class="input-group mb-2 mr-sm-2"> -->
<!-- <input type="text" class="form-control" id="inlineFormInputGroupUsername2" placeholder="Username"> -->
<!-- </div> -->
<!-- -->
<!-- <button type="submit" class="btn btn-primary mb-2">Submit</button> -->
<!-- </form> -->
<!-- </div> -->
<!-- </div> -->

<!-- <div class="row justify-content-center pt-5" data-aos="fade" data-aos-delay="1500" data-aos-duration="1000"> -->
<!-- <form action="https://usemast.us18.list-manage.com/subscribe/post?u=8e7b417e58bde4f6a522b1b05&#38;amp;id=2fda346ff5" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate form-inline" target="_blank" novalidate> -->
<!-- <div class="form-group"> -->
Expand Down Expand Up @@ -68,6 +83,7 @@ <h2 class="h1 text-center">Trusted by</h2>
</div>
</div>


<div class="col-md-6 col-lg-7" data-aos="fade-left">
<div>
<div class="carousel-cell">
Expand All @@ -78,7 +94,9 @@ <h4>
</h4>
</div>
<div class="avatar-author align-items-center">
<img src="assets/img/dan-atkinson.jpg" alt="Headshot of Dan Atkinson" class="avatar">
<a href="https://www.linkedin.com/in/danatkinsontmbs/" target="_blank">
<img src="assets/img/dan-atkinson.jpg" alt="Headshot of Dan Atkinson" class="avatar">
</a>
<div class="ml-2">
<h6>Dan Atkinson</h6>
<span>Head of Intermediaries, The Melton Building Society</span>
Expand All @@ -95,112 +113,170 @@ <h6>Dan Atkinson</h6>
<section>
<div class="container">
<div class="row justify-content-center text-center mb-6">
<div class="col-xl-8 col-lg-9">
<h2 class="display-4 mx-xl-2">Welcome to the future of mortgage origination</h2>
<div class="col-xl-12 col-lg-9">
<h2 class="display-4 mx-xl-2">Spending too much time on poor‑quality mortgage applications?</h2>
<p class="lead">
Our products allow lenders to operate more efficiently, react faster to changing market conditions, and focus on offering the best service possible.
Filter out unsuitable loan applications before they're submitted, and automate away admin tasks so your underwriters can <strong><span class="highlight">get more done with the same resources</span></strong>.
</p>
</div>
</div>
</div>


<div class="container">
<div class="row justify-content-center">
<div class="col-xl-12">
<div class="row">
<div class="col-md-6 d-flex mb-4 aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
<div class="icon-round mr-3 bg-primary">
<img class="icon" src="assets/img/icons/theme/general/half-star.svg" alt="decoration" data-inject-svg />
</div>
<div>
<h4 class="mb-2">Perfectly-packaged applications</h4>
<p class="lead pr-xl-4">Improve application packaging, reduce low-quality applications, and dramatically increase underwriting speeds.</p>
</div>
<div class="col-xl-11">
<div class="row mb-4">
<div class="col">
<h2 class="h1 text-center">See how we improve applications</h2>
</div>
<div class="col-md-6 d-flex mb-4 aos-init aos-animate" data-aos="fade-up" data-aos-delay="200">
<div class="icon-round mr-3 bg-primary">
<img class="icon" src="assets/img/icons/theme/general/clipboard.svg" alt="decoration" data-inject-svg />
</div>
<div>
<h4 class="mb-2">Actionable digital policy</h4>
<p class="lead pr-xl-4">We convert lending policy from a static document to live, actionable insights for brokers.</p>
</div>

<div class="row">
<div class="col-md-4 d-flex aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
<div class="card card-body">
<div class="pb-2">
<img class="align-items-left icon icon-md" src="assets/img/icons/theme/communication/chat-check.svg" data-inject-svg />
</div>

<h3>Real-time feedback</h3>
<p>
Brokers see granular, real-time feedback as soon as they breach your lending criteria. We stop brokers submitting unsuitable applications, so you only get high-quality cases.
</p>
<!-- <a href="#" class="hover-arrow">Watch the video</a> -->
</div>
</div>
<div class="col-md-6 d-flex mb-4 aos-init aos-animate" data-aos="fade-up" data-aos-delay="300">
<div class="icon-round mr-3 bg-primary">
<img class="icon" src="assets/img/icons/theme/general/cursor.svg" alt="decoration" data-inject-svg />
</div>
<div>
<h4 class="mb-2">No code needed</h4>
<p class="lead pr-xl-4">Our products are self-service, allowing lender staff to make changes – without the need to use developer time.</p>
<div class="col-md-4 d-flex aos-init aos-animate" data-aos="fade-up" data-aos-delay="200">
<div class="card card-body">
<div class="pb-2">
<img class="align-items-left icon icon-md" src="assets/img/icons/theme/general/clipboard.svg" data-inject-svg />
</div>

<h3>Bespoke packaging</h3>
<p>
We give bespoke packaging requirements up-front to make life easier for brokers – so they get you the information you need as early as possible.
</p>
<!-- <a href="#" class="hover-arrow">Watch the video</a> -->
</div>
</div>
<div class="col-md-6 d-flex mb-4 aos-init aos-animate" data-aos="fade-up" data-aos-delay="400">
<div class="icon-round mr-3 bg-primary">
<img class="icon" src="assets/img/icons/theme/files/cloud-upload.svg" alt="decoration" data-inject-svg />
</div>
<div>
<h4 class="mb-2">Continuous updates</h4>
<p class="lead pr-xl-4">One subscription covers everything, including support and regular product updates.</p>
<div class="col-md-4 d-flex aos-init aos-animate" data-aos="fade-up" data-aos-delay="300">
<div class="card card-body">
<div class="pb-2">
<img class="align-items-left icon icon-md" src="assets/img/icons/theme/general/settings-1.svg" data-inject-svg />
</div>

<h3>Advanced<br> controls</h3>
<p>
We can even prevent brokers from starting DIPs if they fail affordability, or prevent them from submitting if the case is clearly outside of your criteria.
</p>
<!-- <a href="#" class="hover-arrow">Watch the video</a> -->
</div>
</div>
</div>
</div>
</div>

<div class="row">
<div class="col-md-6 col-lg-6 d-flex">
<a href="/origination-platform" class="card card-icon-3 card-body justify-content-between hover-shadow3d shadow-3d">
<div class="icon-round mb-3 mb-md-4 bg-primary">
<img class="icon" src="assets/img/icons/theme/communication/urgent-mail.svg" alt="decoration" data-inject-svg />
<div class="col-xl-12">
<div class="pb-4 pt-1"><hr></div>
<div class="row">
<div class="col-md-6 col-lg-6 d-flex">
<a href="/origination-platform" class="card card-body text-light bg-pattern-lines-dark vignette-shadow justify-content-between hover-shadow3d shadow-3d">
<div>
<h3><span class="logotype">Mast. </span>Origination Platform</h3>
<p class="pt-1 lead">Accept applications faster, with fewer errors.</p>
<div class="pt-4">
<strong>
<p class="hover-arrow">More information</p>
</strong>
</div>
</div>
</a>
</div>
<div>
<h3>Origination Platform</h3>
<p class="pt-1">Accept applications faster, with fewer errors, and greater broker satisfaction.</p>
<div class="float-right">
<strong>
<p class="hover-arrow">More information</p>
</strong>
</div>
<div class="col-md-6 col-lg-6 d-flex">
<a href="/policy-engine" class="card card-body text-light bg-pattern-lines-dark vignette-shadow justify-content-between hover-shadow3d shadow-3d">
<div>
<h3><span class="logotype">Mast. </span>Policy Engine</h3>
<p class="pt-1 lead">Manage and share lending criteria in one place.</p>
<div class="pt-4">
<strong>
<p class="hover-arrow">More information</p>
</strong>
</div>
</div>
</a>
</div>
</a>
</div>
</div>
<div class="col-md-6 col-lg-6 d-flex">
<a href="/policy-engine" class="card card-icon-3 card-body justify-content-between hover-shadow3d shadow-3d">
<div class="icon-round mb-3 mb-md-4 bg-primary">
<img class="icon" src="assets/img/icons/theme/tools/compass.svg" alt="decoration" data-inject-svg />
</div>
</div>
</section>

<div class="divider">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="96px" viewBox="0 0 100 100" version="1.1" preserveAspectRatio="none" class="injected-svg bg-primary-2" data-src="assets/img/dividers/divider-3.svg">
<path d="M0,0 C6.83050094,50 15.1638343,75 25,75 C41.4957514,75 62.4956597,0 81.2456597,0 C93.7456597,0 99.9971065,0 100,0 L100,100 L0,100"></path>
</svg>
</div>

<section class="bg-primary-2 text-light">
<div class="container">
<div class="row justify-content-center mb-6">
<div class="col-xl-12">
<div class="row my-4">
<div class="col">
<h2 class="h1 text-center">The benefits of Mast</h2>
</div>
<div>
<h3>Policy Engine</h3>
<p class="pt-1">Manage and share your lending criteria from one place.</p>
<div class="float-right">
<strong>
<p class="hover-arrow">More information</p>
</strong>
</div>

<div class="row pt-3 justify-content-center">
<div class="col-12 col-xl-9">
<div class="col-12 d-flex mb-4 aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
<div class="icon-round mr-3 bg-primary-3">
<img class="icon" src="assets/img/icons/theme/general/cursor.svg" alt="decoration" data-inject-svg />
</div>
<div>
<h4 class="mb-2">No implementation or upgrade fees</h4>
<p class="lead pr-xl-4">Our <strong>usage-based pricing model</strong> means you always run the latest version, and never have to pay for implementation, upgrades, maintenance or deployment. You only pay for what you use, so we have a stake in helping you grow.</p>
</div>
</div>
<div class="col-12 d-flex mb-4 aos-init aos-animate" data-aos="fade-up" data-aos-delay="200">
<div class="icon-round mr-3 bg-primary-3">
<img class="icon" src="assets/img/icons/theme/general/clipboard.svg" alt="decoration" data-inject-svg />
</div>
<div>
<h4 class="mb-2">A flexible solution to help you be more agile</h4>
<p class="lead pr-xl-4">As we're a cloud-native platform, <strong>we make changes in days, not months</strong>. If you need to adapt to how you operate, or want to launch a new line of business, with Mast you can react faster than ever before.</p>
</div>
</div>
<div class="col-12 d-flex mb-4 aos-init aos-animate" data-aos="fade-up" data-aos-delay="300">
<div class="icon-round mr-3 bg-primary-3">
<img class="icon" src="assets/img/icons/theme/general/half-star.svg" alt="decoration" data-inject-svg />
</div>
<div>
<h4 class="mb-2">We listen to lenders</h4>
<p class="lead pr-xl-4">When you join Mast, <strong>we think of you as part of the team</strong>. We focus on close communication and working together to make sure we're building for your needs and so you get the most out of our platform. Our success relies on you achieving your aims.</p>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</section>

<a id="register"></a>
<section class="bg-primary-3 text-light o-hidden">
<div class="container layer-1">
<div class="row justify-content-center text-center py-6">
<div class="col-xl-8 col-lg-9">
<h2 class="display-4 mx-xl-6">Book a demo</h2>
<p class="lead">
Book a demo of the Mast platform to see how it can help you originate more loans in less time.
</p>
<div class="pt-4 pb-4">
<button class="btn btn-large btn-primary btn-cta">
@@include('./calendly.html', {class: '', text: 'Book now'})
</button>
</div>
<div class="row justify-content-center text-center">
<div class="col-md-4 mb-3 mb-4 mb-md-0 aos-init aos-animate" data-aos="fade-up" data-aos-delay="300">
<span class="display-4 text-light d-block" data-countup="" data-start="1" data-end="100" data-duration="2" data-suffix="%" data-grouping="true">100%</span>
<span class="h6">System Uptime</span>
</div>
<div class="col-md-4 mb-3 mb-4 mb-md-0 aos-init aos-animate" data-aos="fade-up" data-aos-delay="200">
<span class="display-4 text-light d-block" data-countup="" data-start="100000" data-end="20000000" data-duration="2.5" data-grouping="true" data-prefix="£" data-suffix="+">£20,000,000</span>
<span class="h6">Mortgage Applications Processed</span>
</div>
<div class="col-md-4 mb-3 mb-4 mb-md-0 aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
<span class="display-4 text-light d-block" data-countup="" data-start="1" data-end="8.7" data-duration="1.5" data-grouping="true" data-suffix="/10" data-decimal-places="1">8.7/10</span>
<span class="h6">Average Broker NPS</span>
</div>
</div>
</div>
</section>

@@include('./footer.html')
@@include('./scripts.html')
</body>
Expand Down
20 changes: 1 addition & 19 deletions pages/origination-platform.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
<div class="container">
<div class="row justify-content-center text-center mb-6">
<div class="col-xl-8 col-lg-9">
<h2 class="h1 text-muted">Mast Origination Platform</h2>
<h2 class="h1 text-muted"><span class="logotype">Mast. </span>Origination Platform</h2>
<h2 class="display-4 mx-xl-2">A new way to handle mortgage applications.</h2>
<p class="lead">
Our portal ensures that lenders receive <strong>perfectly packaged applications</strong> – every time.
Expand Down Expand Up @@ -115,24 +115,6 @@ <h4>Reduce Costs</h4>
</div>
</section>

<a id="register"></a>
<section class="bg-primary-3 text-light o-hidden">
<div class="container layer-1">
<div class="row justify-content-center text-center py-6">
<div class="col-xl-8 col-lg-9">
<h2 class="display-4 mx-xl-6">Book a demo</h2>
<p class="lead">
Book a demo of the Mast platform to see how it can help you originate more loans in less time.
</p>
<div class="pt-4 pb-4">
<button class="btn btn-large btn-primary btn-cta">
@@include('./calendly.html', {class: '', text: 'Book now'})
</button>
</div>
</div>
</div>
</div>
</section>
@@include('./footer.html')
@@include('./scripts.html')
</body>
Expand Down
4 changes: 4 additions & 0 deletions pages/partials/header.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -35,6 +35,10 @@
<script src="https://cdn.wpcc.io/lib/1.0.2/cookieconsent.min.js" defer></script>
<script>window.addEventListener("load", function(){window.wpcc.init({"border":"thin","corners":"small","colors":{"popup":{"background":"#606060","text":"#ffffff","border":"#f9f9f9"},"button":{"background":"#f9f9f9","text":"#000000"}},"position":"bottom","content":{"href":"/cookies","button":"OK","message":"Mast uses cookies to ensure you get the best browsing experience."}})});</script>

<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=Raleway:wght@900&display=swap" rel="stylesheet">

<link rel="preload" as="font" href="assets/fonts/Inter-UI.var.woff2" type="font/woff2" crossorigin="anonymous">
<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
<link rel="apple-touch-icon" sizes="76x76" href="assets/img/favicons/apple-touch-icon.png">
Expand Down
Loading