<div class="rt-hero-wrap">
<div class="rt-hero__overlay"> </div>
<div class="rt-hero__inner">
<img alt="" class="rt-hero__logo rt-hero__logo--top" height="52" width="150" src="-/media/PROJECT-LOGO-PLACEHOLDER.ashx" />
<h1 class="rt-hero__title">Testimonials</h1>
<p class="rt-hero__subtitle">Meet the residents who chose our award-winning community and found something worth calling home at Everleigh.</p>
<img alt="" class="rt-hero__logo rt-hero__logo--bottom" height="36" width="110" src="-/media/MIRVAC-LOGO-PLACEHOLDER.ashx" />
</div>
</div>
<style>
.rt-hero-wrap {
--rt-hero-gradient: linear-gradient(to top, rgba(92, 32, 73, 0.8) 0%, rgba(187, 65, 151, 0.25) 25%, rgba(187, 65, 151, 0.10) 35%, rgba(187, 65, 151, 0) 100%);
--rt-hero-height: clamp(420px, 46vw, 600px);
position: relative !important;
width: 100vw !important;
max-width: 100vw !important;
left: 50% !important;
transform: translateX(-50%) !important;
margin: 0 !important;
padding: 0 !important;
min-height: var(--rt-hero-height);
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
/* ===== DESKTOP background image (edit here) ===== */
.rt-hero-wrap::before {
content: "";
position: absolute;
inset: 0;
background-image: url('https://edge.sitecorecloud.io/mirvacprocu45a5-mirvacsitec7536-prodc5da-5fc1/media/project/residential/greenbank/testimonials/everleigh_testimonials_desktop.webp');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
z-index: 1;
}
rt-hero__logo rt-hero__logo--bottom::before {
background-image: url('https://edge.sitecorecloud.io/mirvacprocu45a5-mirvacsitec7536-prodc5da-5fc1/media/project/residential/greenbank/testimonials/everleigh_testimonials_desktop.webp');
}
.rt-hero__overlay {
position: absolute;
inset: 0;
background:
linear-gradient(
rgba(0, 0, 0, 0.15),
rgba(0, 0, 0, 0.15)
),
var(--rt-hero-gradient);
z-index: 2;
pointer-events: none;
}
.rt-hero__inner {
position: relative;
z-index: 3;
width: 100%;
max-width: 900px;
margin: 0 auto;
padding: clamp(24px, 5vw, 64px) clamp(20px, 5vw, 48px);
box-sizing: border-box;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: clamp(12px, 1.6vw, 20px);
}
.rt-hero__logo {
display: block;
height: auto !important;
max-width: 100%;
width: auto;
}
.rt-hero__logo--top { max-height: clamp(38px, 4vw, 52px); }
.rt-hero__logo--bottom { max-height: clamp(26px, 3vw, 36px); }
.rt-hero__title {
font-family: 'Inter', sans-serif !important;
color: #ffffff;
font-size: clamp(34px, 4.4vw, 56px);
line-height: 1.1;
margin: 0;
font-weight: 400;
letter-spacing: 0.5px;
text-shadow: 0 2px 12px rgba(0,0,0,0.35);
}
.rt-hero__subtitle {
max-width: 45ch;
line-height: 1.45;
color: #fff;
font-family: 'At Aero', sans-serif !important;
font-size: clamp(17px, 2.2vw, 22px);
text-shadow: 0 1px 8px rgba(0,0,0,0.35);
}
@media (max-width: 768px) {
.rt-hero-wrap {
--rt-hero-height: clamp(380px, 78vw, 520px);
}
.rt-hero__title {
font-size: clamp(42px, 10vw, 58px);
}
/* ===== MOBILE background image (edit here) ===== */
.rt-hero-wrap::before {
background-image: url('https://edge.sitecorecloud.io/mirvacprocu45a5-mirvacsitec7536-prodc5da-5fc1/media/project/residential/greenbank/testimonials/everleigh_testimonials_mobile.webp');
background-position: 72% center;
}
.rt-hero__inner {
max-width: 420px;
gap: 14px;
}
.rt-hero__subtitle { max-width: 32ch; }
}
</style>
<section class="rt-testimonials-grid-wrap" aria-label="Customer testimonials">
<div class="rt-testimonials-grid">
<a class="rt-testimonials-card" href="https://www.mirvac.com" aria-label="Read testimonial from Customer Name">
<img class="rt-testimonials-card__image" alt="Resident testimonial portrait" height="420" width="650" src="https://edge.sitecorecloud.io/mirvacprocu45a5-mirvacsitec7536-prodc5da-5fc1/media/project/residential/greenbank/testimonials/everleigh_testimonials_desktop.webp" />
<div class="rt-testimonials-card__content">
<span class="rt-testimonials-card__quote-mark" aria-hidden="true">”</span>
<p class="rt-testimonials-card__quote">Hear how our residents found a welcoming community, quality homes and a place they are proud to call home.</p>
<div class="rt-testimonials-card__footer">
<div class="rt-testimonials-card__resident">
<p class="rt-testimonials-card__name">Customer Name</p>
<p class="rt-testimonials-card__location">NSW Resident</p>
</div>
<span class="rt-testimonials-card__read-more">Read more</span>
</div>
</div>
</a>
<a class="rt-testimonials-card" href="https://www.mirvac.com" aria-label="Read testimonial from Customer Name">
<img class="rt-testimonials-card__image" alt="Resident testimonial portrait" height="420" width="650" src="https://edge.sitecorecloud.io/mirvacprocu45a5-mirvacsitec7536-prodc5da-5fc1/media/project/residential/greenbank/testimonials/everleigh_testimonials_desktop.webp" />
<div class="rt-testimonials-card__content">
<span class="rt-testimonials-card__quote-mark" aria-hidden="true">”</span>
<p class="rt-testimonials-card__quote">Hear how our residents found a welcoming community, quality homes and a place they are proud to call home.</p>
<div class="rt-testimonials-card__footer">
<div class="rt-testimonials-card__resident">
<p class="rt-testimonials-card__name">Customer Name</p>
<p class="rt-testimonials-card__location">NSW Resident</p>
</div>
<span class="rt-testimonials-card__read-more">Read more</span>
</div>
</div>
</a>
<a class="rt-testimonials-card" href="https://www.mirvac.com" aria-label="Read testimonial from Customer Name">
<img class="rt-testimonials-card__image" alt="Resident testimonial portrait" height="420" width="650" src="https://edge.sitecorecloud.io/mirvacprocu45a5-mirvacsitec7536-prodc5da-5fc1/media/project/residential/greenbank/testimonials/everleigh_testimonials_desktop.webp" />
<div class="rt-testimonials-card__content">
<span class="rt-testimonials-card__quote-mark" aria-hidden="true">”</span>
<p class="rt-testimonials-card__quote">Hear how our residents found a welcoming community, quality homes and a place they are proud to call home.</p>
<div class="rt-testimonials-card__footer">
<div class="rt-testimonials-card__resident">
<p class="rt-testimonials-card__name">Customer Name</p>
<p class="rt-testimonials-card__location">NSW Resident</p>
</div>
<span class="rt-testimonials-card__read-more">Read more</span>
</div>
</div>
</a>
<a class="rt-testimonials-card" href="https://www.mirvac.com" aria-label="Read testimonial from Customer Name">
<img class="rt-testimonials-card__image" alt="Resident testimonial portrait" height="420" width="650" src="https://edge.sitecorecloud.io/mirvacprocu45a5-mirvacsitec7536-prodc5da-5fc1/media/project/residential/greenbank/testimonials/everleigh_testimonials_desktop.webp" />
<div class="rt-testimonials-card__content">
<span class="rt-testimonials-card__quote-mark" aria-hidden="true">”</span>
<p class="rt-testimonials-card__quote">Hear how our residents found a welcoming community, quality homes and a place they are proud to call home.</p>
<div class="rt-testimonials-card__footer">
<div class="rt-testimonials-card__resident">
<p class="rt-testimonials-card__name">Customer Name</p>
<p class="rt-testimonials-card__location">NSW Resident</p>
</div>
<span class="rt-testimonials-card__read-more">Read more</span>
</div>
</div>
</a>
<a class="rt-testimonials-card" href="https://www.mirvac.com" aria-label="Read testimonial from Customer Name">
<img class="rt-testimonials-card__image" alt="Resident testimonial portrait" height="420" width="650" src="https://edge.sitecorecloud.io/mirvacprocu45a5-mirvacsitec7536-prodc5da-5fc1/media/project/residential/greenbank/testimonials/everleigh_testimonials_desktop.webp" />
<div class="rt-testimonials-card__content">
<span class="rt-testimonials-card__quote-mark" aria-hidden="true">”</span>
<p class="rt-testimonials-card__quote">Hear how our residents found a welcoming community, quality homes and a place they are proud to call home.</p>
<div class="rt-testimonials-card__footer">
<div class="rt-testimonials-card__resident">
<p class="rt-testimonials-card__name">Customer Name</p>
<p class="rt-testimonials-card__location">NSW Resident</p>
</div>
<span class="rt-testimonials-card__read-more">Read more</span>
</div>
</div>
</a>
<a class="rt-testimonials-card" href="https://www.mirvac.com" aria-label="Read testimonial from Customer Name">
<img class="rt-testimonials-card__image" alt="Resident testimonial portrait" height="420" width="650" src="https://edge.sitecorecloud.io/mirvacprocu45a5-mirvacsitec7536-prodc5da-5fc1/media/project/residential/greenbank/testimonials/everleigh_testimonials_desktop.webp" />
<div class="rt-testimonials-card__content">
<span class="rt-testimonials-card__quote-mark" aria-hidden="true">”</span>
<p class="rt-testimonials-card__quote">Hear how our residents found a welcoming community, quality homes and a place they are proud to call home.</p>
<div class="rt-testimonials-card__footer">
<div class="rt-testimonials-card__resident">
<p class="rt-testimonials-card__name">Customer Name</p>
<p class="rt-testimonials-card__location">NSW Resident</p>
</div>
<span class="rt-testimonials-card__read-more">Read more</span>
</div>
</div>
</a>
</div>
</section>
<style>
.rt-testimonials-grid-wrap {
--rt-testimonials-background: #f4e7d2;
--rt-testimonials-card-background: #ffffff;
--rt-testimonials-brand: #bb4197;
--rt-testimonials-text: #202020;
position: relative !important;
z-index: 5;
width: 100vw !important;
max-width: 100vw !important;
left: 50% !important;
transform: translateX(-50%) !important;
margin: clamp(-96px, -7vw, -64px) 0 0 !important;
padding: clamp(32px, 4vw, 64px) 0 clamp(64px, 7vw, 30px) !important;
box-sizing: border-box;
background: var(--rt-testimonials-background) !important;
}
.rt-testimonials-grid {
position: relative;
z-index: 6;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: clamp(20px, 2.5vw, 32px);
width: min(1420px, calc(100% - clamp(40px, 8vw, 128px)));
margin: 0 auto;
box-sizing: border-box;
}
.rt-testimonials-card {
min-width: 0;
display: flex;
flex-direction: column;
overflow: hidden;
border-radius: 12px;
background: var(--rt-testimonials-card-background);
color: var(--rt-testimonials-text) !important;
text-decoration: none !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
transition: transform 180ms ease, box-shadow 180ms ease;
}
.rt-testimonials-card:hover {
color: var(--rt-testimonials-text) !important;
text-decoration: none !important;
transform: translateY(-3px);
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10);
}
.rt-testimonials-card:focus-visible {
outline: 3px solid var(--rt-testimonials-brand);
outline-offset: 4px;
}
.rt-testimonials-card__image {
display: block;
width: 100% !important;
height: auto !important;
aspect-ratio: 16 / 10;
object-fit: cover;
object-position: center;
flex: 0 0 auto;
}
.rt-testimonials-card__content {
position: relative;
display: flex;
flex: 1 1 auto;
flex-direction: column;
min-height: 210px;
padding: clamp(28px, 3vw, 38px) clamp(20px, 2.4vw, 30px) clamp(20px, 2.4vw, 28px);
box-sizing: border-box;
}
.rt-testimonials-card__quote-mark {
position: absolute;
top: 0;
left: clamp(20px, 2.4vw, 30px);
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
width: clamp(40px, 4vw, 48px);
height: clamp(40px, 4vw, 48px);
border-radius: 50%;
background: var(--rt-testimonials-brand);
color: #ffffff;
font-family: Georgia, serif !important;
font-size: clamp(30px, 3vw, 38px);
font-weight: 700;
line-height: 1;
padding-top: 7px;
box-sizing: border-box;
}
.rt-testimonials-card__quote {
font-family: 'Inter', sans-serif !important;
font-size: clamp(15px, 1.05vw, 17px) !important;
line-height: 1.6 !important;
color: var(--rt-testimonials-text) !important;
margin: 0 0 clamp(24px, 3vw, 34px) !important;
}
.rt-testimonials-card__footer {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 20px;
margin-top: auto;
}
.rt-testimonials-card__resident {
min-width: 0;
}
.rt-testimonials-card__name {
font-family: 'Inter', sans-serif !important;
font-size: 15px !important;
line-height: 1.35 !important;
font-weight: 700 !important;
color: var(--rt-testimonials-text) !important;
margin: 0 0 6px !important;
}
.rt-testimonials-card__location {
font-family: 'Inter', sans-serif !important;
font-size: 12px !important;
line-height: 1.4 !important;
color: var(--rt-testimonials-text) !important;
margin: 0 !important;
}
.rt-testimonials-card__read-more {
flex: 0 0 auto;
font-family: 'Inter', sans-serif !important;
font-size: 14px;
line-height: 1.4;
font-weight: 600;
color: var(--rt-testimonials-brand);
text-decoration: underline;
text-underline-offset: 3px;
}
@media (max-width: 768px) {
.rt-testimonials-grid-wrap {
margin-top: -54px !important;
padding-top: 28px !important;
padding-bottom: 64px !important;
}
.rt-testimonials-grid {
grid-template-columns: minmax(0, 1fr);
gap: 18px;
width: min(100% - 32px, 520px);
}
.rt-testimonials-card {
border-radius: 10px;
}
.rt-testimonials-card__image {
aspect-ratio: 4 / 3;
}
.rt-testimonials-card__content {
min-height: 220px;
padding: 30px 18px 20px;
}
.rt-testimonials-card__quote-mark {
left: 18px;
width: 42px;
height: 42px;
font-size: 32px;
}
.rt-testimonials-card__quote {
font-size: 15px !important;
line-height: 1.55 !important;
margin-bottom: 26px !important;
}
.rt-testimonials-card__footer {
position: relative;
display: block;
padding-bottom: 46px;
}
.rt-testimonials-card__read-more {
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding-top: 14px;
border-top: 1px solid rgba(32, 32, 32, 0.12);
text-align: center;
}
}
@media (max-width: 360px) {
.rt-testimonials-grid {
width: calc(100% - 24px);
}
.rt-testimonials-card__content {
padding-right: 16px;
padding-left: 16px;
}
.rt-testimonials-card__quote-mark {
left: 16px;
}
}
@media (prefers-reduced-motion: reduce) {
.rt-testimonials-card {
transition: none;
}
}
</style>
<section class="rt-feature-banner-wrap" aria-labelledby="rt-feature-banner-title">
<div class="rt-feature-banner">
<div class="rt-feature-banner__image" role="img" aria-label="Everleigh residents outside a home"> </div>
<div class="rt-feature-banner__copy">
<h2 class="rt-feature-banner__title" id="rt-feature-banner-title">Find your Place at Everleigh</h2>
<p class="rt-feature-banner__text">More than a neighbourhood, Everleigh is a community where life takes shape. Surrounded by expansive green open spaces, walking trails, parks and everyday conveniences, it's a place designed to bring people together and make every day feel connected.
<br /><br />
From the friendships formed with neighbours to the moments shared with family, Everleigh offers the opportunity to create the lifestyle you've always imagined and a place you'll be proud to call home.</p>
<a class="rt-feature-banner__button" href="https://everleigh.mirvac.com/now-selling/search-properties">Discover More</a>
</div>
</div>
</section>
<style>
.rt-feature-banner-wrap {
--rt-feature-page-background: #f4e7d2;
--rt-feature-panel-background: #211d1f;
--rt-feature-text: #ffffff;
--rt-feature-button: #934064;
position: relative !important;
width: 100vw !important;
max-width: 100vw !important;
left: 50% !important;
transform: translateX(-50%) !important;
margin: 0 !important;
box-sizing: border-box;
background: var(--rt-feature-page-background) !important;
}
.rt-feature-banner {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1.08fr) minmax(420px, 0.92fr);
width: 100%;
min-height: clamp(460px, 34vw, 800px);
margin: 0 auto;
overflow: hidden;
background: var(--rt-feature-panel-background);
box-sizing: border-box;
}
.rt-feature-banner__image {
position: relative;
min-width: 0;
min-height: 100%;
background-image: url('https://edge.sitecorecloud.io/mirvacprocu45a5-mirvacsitec7536-prodc5da-5fc1/media/project/residential/greenbank/media/new-site/blogs-and-news/2025/4.png');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.rt-feature-banner__image::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to right, rgba(33,29,31,0) 48%, rgba(33,29,31,0.40) 72%, rgba(33,29,31,1) 100%);
pointer-events: none;
}
.rt-feature-banner__copy {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
margin-left: clamp(-70px, -4.5vw, -40px);
padding: clamp(48px, 5vw, 82px) clamp(40px, 6vw, 96px) clamp(48px, 5vw, 82px) clamp(70px, 7vw, 112px);
box-sizing: border-box;
background: linear-gradient(to right, rgba(33,29,31,0) 0, var(--rt-feature-panel-background) clamp(70px, 7vw, 112px));
color: var(--rt-feature-text);
}
.rt-feature-banner__title {
font-family: 'At Aero', sans-serif !important;
font-size: clamp(34px, 3vw, 50px) !important;
line-height: 1.12 !important;
font-weight: 400 !important;
color: var(--rt-feature-text) !important;
margin: 0 0 20px !important;
max-width: 15ch;
}
.rt-feature-banner__text {
font-family: 'Inter', sans-serif !important;
font-size: clamp(15px, 1.05vw, 18px) !important;
line-height: 1.7 !important;
color: var(--rt-feature-text) !important;
margin: 0 0 30px !important;
max-width: 80ch;
}
.rt-feature-banner__button {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
max-width: 200px;
min-height: 52px;
padding: 14px 28px;
box-sizing: border-box;
border: 2px solid var(--rt-feature-button);
border-radius: 4px;
background: var(--rt-feature-button);
color: #ffffff !important;
font-family: 'Inter', sans-serif !important;
font-size: 15px;
line-height: 1.3;
font-weight: 700;
text-align: center;
text-decoration: none !important;
transition: background-color 180ms ease, color 180ms ease;
}
.rt-feature-banner__button:hover {
background: transparent;
color: #ffffff !important;
text-decoration: none !important;
}
.rt-feature-banner__button:focus-visible {
outline: 3px solid #ffffff;
outline-offset: 4px;
}
@media (max-width: 900px) {
.rt-feature-banner-wrap {
padding: 0 !important;
}
.rt-feature-banner {
display: block;
width: min(100%, 620px);
min-height: 0;
}
.rt-feature-banner__image {
min-height: clamp(300px, 92vw, 520px);
background-image: url('https://edge.sitecorecloud.io/mirvacprocu45a5-mirvacsitec7536-prodc5da-5fc1/media/project/residential/greenbank/media/new-site/blogs-and-news/2025/4.png');
background-position: center center;
}
.rt-feature-banner__image::after {
background: linear-gradient(
to bottom,
rgba(33,29,31,0) 30%,
rgba(33,29,31,0.20) 55%,
rgba(33,29,31,0.55) 75%,
rgba(33,29,31,0.85) 90%,
rgba(33,29,31,1) 100%
);
}
.rt-feature-banner__copy {
margin: clamp(-86px, -18vw, -58px) 0 0;
padding: 0 24px 48px;
background: var(--rt-feature-panel-background);
align-items: center;
text-align: center;
}
.rt-feature-banner__title {
font-size: clamp(30px, 8vw, 40px) !important;
max-width: 13ch;
margin-bottom: 16px !important;
margin-left: auto !important;
margin-right: auto !important;
margin-top: 20px !important;
}
.rt-feature-banner__text {
font-size: 15px !important;
line-height: 1.65 !important;
margin-bottom: 26px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.rt-feature-banner__button {
min-width: 170px;
min-height: 50px;
}
}
@media (max-width: 360px) {
.rt-feature-banner__copy {
padding-right: 18px;
padding-bottom: 40px;
padding-left: 18px;
}
}
@media (prefers-reduced-motion: reduce) {
.rt-feature-banner__button {
transition: none;
}
}
</style> <style>
.mv-hero{
position:relative;
width:100%;
aspect-ratio:16 / 9;
overflow:hidden;
isolation:isolate;
height: 300px;
background:#0e1b34;
}
.visit-us {
display: none;
}
.mv-hero__bg{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
transform:scale(1.12); /* hides soft edges from the blur */
filter:blur(14px) saturate(1.05);
z-index:0;
}
.mv-hero::before{ /* brand grade: photo -> navy/coral */
content:"";
position:absolute;
inset:0;
z-index:1;
background:linear-gradient(120deg,#16294D 0%,#6E4B7A 42%,#E07856 100%);
mix-blend-mode:color;
opacity:.40;
}
.mv-hero::after{ /* legibility scrim behind the logo */
content:"";
position:absolute;
inset:0;
z-index:2;
background:
radial-gradient(60% 55% at 50% 50%, rgba(9,18,38,.55), transparent 70%),
linear-gradient(to top, rgba(9,18,38,.60), transparent 60%);
opacity:.45;
}
.mv-hero__lockup{
position:absolute;
inset:0;
z-index:3;
display:flex;
align-items:center;
justify-content:center;
padding:24px;
}
.mv-hero__logo{ /* doubled, sharp, centred */
display:block;
width:auto;
height: clamp(50px, 16vw, 28px);
}
@media (max-width:640px){
.mv-hero{aspect-ratio:9 / 16;}
.mv-hero__logo{height:clamp(80px, 16vw, 28px);}
}
</style>
<div class="mv-hero">
<img class="mv-hero__bg" src="https://edge.sitecorecloud.io/mirvacprocu45a5-mirvacsitec7536-prodc5da-5fc1/media/project/residential/greenbank/media/new-site/blogs-and-news/2025/4.png" alt="" />
<div class="mv-hero__lockup">
<img class="mv-hero__logo" src="https://edge.sitecorecloud.io/mirvacprocu45a5-mirvacsitec7536-prodc5da-5fc1/media/project/residential/thefabric/media/thefabric-assets/common/mirvac-white-logo.svg" alt="Mirvac" />
</div>
</div>