<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Be In The Next Book β New Era Property Training</title>
<meta name="description" content="We're writing book two. It's about the people who actually did it. We want your journey in print." />
<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=Fraunces:opsz,[email protected],400;9..144,500;9..144,600;9..144,700;9..144,900&family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<!--
=================================================================================
β
β
β
SETUP β THREE THINGS TO CHANGE BEFORE THIS GOES LIVE β
β
β
=================================================================================
1. THE FORM ACTION URL
Search this file for ACTION_URL_GOES_HERE
Replace with your Kajabi form endpoint:
https://www.newerapropertytraining.co.uk/forms/XXXXXXXXX/form_submissions
2. THE FIELD NAMES
Every question uses a placeholder name like form_submission[custom_1]
Those numbers WILL be wrong for your account. To get the real ones:
a) Build the same fields on a Kajabi form
b) Put that form on any Kajabi page, load it, and View Source
c) Copy each input's exact name="..." attribute
d) Paste onto the matching input here (each has a comment naming the question)
A wrong name fails silently β the form submits and that answer vanishes.
Do one real test submission and check the entry in Kajabi.
3. THE PLACEHOLDER LINKS
Search for href="#" in the footer and point them at real pages.
Submitting this fires your Kajabi form Automations normally, so your
"send an email to team" automations, tags and offers all still work.
=================================================================================
-->
<style>
:root {
/* ---- Palette unchanged from the main site ---- */
--navy-900: #182958;
--navy-800: #1d3068;
--navy-700: #243a7e;
--navy-600: #2f4998;
--orange-600: #d85a0d;
--orange-500: #ee6a1e;
--orange-400: #f47a35;
--orange-300: #f7945a;
--orange-100: #fde6d5;
--cream: #fafafa;
--cream-200: #f3f0ea;
--ink: #181818;
--muted: #5a6478;
--line: rgba(24, 41, 88, 0.08);
--line-strong: rgba(24, 41, 88, 0.15);
--font-display: 'Fraunces', 'Times New Roman', serif;
--font-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
--radius: 6px;
--radius-lg: 12px;
--shadow-orange: 0 10px 30px rgba(238, 106, 30, 0.34), 0 3px 8px rgba(238, 106, 30, 0.2);
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*, *::before, *::after { animation: none !important; transition-duration: 0.01ms !important; }
}
body {
font-family: var(--font-sans);
background: var(--cream);
color: var(--ink);
line-height: 1.6;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
:focus-visible { outline: 3px solid var(--orange-500); outline-offset: 3px; border-radius: 3px; }
/* Centred column widths */
.col { max-width: 1080px; margin: 0 auto; padding: 0 28px; text-align: center; }
.col-tight { max-width: 720px; margin: 0 auto; padding: 0 28px; text-align: center; }
.col-form { max-width: 800px; margin: 0 auto; padding: 0 28px; }
@media (max-width: 620px) {
.col, .col-tight, .col-form { padding: 0 18px; }
}
/* ================= NAV ================= */
.nav {
position: sticky; top: 0; z-index: 200;
background: rgba(24, 41, 88, 0.92);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
border-bottom: 1px solid rgba(255,255,255,0.10);
}
.nav-inner {
display: flex; align-items: center; justify-content: space-between; gap: 16px;
max-width: 1180px; margin: 0 auto; padding: 12px 28px;
}
.nav-inner img { height: 42px; width: auto; }
.nav-cta {
background: var(--orange-500); color: #fff;
padding: 11px 24px; border-radius: 999px;
font-size: 13.5px; font-weight: 700; letter-spacing: 0.3px;
white-space: nowrap;
transition: background 0.25s, transform 0.25s;
}
.nav-cta:hover { background: var(--orange-600); transform: translateY(-1px); }
/* ================= HERO ================= */
.hero {
background: var(--navy-900);
color: #fff;
position: relative;
overflow: hidden;
min-height: 88vh;
display: flex; align-items: center;
padding: 80px 0 90px;
}
.hero::before {
content: ""; position: absolute; inset: 0; pointer-events: none;
background:
radial-gradient(ellipse at 50% 0%, rgba(238,106,30,0.26), transparent 55%),
radial-gradient(ellipse at 50% 100%, rgba(47,73,152,0.6), transparent 62%);
}
/* Oversized ghost word behind the headline β the type IS the decoration */
.ghost {
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%, -50%);
font-family: var(--font-display);
font-weight: 900;
font-size: clamp(180px, 30vw, 460px);
letter-spacing: -0.05em;
line-height: 1;
color: transparent;
-webkit-text-stroke: 1.5px rgba(238,106,30,0.16);
white-space: nowrap;
pointer-events: none;
user-select: none;
z-index: 0;
}
.hero-content { position: relative; z-index: 2; }
.kicker {
display: inline-block;
font-size: 12.5px; font-weight: 700; letter-spacing: 2.2px;
color: var(--orange-400);
border: 1px solid rgba(238,106,30,0.45);
background: rgba(238,106,30,0.12);
padding: 8px 18px; border-radius: 999px;
margin-bottom: 34px;
}
h1 {
font-family: var(--font-display);
font-weight: 700;
font-size: clamp(46px, 9.5vw, 118px);
line-height: 0.94;
letter-spacing: -0.035em;
margin-bottom: 30px;
}
h1 .flag {
display: block;
font-style: italic;
font-weight: 400;
color: var(--orange-400);
}
.hero p.lede {
font-size: clamp(16.5px, 2vw, 20px);
line-height: 1.62;
color: rgba(255,255,255,0.82);
max-width: 56ch;
margin: 0 auto 40px;
}
.btn {
display: inline-flex; align-items: center; justify-content: center;
padding: 19px 44px; border-radius: 999px;
font-family: inherit; font-size: 16px; font-weight: 700; letter-spacing: 0.3px;
border: none; cursor: pointer;
transition: background 0.25s, transform 0.25s, border-color 0.25s, color 0.25s;
}
.btn-primary { background: var(--orange-500); color: #fff; box-shadow: var(--shadow-orange); }
.btn-primary:hover { background: var(--orange-600); transform: translateY(-3px); }
.btn-ghost { background: transparent; color: #fff; border: 1.5px solid rgba(255,255,255,0.35); }
.btn-ghost:hover { border-color: var(--orange-400); color: var(--orange-400); }
.hero-actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.hero-facts {
margin-top: 52px; padding-top: 30px;
border-top: 1px solid rgba(255,255,255,0.14);
display: flex; justify-content: center; gap: 56px; flex-wrap: wrap;
max-width: 760px; margin-left: auto; margin-right: auto;
}
.fact .big {
font-family: var(--font-display); font-weight: 600;
font-size: 28px; color: var(--orange-400); line-height: 1;
}
.fact .small {
font-size: 12.5px; letter-spacing: 0.6px;
color: rgba(255,255,255,0.62); margin-top: 7px;
}
@media (max-width: 620px) {
.hero { min-height: auto; padding: 56px 0 64px; }
.hero-facts { gap: 30px; }
.btn { width: 100%; }
}
/* One orchestrated entrance, hero only */
.rise { opacity: 0; transform: translateY(22px); animation: rise 0.85s cubic-bezier(0.2,0.7,0.2,1) forwards; }
.d1 { animation-delay: 0.05s; } .d2 { animation-delay: 0.15s; }
.d3 { animation-delay: 0.25s; } .d4 { animation-delay: 0.35s; } .d5 { animation-delay: 0.45s; }
@keyframes rise { to { opacity: 1; transform: translateY(0); } }
/* ================= THE ORANGE SHOUT ================= */
.shout {
background: var(--orange-500);
color: var(--navy-900);
padding: 76px 0;
text-align: center;
}
.shout p {
font-family: var(--font-display);
font-weight: 600;
font-size: clamp(26px, 4.4vw, 52px);
line-height: 1.12;
letter-spacing: -0.025em;
max-width: 20ch;
margin: 0 auto;
}
.shout .under {
display: block;
font-family: var(--font-sans);
font-weight: 500;
font-size: 16px;
letter-spacing: 0.2px;
line-height: 1.6;
color: rgba(24,41,88,0.72);
max-width: 50ch;
margin: 26px auto 0;
}
@media (max-width: 620px) { .shout { padding: 52px 0; } }
/* ================= GENERIC BANDS ================= */
.band { padding: 96px 0; }
.band-paper { background: var(--cream-200); }
.band-navy { background: var(--navy-900); color: #fff; }
@media (max-width: 820px) { .band { padding: 62px 0; } }
h2 {
font-family: var(--font-display);
font-weight: 600;
font-size: clamp(30px, 5vw, 54px);
line-height: 1.06;
letter-spacing: -0.028em;
color: var(--navy-900);
margin-bottom: 20px;
}
.band-navy h2 { color: #fff; }
.lead {
font-size: 17px; line-height: 1.7; color: var(--muted);
max-width: 58ch; margin: 0 auto;
}
.band-navy .lead { color: rgba(255,255,255,0.76); }
/* ================= LETTER FROM RICK ================= */
.portrait {
width: 132px; height: 132px; border-radius: 50%;
margin: 0 auto 26px;
overflow: hidden;
border: 3px solid var(--orange-500);
box-shadow: 0 10px 30px rgba(24,41,88,0.18);
}
.portrait img { width: 100%; height: 100%; object-fit: cover; }
.letter p {
font-size: 17px; line-height: 1.78; color: var(--muted);
max-width: 58ch; margin: 0 auto 18px;
}
.letter p strong { color: var(--navy-900); font-weight: 600; }
.signoff {
margin-top: 30px;
font-family: var(--font-display); font-style: italic; font-weight: 500;
font-size: 26px; color: var(--orange-600);
}
.signoff small {
display: block; font-family: var(--font-sans); font-style: normal;
font-size: 12.5px; letter-spacing: 1px;
color: var(--muted); margin-top: 8px;
}
/* ================= "YOU QUALIFY IF" ================= */
.three {
display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;
margin-top: 54px;
}
@media (max-width: 860px) { .three { grid-template-columns: 1fr; gap: 22px; max-width: 480px; margin-left: auto; margin-right: auto; } }
.card {
background: #fff;
border: 1px solid var(--line);
border-radius: var(--radius-lg);
padding: 38px 26px;
text-align: center;
}
.card .mark {
width: 46px; height: 46px; margin: 0 auto 20px;
border-radius: 50%;
background: var(--orange-100);
color: var(--orange-600);
display: grid; place-items: center;
}
.card h3 {
font-family: var(--font-display); font-weight: 600; font-size: 21px;
color: var(--navy-900); margin-bottom: 10px; line-height: 1.22;
}
.card p { font-size: 15px; line-height: 1.65; color: var(--muted); }
/* ================= HOW IT WORKS β centred timeline ================= */
.flow { margin-top: 56px; position: relative; }
.flow::before {
content: ""; position: absolute; top: 8px; bottom: 8px; left: 50%;
width: 1px; background: rgba(255,255,255,0.16); transform: translateX(-50%);
}
.stage { position: relative; padding: 0 0 46px; }
.stage:last-child { padding-bottom: 0; }
.stage-n {
position: relative; z-index: 1;
width: 62px; height: 62px; margin: 0 auto 18px;
border-radius: 50%;
background: var(--navy-900);
border: 2px solid var(--orange-500);
display: grid; place-items: center;
font-family: var(--font-display); font-weight: 600; font-size: 25px;
color: var(--orange-400);
}
.stage h3 {
font-family: var(--font-display); font-weight: 600; font-size: 23px;
color: #fff; margin-bottom: 8px;
}
.stage p {
font-size: 15.5px; line-height: 1.68;
color: rgba(255,255,255,0.74);
max-width: 46ch; margin: 0 auto;
}
/* ================= PROMISES ================= */
.four {
display: grid; grid-template-columns: repeat(2, 1fr); gap: 26px;
margin-top: 50px; text-align: center;
}
@media (max-width: 760px) { .four { grid-template-columns: 1fr; max-width: 460px; margin-left: auto; margin-right: auto; } }
.promise {
border: 1px solid var(--line);
border-radius: var(--radius-lg);
background: #fff;
padding: 32px 26px;
}
.promise h3 {
font-family: var(--font-display); font-weight: 600; font-size: 20px;
color: var(--navy-900); margin-bottom: 9px;
}
.promise p { font-size: 15px; line-height: 1.64; color: var(--muted); }
/* ================= FINAL CALL ================= */
.finale { background: var(--navy-900); color: #fff; padding: 100px 0; text-align: center; position: relative; overflow: hidden; }
.finale::before {
content: ""; position: absolute; inset: 0; pointer-events: none;
background: radial-gradient(ellipse at 50% 40%, rgba(238,106,30,0.22), transparent 58%);
}
.finale > * { position: relative; z-index: 1; }
.finale h2 { color: #fff; }
.finale p { color: rgba(255,255,255,0.78); font-size: 17px; max-width: 50ch; margin: 0 auto 34px; line-height: 1.66; }
@media (max-width: 620px) { .finale { padding: 66px 0; } }
/* ================= FORM ================= */
.form-band { background: var(--cream-200); padding: 90px 0 100px; }
@media (max-width: 820px) { .form-band { padding: 58px 0 70px; } }
.form-shell {
background: #fff;
border: 1px solid var(--line);
border-radius: var(--radius-lg);
box-shadow: 0 18px 50px rgba(24,41,88,0.10), 0 4px 12px rgba(24,41,88,0.06);
overflow: hidden;
}
.form-head {
background: var(--navy-900); color: #fff;
padding: 52px 44px 46px;
text-align: center;
position: relative; overflow: hidden;
}
.form-head::before {
content: ""; position: absolute; inset: 0; pointer-events: none;
background: radial-gradient(ellipse at 50% 0%, rgba(238,106,30,0.26), transparent 62%);
}
.form-head > * { position: relative; z-index: 1; }
.form-head h2 { color: #fff; margin-bottom: 14px; }
.form-head p { color: rgba(255,255,255,0.76); font-size: 16px; line-height: 1.66; max-width: 46ch; margin: 0 auto; }
.form-time {
display: inline-block; margin-top: 22px;
font-size: 13px; font-weight: 600; color: var(--orange-300);
border: 1px solid rgba(238,106,30,0.42);
background: rgba(238,106,30,0.14);
padding: 8px 18px; border-radius: 999px;
}
@media (max-width: 620px) { .form-head { padding: 36px 20px 32px; } }
.form-inner { padding: 10px 48px 48px; }
@media (max-width: 620px) { .form-inner { padding: 6px 20px 34px; } }
/* Section headers centred, but the fields themselves stay left-aligned
so they're actually readable to fill in. */
fieldset { border: none; padding: 40px 0 6px; border-top: 1px solid var(--line); }
fieldset:first-of-type { border-top: none; }
legend {
display: block; width: 100%; padding: 0; text-align: center;
font-family: var(--font-display); font-weight: 600; font-size: 27px;
color: var(--navy-900); letter-spacing: -0.018em;
}
.legend-sub {
text-align: center;
font-size: 14.5px; color: var(--muted); line-height: 1.6;
margin: 8px auto 30px; max-width: 46ch;
}
.field { margin-bottom: 24px; text-align: left; }
.field label { display: block; font-size: 15px; font-weight: 600; color: var(--navy-900); margin-bottom: 4px; }
.hint { display: block; font-size: 13.5px; font-weight: 400; color: var(--muted); line-height: 1.55; margin-bottom: 10px; }
.req { color: var(--orange-600); font-weight: 700; }
input[type="text"], input[type="email"], input[type="tel"], select, textarea {
width: 100%;
padding: 15px 17px;
border: 1px solid var(--line-strong);
border-radius: var(--radius);
font-family: var(--font-sans);
font-size: 15.5px; line-height: 1.6;
background: var(--cream); color: var(--ink);
transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
}
textarea { min-height: 130px; resize: vertical; }
textarea.tall { min-height: 175px; }
input:focus, select:focus, textarea:focus {
outline: none; border-color: var(--orange-500); background: #fff;
box-shadow: 0 0 0 3px rgba(238,106,30,0.16);
}
::placeholder { color: #9aa2b4; }
.row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
@media (max-width: 620px) { .row { grid-template-columns: 1fr; gap: 0; } }
.choices { display: grid; gap: 10px; margin-top: 4px; }
.choice {
display: flex; align-items: flex-start; gap: 12px;
padding: 14px 16px;
border: 1px solid var(--line-strong); border-radius: var(--radius);
background: var(--cream); cursor: pointer;
font-size: 15px; line-height: 1.5; color: var(--ink);
transition: border-color 0.2s, background 0.2s;
}
.choice:hover { border-color: var(--orange-300); background: #fff; }
.choice input { margin-top: 3px; accent-color: var(--orange-500); flex-shrink: 0; }
.choice span small { display: block; color: var(--muted); font-size: 13px; margin-top: 2px; }
.consent {
margin-top: 28px; padding: 22px 24px; text-align: left;
background: var(--orange-100);
border: 1px solid rgba(238,106,30,0.32);
border-radius: var(--radius);
}
.consent label { display: flex; gap: 12px; align-items: flex-start; font-size: 15px; line-height: 1.6; cursor: pointer; }
.consent input { margin-top: 3px; accent-color: var(--orange-600); flex-shrink: 0; }
.submit {
display: block; width: 100%; margin-top: 30px;
background: var(--orange-500); color: #fff;
padding: 20px 30px; border: none; border-radius: 999px;
font-family: var(--font-sans); font-size: 16.5px; font-weight: 700; letter-spacing: 0.3px;
cursor: pointer; box-shadow: var(--shadow-orange);
transition: background 0.25s, transform 0.25s;
}
.submit:hover { background: var(--orange-600); transform: translateY(-2px); }
.submit-note { text-align: center; font-size: 13.5px; color: var(--muted); margin-top: 14px; }
.thanks { display: none; padding: 70px 44px; text-align: center; }
.thanks.show { display: block; }
.thanks h2 { margin-bottom: 16px; }
.thanks p { color: var(--muted); font-size: 16.5px; line-height: 1.7; max-width: 48ch; margin: 0 auto 12px; }
/* ================= FOOTER ================= */
footer { background: var(--navy-900); color: rgba(255,255,255,0.6); padding: 56px 0 30px; text-align: center; }
footer img { height: 54px; width: auto; background: #fff; padding: 9px 15px; border-radius: var(--radius); margin: 0 auto 18px; }
footer p { font-size: 14px; line-height: 1.65; max-width: 44ch; margin: 0 auto; }
.foot-links { display: flex; gap: 26px; flex-wrap: wrap; justify-content: center; margin-top: 24px; }
.foot-links a { font-size: 14px; color: rgba(255,255,255,0.6); transition: color 0.2s; }
.foot-links a:hover { color: var(--orange-400); }
.foot-base {
border-top: 1px solid rgba(255,255,255,0.1);
margin-top: 34px; padding-top: 22px;
font-size: 12.5px; color: rgba(255,255,255,0.44);
display: grid; gap: 8px;
}
/* ================= KAJABI OVERRIDES β keep these last ================= */
#nept h1, #nept h2, #nept h3, #nept legend, #nept .shout p { font-family: var(--font-display) !important; }
#nept .hero h1, #nept .band-navy h2, #nept .stage h3, #nept .form-head h2, #nept .finale h2 { color: #fff !important; }
#nept .hero h1 .flag { color: var(--orange-400) !important; }
#nept .shout p { color: var(--navy-900) !important; }
#nept .card h3, #nept .promise h3, #nept legend, #nept .field label { color: var(--navy-900) !important; }
#nept .card p, #nept .promise p, #nept .letter p, #nept .hint, #nept .legend-sub, #nept .lead { color: var(--muted) !important; }
#nept .band-navy .lead, #nept .stage p { color: rgba(255,255,255,0.75) !important; }
#nept .finale p { color: rgba(255,255,255,0.78) !important; }
</style>
</head>
<body>
<div id="nept">
<!-- ============================= NAV ============================= -->
<nav class="nav">
<div class="nav-inner">
<a href="https://www.newerapropertytraining.co.uk" aria-label="New Era Property Training home">
<img src="https://i.postimg.cc/XJddJKn4/New-Era-logo-2.png" alt="New Era Property Training">
</a>
<a href="#your-story" class="nav-cta">Share your journey</a>
</div>
</nav>
<!-- ============================= HERO ============================= -->
<header class="hero">
<div class="ghost" aria-hidden="true">CHAPTER</div>
<div class="col hero-content">
<div class="kicker rise d1">BOOK TWO Β· STUDENT STORIES</div>
<h1 class="rise d2">
We're writing book two.
<span class="flag">You're in it.</span>
</h1>
<p class="lede rise d3">
The first books were about the strategy. This one is about the people β
students who started with a question and a spare evening, and now own property.
If you built something with New Era, we want your journey in print.
</p>
<div class="hero-actions rise d4">
<a href="#your-story" class="btn btn-primary">Share your journey</a>
<a href="#how-it-works" class="btn btn-ghost">How it works</a>
</div>
<div class="hero-facts rise d5">
<div class="fact">
<div class="big">20 mins</div>
<div class="small">To tell us your story</div>
</div>
<div class="fact">
<div class="big">Every word</div>
<div class="small">Approved by you first</div>
</div>
<div class="fact">
<div class="big">Signed copies</div>
<div class="small">For everyone featured</div>
</div>
</div>
</div>
</header>
<!-- ============================= THE ORANGE SHOUT ============================= -->
<section class="shout">
<div class="col-tight">
<p>
We're not looking for the biggest portfolio. We're looking for the true one.
<span class="under">
One property is a complete story. So is a refurb that overran, a year where
nothing happened, or a plan you changed halfway through.
</span>
</p>
</div>
</section>
<!-- ============================= LETTER FROM RICK ============================= -->
<section class="band">
<div class="col-tight letter">
<div class="portrait">
<img src="https://i.postimg.cc/NMcwhYMX/Untitled-design-(35).png" alt="Rick Gannon">
</div>
<h2>Why we're asking you</h2>
<p>
When someone new lands on our site, the first thing they want to know isn't the
strategy. It's whether anyone like them has actually done this. Not a stock photo
and a five-star review β a real person, in a real town, who had the same doubts
and went ahead anyway.
</p>
<p>
<strong>That's what this book is.</strong> Every chapter is one student's journey,
start to finish: what you were doing before, what nearly stopped you, what the
first deal really looked like, and where you've got to since. Including the bits
that went wrong.
</p>
<p>
You don't need a big portfolio and you don't need to be a writer. Fill in the form
at the bottom of this page in whatever words come out. We'll do the rest.
</p>
<div class="signoff">
β Rick
<small>RICK GANNON, FOUNDER</small>
</div>
</div>
</section>
<!-- ============================= YOU QUALIFY IF ============================= -->
<section class="band band-paper">
<div class="col">
<h2>You've got more of a story than you think</h2>
<p class="lead">
The chapters that land hardest won't be the biggest numbers. They'll be the ones
a reader can see themselves in.
</p>
<div class="three">
<div class="card">
<div class="mark" aria-hidden="true">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
</div>
<h3>You've done one deal</h3>
<p>One property is a whole chapter. Going from nothing to your first is the exact leap most readers are stuck on.</p>
</div>
<div class="card">
<div class="mark" aria-hidden="true">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>
</div>
<h3>It didn't go smoothly</h3>
<p>A refurb that overran, a survey that killed a deal, a quiet year. Honest is far more useful than tidy.</p>
</div>
<div class="card">
<div class="mark" aria-hidden="true">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 21 3 21 8"/><line x1="4" y1="20" x2="21" y2="3"/><polyline points="21 16 21 21 16 21"/><line x1="15" y1="15" x2="21" y2="21"/><line x1="4" y1="4" x2="9" y2="9"/></svg>
</div>
<h3>You changed direction</h3>
<p>Started in buy-to-let, ended up in HMOs. Left a job to do this properly. The pivot is the interesting part.</p>
</div>
</div>
</div>
</section>
<!-- ============================= HOW IT WORKS ============================= -->
<section class="band band-navy" id="how-it-works">
<div class="col-tight">
<h2>What happens after you hit send</h2>
<p class="lead">Four steps β and you can stop at any of them.</p>
<div class="flow">
<div class="stage">
<div class="stage-n">1</div>
<h3>You fill in the form</h3>
<p>Rough notes are fine. We're after the events and the feeling, not polished prose. Skip anything you'd rather not answer.</p>
</div>
<div class="stage">
<div class="stage-n">2</div>
<h3>We read it and reply</h3>
<p>Within two weeks. If your story fits a chapter we'll say so β and if the timing isn't right for this book, we'll tell you that rather than leave you waiting.</p>
</div>
<div class="stage">
<div class="stage-n">3</div>
<h3>A 45-minute call</h3>
<p>Recorded, relaxed, just filling in the gaps and getting the detail that's hard to type. We do the writing from there.</p>
</div>
<div class="stage">
<div class="stage-n">4</div>
<h3>You approve the chapter</h3>
<p>You get the full draft. Change anything, cut anything, pull out entirely. Nothing goes to print until you've signed it off.</p>
</div>
</div>
</div>
</section>
<!-- ============================= PROMISES ============================= -->
<section class="band">
<div class="col">
<h2>What it costs, and what you get</h2>
<p class="lead">Twenty minutes now, forty-five later. Here's the rest of it in plain terms.</p>
<div class="four">
<div class="promise">
<h3>You keep control of your numbers</h3>
<p>Share as much or as little detail as you like. Anything you mark as off-limits stays out of the book entirely.</p>
</div>
<div class="promise">
<h3>You can be anonymous</h3>
<p>First name only, a changed name, or no name at all. Plenty of people don't want their portfolio public, and that's fine.</p>
</div>
<div class="promise">
<h3>Signed copies when it lands</h3>
<p>Everyone featured gets copies of the finished book, plus your chapter shared across our channels if you want it.</p>
</div>
<div class="promise">
<h3>Nothing is being sold to you</h3>
<p>No cost to take part and no pitch at the end of the call. This is a book, not a funnel.</p>
</div>
</div>
</div>
</section>
<!-- ============================= FINAL CALL ============================= -->
<section class="finale">
<div class="col-tight">
<h2>Ready when you are</h2>
<p>Somebody is about to read your chapter and finally make a start. Let's give them something honest to read.</p>
<a href="#your-story" class="btn btn-primary">Share your journey</a>
</div>
</section>
<!-- ============================= THE FORM ============================= -->
<section class="form-band" id="your-story">
<div class="col-form">
<div class="form-shell">
<div class="form-head">
<h2>Your journey</h2>
<p>Answer in whatever detail feels right. Long answers welcome, one-liners fine, and you can leave anything blank. Only your name and email are required.</p>
<div class="form-time">Around 20 minutes Β· Finish in one sitting</div>
</div>
<!--
================================================================
β
REPLACE ACTION_URL_GOES_HERE WITH YOUR KAJABI FORM URL β
β
REPLACE EVERY custom_N WITH YOUR REAL FIELD NAMES β
(See the SETUP block at the top of this file.)
================================================================
-->
<form id="story-form" class="form-inner"
action="ACTION_URL_GOES_HERE"
method="POST"
target="story-target">
<!-- ============ PART ONE ============ -->
<fieldset>
<legend>First, the basics</legend>
<p class="legend-sub">So we know who we're talking to and how to reach you.</p>
<div class="row">
<div class="field">
<label for="f-name">Your name <span class="req">*</span></label>
<input type="text" id="f-name" name="form_submission[name]" required autocomplete="name">
</div>
<div class="field">
<label for="f-email">Email <span class="req">*</span></label>
<input type="email" id="f-email" name="form_submission[email]" required autocomplete="email">
</div>
</div>
<div class="row">
<div class="field">
<label for="f-phone">Mobile number</label>
<span class="hint">Only used to arrange the call.</span>
<input type="tel" id="f-phone" name="form_submission[phone_number]" autocomplete="tel">
</div>
<div class="field">
<label for="f-location">Where are you based?</label>
<span class="hint">Town or county is plenty.</span>
<!-- QUESTION: Location -->
<input type="text" id="f-location" name="form_submission[custom_1]" placeholder="e.g. Worcester">
</div>
</div>
<div class="field">
<label for="f-programme">How did you train with us?</label>
<!-- QUESTION: Which programme -->
<select id="f-programme" name="form_submission[custom_2]">
<option value="">Select oneβ¦</option>
<option>The New Era Investor Programme</option>
<option>One-to-one mentoring with Rick</option>
<option>Property 101 free course</option>
<option>Free masterclass only</option>
<option>Rick's books / YouTube</option>
<option>A mix of several</option>
</select>
</div>
<div class="field">
<label for="f-when">Roughly when did you start with New Era?</label>
<!-- QUESTION: Start date -->
<input type="text" id="f-when" name="form_submission[custom_3]" placeholder="e.g. Spring 2022">
</div>
</fieldset>
<!-- ============ PART TWO ============ -->
<fieldset>
<legend>Before property</legend>
<p class="legend-sub">This is the part readers recognise themselves in, so take your time here.</p>
<div class="field">
<label for="f-before">What was life like before you started investing?</label>
<span class="hint">Your job, your hours, your money situation, how you felt about the next ten years.</span>
<!-- QUESTION: Life before -->
<textarea id="f-before" name="form_submission[custom_4]" class="tall"></textarea>
</div>
<div class="field">
<label for="f-trigger">What made you finally do something about it?</label>
<span class="hint">Was there a specific moment, conversation or piece of bad news?</span>
<!-- QUESTION: The trigger -->
<textarea id="f-trigger" name="form_submission[custom_5]"></textarea>
</div>
<div class="field">
<label for="f-fears">What was stopping you before you started?</label>
<span class="hint">Money, confidence, a partner who wasn't convinced, not knowing who to trust β all of it counts.</span>
<!-- QUESTION: Fears and blockers -->
<textarea id="f-fears" name="form_submission[custom_6]"></textarea>
</div>
</fieldset>
<!-- ============ PART THREE ============ -->
<fieldset>
<legend>Getting going</legend>
<p class="legend-sub">The middle of the story β the deals, the mistakes, and the bits that surprised you.</p>
<div class="field">
<label for="f-first">Tell us about your first deal.</label>
<span class="hint">When, where, what type, how you financed it, and any numbers you're comfortable sharing.</span>
<!-- QUESTION: First deal -->
<textarea id="f-first" name="form_submission[custom_7]" class="tall"></textarea>
</div>
<div class="field">
<label for="f-wrong">What went wrong along the way?</label>
<span class="hint">Honestly, this is often the most valuable chapter material. Overruns, bad tenants, deals that collapsed, months where nothing moved.</span>
<!-- QUESTION: What went wrong -->
<textarea id="f-wrong" name="form_submission[custom_8]"></textarea>
</div>
<div class="field">
<label for="f-turning">Was there a turning point?</label>
<span class="hint">A moment where it clicked, or where you nearly quit and didn't.</span>
<!-- QUESTION: Turning point -->
<textarea id="f-turning" name="form_submission[custom_9]"></textarea>
</div>
<div class="field">
<label for="f-newera">What part did New Era play in it?</label>
<span class="hint">Be specific β a particular session, a piece of advice, a person who picked up the phone. If something didn't work for you, say that too.</span>
<!-- QUESTION: Role of New Era -->
<textarea id="f-newera" name="form_submission[custom_10]"></textarea>
</div>
</fieldset>
<!-- ============ PART FOUR ============ -->
<fieldset>
<legend>Where you are now</legend>
<p class="legend-sub">The end of the chapter β though hopefully not the end of the story.</p>
<div class="field">
<label for="f-portfolio">What does your portfolio look like today?</label>
<span class="hint">Number of properties, strategy, whether you're still buying.</span>
<!-- QUESTION: Portfolio now -->
<textarea id="f-portfolio" name="form_submission[custom_11]"></textarea>
</div>
<div class="field">
<label for="f-changed">What has it actually changed about your life?</label>
<span class="hint">Income, hours, leaving a job, time with family, or just sleeping better. The non-financial answers are often the strongest.</span>
<!-- QUESTION: What changed -->
<textarea id="f-changed" name="form_submission[custom_12]" class="tall"></textarea>
</div>
<div class="field">
<label for="f-next">What's next for you?</label>
<!-- QUESTION: What's next -->
<textarea id="f-next" name="form_submission[custom_13]"></textarea>
</div>
</fieldset>
<!-- ============ PART FIVE ============ -->
<fieldset>
<legend>What you'd say to the reader</legend>
<p class="legend-sub">Most chapters will close on this, so it's worth a minute of thought.</p>
<div class="field">
<label for="f-advice">Someone is reading this exactly where you were at the start. What do you want to say to them?</label>
<!-- QUESTION: Advice to reader -->
<textarea id="f-advice" name="form_submission[custom_14]" class="tall"></textarea>
</div>
<div class="field">
<label for="f-pastself">What would you tell yourself the day before you started?</label>
<!-- QUESTION: Advice to past self -->
<textarea id="f-pastself" name="form_submission[custom_15]"></textarea>
</div>
</fieldset>
<!-- ============ PART SIX ============ -->
<fieldset>
<legend>A few practical things</legend>
<p class="legend-sub">So we handle your story exactly the way you want it handled.</p>
<div class="field">
<label>How would you like to be credited?</label>
<div class="choices">
<!-- QUESTION: Attribution preference -->
<label class="choice"><input type="radio" name="form_submission[custom_16]" value="Full name and photo"><span>Full name and photo <small>Happy for it to be public</small></span></label>
<label class="choice"><input type="radio" name="form_submission[custom_16]" value="First name only"><span>First name and county only</span></label>
<label class="choice"><input type="radio" name="form_submission[custom_16]" value="Changed name"><span>A changed name <small>Story stays real, identity doesn't</small></span></label>
<label class="choice"><input type="radio" name="form_submission[custom_16]" value="Undecided"><span>Not sure yet β let's discuss it</span></label>
</div>
</div>
<div class="field">
<label>Are you up for the 45-minute recorded call?</label>
<div class="choices">
<!-- QUESTION: Willing to interview -->
<label class="choice"><input type="radio" name="form_submission[custom_17]" value="Yes"><span>Yes</span></label>
<label class="choice"><input type="radio" name="form_submission[custom_17]" value="Prefer written only"><span>I'd rather keep it to writing</span></label>
<label class="choice"><input type="radio" name="form_submission[custom_17]" value="Maybe"><span>Maybe β tell me more first</span></label>
</div>
</div>
<div class="field">
<label for="f-assets">Do you have photos we could use?</label>
<span class="hint">Before-and-after refurb shots, you outside a property, anything from along the way. Don't send them yet β just tell us what exists.</span>
<!-- QUESTION: Available photos -->
<textarea id="f-assets" name="form_submission[custom_18]"></textarea>
</div>
<div class="field">
<label for="f-offlimits">Is there anything you do <em>not</em> want printed?</label>
<span class="hint">Exact figures, a location, a family detail, a lender's name. Tell us here and it will not appear.</span>
<!-- QUESTION: Off limits -->
<textarea id="f-offlimits" name="form_submission[custom_19]"></textarea>
</div>
<div class="field">
<label for="f-anything">Anything else we should know?</label>
<!-- QUESTION: Anything else -->
<textarea id="f-anything" name="form_submission[custom_20]"></textarea>
</div>
<div class="consent">
<label>
<!-- QUESTION: Consent -->
<input type="checkbox" name="form_submission[custom_21]" value="Yes" required>
<span>I'm happy for New Era Property Training to contact me about featuring in the book. I understand nothing will be published until I've read and approved my chapter. <span class="req">*</span></span>
</label>
</div>
<button type="submit" class="submit">Send my journey</button>
<p class="submit-note">You'll hear back within two weeks.</p>
</fieldset>
</form>
<!-- Hidden iframe catches Kajabi's redirect so the reader stays on this page -->
<iframe name="story-target" id="story-target" style="display:none;width:0;height:0;border:0;" title="form target"></iframe>
<div class="thanks" id="story-thanks">
<h2>Got it β thank you</h2>
<p>That's genuinely useful, and we'll read every word of it.</p>
<p>Someone from the team will be in touch within two weeks, whether or not your story lands in this book. If you think of something you forgot, just reply to any of our emails.</p>
</div>
</div>
</div>
</section>
<!-- ============================= FOOTER ============================= -->
<footer>
<div class="col">
<img src="https://i.postimg.cc/XJddJKn4/New-Era-logo-2.png" alt="New Era Property Training">
<p>Independent property education for people who want to build real, lasting wealth β without the hype.</p>
<div class="foot-links">
<a href="https://www.newerapropertytraining.co.uk">Home</a>
<a href="https://www.newerapropertytraining.co.uk/testimonials-new-era">Student stories</a>
<a href="https://www.newerapropertytraining.co.uk/the-yield">The Yield</a>
<a href="#">Privacy</a>
<a href="#">Contact</a>
</div>
<div class="foot-base">
<div>Β© 2026 New Era Property Training. All rights reserved.</div>
<div>General information only. Not financial or investment advice.</div>
</div>
</div>
</footer>
</div>
<script>
// Swap the form for the thank-you message once Kajabi accepts the submission.
// The form posts into a hidden iframe so the reader is never redirected away.
(function () {
var form = document.getElementById('story-form');
var target = document.getElementById('story-target');
var thanks = document.getElementById('story-thanks');
if (!form || !target || !thanks) return;
var sent = false;
form.addEventListener('submit', function () { sent = true; });
target.addEventListener('load', function () {
if (!sent) return; // ignore the iframe's initial blank load
sent = false;
form.style.display = 'none';
thanks.classList.add('show');
thanks.scrollIntoView({ behavior: 'smooth', block: 'center' });
});
})();
</script>
</body>
</html>