<style>
.aoe-page {
--bg: #070609;
--panel: #121017;
--panel-soft: #1b1721;
--gold: #c9a45c;
--gold-soft: #e2c37a;
--text: #f4efe6;
--muted: #b9ada0;
--red: #6d1621;
--border: rgba(201, 164, 92, 0.28);
font-family: Georgia, "Times New Roman", serif;
background:
radial-gradient(circle at top left, rgba(109, 22, 33, 0.35), transparent 35%),
radial-gradient(circle at bottom right, rgba(201, 164, 92, 0.14), transparent 35%),
var(--bg);
color: var(--text);
line-height: 1.6;
overflow: hidden;
}
.aoe-page * {
box-sizing: border-box;
}
.aoe-page a {
color: inherit;
}
.aoe-wrap {
width: min(1120px, 92vw);
margin: 0 auto;
}
.aoe-section {
padding: 72px 0;
}
.aoe-hero {
min-height: 86vh;
display: grid;
align-items: center;
padding: 70px 0;
}
.aoe-hero-grid {
display: grid;
grid-template-columns: 0.9fr 1.1fr;
gap: 56px;
align-items: center;
}
.aoe-cover-card {
background: linear-gradient(145deg, rgba(255,255,255,0.06), rgba(255,255,255,0.01));
border: 1px solid var(--border);
border-radius: 28px;
padding: 18px;
box-shadow: 0 28px 80px rgba(0,0,0,0.45);
}
.aoe-cover {
width: 100%;
aspect-ratio: 2 / 3;
object-fit: cover;
border-radius: 18px;
background: linear-gradient(160deg, #20151a, #050305);
border: 1px solid rgba(255,255,255,0.08);
}
.aoe-kicker {
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--gold-soft);
font-size: 0.78rem;
margin-bottom: 16px;
}
.aoe-title {
font-size: clamp(3rem, 7vw, 6.5rem);
line-height: 0.92;
margin: 0 0 22px;
color: var(--text);
}
.aoe-subtitle {
font-size: clamp(1.2rem, 2vw, 1.65rem);
color: var(--gold-soft);
margin: 0 0 22px;
max-width: 760px;
}
.aoe-body {
color: var(--muted);
font-size: 1.05rem;
max-width: 720px;
margin: 0 0 28px;
}
.aoe-buttons {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin: 32px 0 20px;
}
.aoe-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 50px;
padding: 13px 22px;
border-radius: 999px;
text-decoration: none;
font-weight: 700;
letter-spacing: 0.02em;
transition: transform 0.2s ease, opacity 0.2s ease, border 0.2s ease;
}
.aoe-btn:hover {
transform: translateY(-2px);
opacity: 0.92;
}
.aoe-btn-primary {
background: linear-gradient(135deg, var(--gold), var(--gold-soft));
color: #130d08;
}
.aoe-btn-secondary {
border: 1px solid var(--border);
color: var(--text);
background: rgba(255,255,255,0.04);
}
.aoe-micro {
color: var(--muted);
font-size: 0.92rem;
}
.aoe-proof {
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
background: rgba(255,255,255,0.03);
padding: 22px 0;
}
.aoe-proof-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
text-align: center;
}
.aoe-proof-item strong {
display: block;
color: var(--gold-soft);
font-size: 1.05rem;
margin-bottom: 4px;
}
.aoe-proof-item span {
color: var(--muted);
font-size: 0.94rem;
}
.aoe-heading {
font-size: clamp(2rem, 4vw, 3.2rem);
line-height: 1.05;
margin: 0 0 18px;
}
.aoe-narrow {
max-width: 820px;
}
.aoe-card-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 22px;
margin-top: 34px;
}
.aoe-card {
background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.025));
border: 1px solid var(--border);
border-radius: 24px;
padding: 24px;
min-height: 100%;
}
.aoe-card img {
width: 100%;
aspect-ratio: 4 / 5;
object-fit: cover;
border-radius: 18px;
margin-bottom: 18px;
background: #181018;
border: 1px solid rgba(255,255,255,0.08);
}
.aoe-card h3 {
color: var(--gold-soft);
font-size: 1.35rem;
margin: 0 0 10px;
}
.aoe-card p {
color: var(--muted);
margin: 0;
}
.aoe-blurb {
background:
linear-gradient(rgba(7,6,9,0.72), rgba(7,6,9,0.88)),
url("PASTE-WORLD-BACKGROUND-IMAGE-URL-HERE");
background-size: cover;
background-position: center;
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
}
.aoe-blurb-box {
background: rgba(7,6,9,0.72);
border: 1px solid var(--border);
border-radius: 28px;
padding: clamp(28px, 5vw, 54px);
backdrop-filter: blur(6px);
}
.aoe-trope-grid {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 28px;
}
.aoe-trope {
border: 1px solid var(--border);
color: var(--gold-soft);
background: rgba(255,255,255,0.035);
border-radius: 999px;
padding: 10px 14px;
font-size: 0.95rem;
}
.aoe-world-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 22px;
margin-top: 34px;
}
.aoe-world-panel {
background: var(--panel);
border: 1px solid var(--border);
border-radius: 24px;
padding: 26px;
}
.aoe-world-panel h3 {
color: var(--gold-soft);
margin: 0 0 10px;
font-size: 1.25rem;
}
.aoe-world-panel p {
color: var(--muted);
margin: 0;
}
.aoe-quote {
font-size: clamp(1.6rem, 3vw, 2.6rem);
line-height: 1.15;
color: var(--text);
margin: 0;
}
.aoe-quote cite {
display: block;
margin-top: 18px;
font-size: 1rem;
color: var(--gold-soft);
font-style: normal;
}
.aoe-final {
text-align: center;
background: linear-gradient(180deg, var(--panel), var(--bg));
border-top: 1px solid var(--border);
}
.aoe-final .aoe-body {
margin-left: auto;
margin-right: auto;
}
.aoe-final .aoe-buttons {
justify-content: center;
}
@media (max-width: 860px) {
.aoe-hero-grid,
.aoe-world-grid {
grid-template-columns: 1fr;
}
.aoe-cover-card {
max-width: 420px;
margin: 0 auto;
}
.aoe-card-grid,
.aoe-proof-grid {
grid-template-columns: 1fr;
}
.aoe-section {
padding: 54px 0;
}
.aoe-hero {
min-height: auto;
padding-top: 44px;
}
}
</style>
<div class="aoe-page">
<section class="aoe-hero">
<div class="aoe-wrap aoe-hero-grid">
<div class="aoe-cover-card">
<img
class="aoe-cover"
src="PASTE-BOOK-COVER-IMAGE-URL-HERE"
alt="Cover of An Oath to Eternity by Sai Xande"
>
</div>
<div>
<div class="aoe-kicker">Book One of the Crimson Banner Chronicles</div>
<h1 class="aoe-title">An Oath to Eternity</h1>
<p class="aoe-subtitle">
The Aeternarch is dead. His daughter inherits the throne, the war, and the god whispering inside her mind.
</p>
<p class="aoe-body">
In an empire built on power, bloodline, and divine ambition, Claudia Augustus becomes an orphan and a ruler in the same breath. Rebellion rises. Demons stir. Ancient forces return. And every choice she makes may bring her closer to becoming the very thing the Empire fears.
</p>
<div class="aoe-buttons">
<a class="aoe-btn aoe-btn-primary" href="PASTE-AMAZON-LINK-HERE">Buy on Amazon</a>
<a class="aoe-btn aoe-btn-secondary" href="PASTE-KU-LINK-HERE">Read with Kindle Unlimited</a>
<a class="aoe-btn aoe-btn-secondary" href="PASTE-FIRST-CHAPTER-LINK-HERE">Read the first chapter</a>
</div>
<p class="aoe-micro">
Epic fantasy with political intrigue, ancient gods, imperial succession, forbidden power, and character-driven stakes.
</p>
</div>
</div>
</section>
<section class="aoe-proof">
<div class="aoe-wrap aoe-proof-grid">
<div class="aoe-proof-item">
<strong>Epic fantasy</strong>
<span>For readers who love vast worlds, ancient powers, and costly choices.</span>
</div>
<div class="aoe-proof-item">
<strong>Kindle Unlimited</strong>
<span>Available to read through KU. Replace this line if needed.</span>
</div>
<div class="aoe-proof-item">
<strong>Book 1</strong>
<span>The beginning of the Crimson Banner Chronicles.</span>
</div>
</div>
</section>
<section class="aoe-section">
<div class="aoe-wrap aoe-narrow">
<h2 class="aoe-heading">A throne won in grief. An empire waiting to break.</h2>
<p class="aoe-body">
Claudia Augustus was not supposed to inherit peace. She inherits enemies, whispers, rebellion, and a legacy soaked in divine ambition. Around her, the Empire fractures. Beyond her, old powers watch. Beneath every oath lies a cost.
</p>
<p class="aoe-body">
Far from the polished halls of power, Driana Ferona and Raylan Trisval are pulled into the same storm, each carrying truths the Empire would rather bury. Their choices will shape not only who survives, but what kind of world is left behind.
</p>
<div class="aoe-trope-grid">
<span class="aoe-trope">Morally grey heroines</span>
<span class="aoe-trope">Ancient gods</span>
<span class="aoe-trope">Imperial politics</span>
<span class="aoe-trope">Forbidden power</span>
<span class="aoe-trope">Found family</span>
<span class="aoe-trope">Rebellion</span>
<span class="aoe-trope">Roman-inspired fantasy</span>
<span class="aoe-trope">Character-driven stakes</span>
</div>
</div>
</section>
<section class="aoe-section aoe-blurb">
<div class="aoe-wrap">
<div class="aoe-blurb-box">
<h2 class="aoe-heading">For readers who want fantasy that feels ancient, political, and dangerous.</h2>
<p class="aoe-body">
An Oath to Eternity blends mythic fantasy with imperial intrigue, family legacy, rebellion, divine magic, and the brutal question at the heart of every empire:
</p>
<p class="aoe-quote">
What does power make of a child before she is old enough to choose who she becomes?
<cite>Begin the Crimson Banner Chronicles</cite>
</p>
</div>
</div>
</section>
<section class="aoe-section">
<div class="aoe-wrap">
<h2 class="aoe-heading">Meet the lives caught inside the Empire’s collapse</h2>
<p class="aoe-body">
Three paths. One empire. A future none of them can escape unchanged.
</p>
<div class="aoe-card-grid">
<article class="aoe-card">
<img src="PASTE-CLAUDIA-IMAGE-URL-HERE" alt="Character art placeholder for Claudia Augustus">
<h3>Claudia Augustus</h3>
<p>
An orphan and a ruler in the same breath. Claudia inherits a throne surrounded by enemies, a legacy steeped in blood, and a voice in her mind that may not intend to save her.
</p>
</article>
<article class="aoe-card">
<img src="PASTE-DRIANA-IMAGE-URL-HERE" alt="Character art placeholder for Driana Ferona">
<h3>Driana Ferona</h3>
<p>
Too young to be a weapon. Too important to be spared. Driana is pulled through survival, identity, and power in a world that keeps trying to decide what she is.
</p>
</article>
<article class="aoe-card">
<img src="PASTE-RAYLAN-IMAGE-URL-HERE" alt="Character art placeholder for Raylan Trisval">
<h3>Raylan Trisval</h3>
<p>
Bound by legacy, loyalty, and the cost of belonging. Raylan stands at the edge of a conflict where every allegiance asks for something he may not be able to give.
</p>
</article>
</div>
</div>
</section>
<section class="aoe-section">
<div class="aoe-wrap">
<h2 class="aoe-heading">Enter Aevum</h2>
<p class="aoe-body">
A world of imperial banners, old gods, divine relics, Senate halls, frontier wars, ancient magic, and powers that were never meant to be forgotten.
</p>
<div class="aoe-world-grid">
<div class="aoe-world-panel">
<h3>Empire and succession</h3>
<p>
The Aevite Empire is vast, ceremonial, political, and fragile. When the throne changes hands, every faction sees an opening.
</p>
</div>
<div class="aoe-world-panel">
<h3>Gods and forbidden power</h3>
<p>
Divine forces do not simply belong to history. They whisper, watch, bargain, and return when mortals are desperate enough to listen.
</p>
</div>
<div class="aoe-world-panel">
<h3>Rebellion and survival</h3>
<p>
Beyond the pageantry of rule are the people crushed beneath it, and the ones forced to choose whether survival is loyalty, betrayal, or something worse.
</p>
</div>
<div class="aoe-world-panel">
<h3>A saga built to expand</h3>
<p>
An Oath to Eternity begins the Crimson Banner Chronicles, a larger fantasy series of empire, myth, identity, and the cost of becoming legend.
</p>
</div>
</div>
</div>
</section>
<section class="aoe-section aoe-final">
<div class="aoe-wrap">
<div class="aoe-kicker">Start the saga</div>
<h2 class="aoe-heading">Begin An Oath to Eternity today.</h2>
<p class="aoe-body">
If you love epic fantasy with imperial politics, ancient gods, morally complicated characters, and a world built for long-term stakes, step into the Crimson Banner Chronicles.
</p>
<div class="aoe-buttons">
<a class="aoe-btn aoe-btn-primary" href="PASTE-AMAZON-LINK-HERE">Buy on Amazon</a>
<a class="aoe-btn aoe-btn-secondary" href="PASTE-KU-LINK-HERE">Read with Kindle Unlimited</a>
</div>
<p class="aoe-micro">
Written by Sai Xande.
</p>
</div>
</section>
</div>