Update Homepage Code V5 (Mobile Book Image Above The Fold)

FREQUENCY BOOKS • UPDATED HOMEPAGE V5
Updated Homepage Code (Mobile Above-The-Fold Book Image)

Desktop layout remains 100% untouched. On mobile, the celestial book mockup and Amazon Orange Buy Button now appear directly above the fold.

Click the button below to copy the complete code to your clipboard.
Then in your Shopify Theme Editor (Online Store → Themes → Customize), open your Custom Liquid box on the Homepage, select all (Cmd+A / Ctrl+A), paste (Cmd+V / Ctrl+V), and click Save!
Manual Backup Box (if button doesn't copy):
{% if request.page_type == 'index' %}
<div class="fb-wrapper" style="width: 100%; max-width: 100vw; background: #FAF8F5; margin: 0; padding: 0; overflow-x: hidden !important;">
<style>
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&family=Montserrat:wght@300;400;500;600;700&display=swap');
/* Global / Theme Suppression on Homepage */
header, .header, #header-component, .header-section, .header-announcements, .announcement-bar, announcement-bar, .shopify-section-header, #footer-group, footer.footer, .shopify-section-footer, .footer-utilities {
display: none !important;
}
html, body {
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
max-width: 100vw !important;
background-color: #FAF8F5 !important;
color: #1C1B1A !important;
font-family: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
line-height: 1.7;
overflow-x: hidden !important;
scroll-behavior: smooth;
}
* {
box-sizing: border-box;
}
/* Typography Classes */
.fb-sans {
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}
.fb-serif {
font-family: 'Cormorant Garamond', Georgia, serif !important;
}
/* Buttons */
.fb-btn-primary {
display: inline-block;
background: #FFA41C;
color: #0F1111 !important;
font-family: 'Montserrat', -apple-system, sans-serif;
font-size: 13px;
font-weight: 800;
letter-spacing: 1.5px;
text-transform: uppercase;
text-decoration: none;
padding: 18px 36px;
border: 1px solid #DE7921;
border-radius: 4px;
cursor: pointer;
transition: all 0.25s ease;
box-shadow: 0 4px 18px rgba(255, 164, 28, 0.4);
text-align: center;
}
.fb-btn-primary:hover {
background: #FA8900;
color: #0F1111 !important;
border-color: #C4620B;
box-shadow: 0 6px 24px rgba(255, 164, 28, 0.55);
transform: translateY(-2px);
}
.fb-btn-secondary {
display: inline-block;
background: transparent;
color: #11100F !important;
font-family: 'Montserrat', -apple-system, sans-serif;
font-size: 13px;
font-weight: 600;
letter-spacing: 1.5px;
text-transform: uppercase;
text-decoration: none;
padding: 18px 30px;
border: 1px solid #D5C9B5;
border-radius: 2px;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
}
.fb-btn-secondary:hover {
border-color: #11100F;
background: rgba(17,16,15,0.03);
}
/* Containers */
.fb-container {
max-width: 1240px;
margin: 0 auto;
padding: 0 32px;
width: 100%;
box-sizing: border-box;
}
.fb-reading-container {
max-width: 820px;
margin: 0 auto;
padding: 0 24px;
width: 100%;
box-sizing: border-box;
}
/* Responsive Grid for Hero */
.fb-hero-section {
padding: 50px 0 80px;
position: relative;
}
.fb-hero-grid {
display: grid;
grid-template-columns: 1.15fr 0.85fr;
gap: 60px;
align-items: center;
}
.fb-hero-headline {
font-size: 58px;
line-height: 1.1;
font-weight: 500;
color: #11100F;
letter-spacing: -0.5px;
margin: 0 0 20px;
}
.fb-hero-sub {
font-size: 24px;
line-height: 1.35;
font-weight: 400;
color: #3A352F;
margin: 0 0 20px;
}
.fb-hero-actions {
display: flex;
flex-wrap: wrap;
gap: 16px;
align-items: center;
margin-bottom: 32px;
}
.fb-hero-img-wrap {
position: relative;
text-align: center;
padding: 20px;
}
.fb-book-mockup-img {
max-width: 420px;
width: 100%;
height: auto;
border-radius: 4px;
box-shadow: 0 25px 60px rgba(10,17,40,0.35), 0 5px 15px rgba(0,0,0,0.1);
transition: transform 0.4s ease;
display: inline-block;
}
.fb-book-mockup-img:hover {
transform: translateY(-4px) scale(1.01);
}
/* Mobile-only hero book image (hidden on desktop) */
.fb-hero-mobile-img {
display: none !important;
}
/* Card Grids */
.fb-tasks-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 28px;
}
.fb-task-card {
background: #FFFFFF;
border: 1px solid #EBE5DB;
padding: 36px 32px;
border-radius: 3px;
box-shadow: 0 4px 20px rgba(0,0,0,0.03);
transition: all 0.3s ease;
position: relative;
}
.fb-task-card:hover {
border-color: #C5A869;
transform: translateY(-3px);
box-shadow: 0 10px 30px rgba(197,168,105,0.12);
}
/* Fascination Bullets Grid */
.fb-lessons-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
.fb-lesson-card {
background: #FFFFFF;
border: 1px solid #EBE5DB;
padding: 28px 24px;
border-radius: 3px;
box-shadow: 0 2px 12px rgba(0,0,0,0.02);
transition: all 0.3s ease;
}
.fb-lesson-card:hover {
border-color: #C5A869;
transform: translateY(-2px);
}
/* Reviews Grid */
.fb-reviews-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
/* Product Spotlight Section (#order) */
.fb-spotlight-section {
padding: 90px 0;
background: #FAF8F5;
border-bottom: 1px solid #EBE5DB;
}
.fb-spotlight-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
}
.fb-spotlight-images {
display: flex;
gap: 16px;
justify-content: center;
align-items: center;
width: 100%;
}
.fb-spotlight-img-card {
flex: 1;
max-width: 250px;
}
.fb-spotlight-img {
width: 100%;
height: auto;
border-radius: 4px;
box-shadow: 0 20px 45px rgba(0,0,0,0.2);
display: block;
}
.fb-spotlight-details {
width: 100%;
}
.fb-spotlight-eyebrow {
font-size: 11px;
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase;
color: #9A7B38;
display: block;
margin-bottom: 10px;
}
.fb-spotlight-headline {
font-size: 38px;
line-height: 1.2;
font-weight: 500;
color: #11100F;
margin: 0 0 16px;
}
.fb-spotlight-desc {
font-size: 16px;
line-height: 1.7;
color: #5C564E;
margin: 0 0 24px;
}
.fb-spotlight-specs {
background: #FFFFFF;
border: 1px solid #EBE5DB;
padding: 24px;
border-radius: 4px;
margin-bottom: 28px;
}
.fb-specs-list {
list-style: none;
padding: 0;
margin: 0;
font-size: 14px;
line-height: 2.1;
color: #3A352F;
}
.fb-spotlight-actions {
display: flex;
flex-direction: column;
gap: 14px;
}
/* Mobile Overrides */
@media (max-width: 991px) {
.fb-hero-grid {
grid-template-columns: 1fr;
gap: 32px;
text-align: center;
}
.fb-hero-left {
display: flex;
flex-direction: column;
align-items: center;
}
.fb-hero-eyebrow {
order: 1;
}
.fb-hero-headline {
order: 2;
font-size: 40px;
line-height: 1.15;
margin: 0 0 16px;
}
.fb-hero-sub {
order: 3;
font-size: 19px;
line-height: 1.4;
margin: 0 auto 16px;
max-width: 540px;
}
.fb-hero-mobile-img {
order: 4;
display: block !important;
margin: 8px auto 20px !important;
text-align: center;
}
.fb-book-mockup-mobile {
max-width: 180px;
width: 55%;
height: auto;
border-radius: 4px;
box-shadow: 0 18px 40px rgba(10,17,40,0.32), 0 4px 12px rgba(0,0,0,0.08);
display: inline-block;
}
.fb-hero-actions {
order: 5;
justify-content: center;
margin-bottom: 20px;
}
.fb-hero-desc {
order: 6;
margin: 0 auto 24px !important;
font-size: 15px !important;
line-height: 1.65 !important;
max-width: 520px !important;
}
.fb-hero-features {
order: 7;
justify-content: center;
padding-top: 16px !important;
gap: 14px 20px !important;
}
.fb-hero-img-wrap {
display: none !important;
}
.fb-tasks-grid, .fb-lessons-grid {
grid-template-columns: 1fr;
}
.fb-reviews-grid {
grid-template-columns: 1fr;
}
.fb-header-nav {
display: none !important;
}
.fb-spotlight-section {
padding: 50px 0 !important;
}
.fb-spotlight-grid {
grid-template-columns: 1fr !important;
gap: 36px !important;
text-align: center !important;
}
.fb-spotlight-headline {
font-size: 28px !important;
line-height: 1.25 !important;
margin: 0 0 14px !important;
}
.fb-spotlight-desc {
font-size: 15px !important;
line-height: 1.65 !important;
margin: 0 auto 20px !important;
max-width: 600px;
}
.fb-spotlight-specs {
padding: 20px 18px !important;
margin: 0 auto 24px !important;
max-width: 500px;
text-align: left !important;
}
.fb-specs-list {
display: block;
font-size: 13.5px !important;
line-height: 2 !important;
}
.fb-spotlight-images {
gap: 12px !important;
margin: 0 auto !important;
}
.fb-spotlight-img-card {
max-width: 165px !important;
}
.fb-spotlight-actions {
max-width: 480px;
margin: 0 auto;
width: 100%;
}
}
@media (max-width: 600px) {
.fb-hero-section {
padding: 24px 0 40px !important;
}
.fb-hero-headline {
font-size: 32px !important;
line-height: 1.15 !important;
margin: 0 0 12px !important;
}
.fb-hero-sub {
font-size: 17px !important;
line-height: 1.4 !important;
margin: 0 auto 14px !important;
}
.fb-hero-mobile-img {
margin: 8px auto 16px !important;
}
.fb-book-mockup-mobile {
max-width: 155px !important;
width: 50% !important;
}
.fb-hero-actions {
flex-direction: column;
width: 100%;
margin-bottom: 20px !important;
gap: 10px !important;
}
.fb-btn-primary, .fb-btn-secondary {
width: 100%;
}
.fb-container {
padding: 0 20px !important;
}
.fb-spotlight-headline {
font-size: 25px !important;
}
.fb-spotlight-specs {
padding: 16px 14px !important;
}
.fb-specs-list {
font-size: 13px !important;
line-height: 1.9 !important;
}
.fb-spotlight-img-card {
max-width: 145px !important;
}
}
</style>
<!-- TOP ANNOUNCEMENT BAR                                      -->
<div style="background: #11100F; color: #FAF8F5; padding: 12px 16px; text-align: center; border-bottom: 1px solid #2B2620;">
<p class="fb-sans" style="margin: 0; font-size: 11px; font-weight: 600; letter-spacing: 2.2px; text-transform: uppercase;">
✦ COMPLIMENTARY WORLDWIDE TRACKED SHIPPING ON ORDERS OVER $50 • DISPATCHED IN 24–48 HOURS ✦
</p>
</div>
<!-- EDITORIAL BRAND NAVIGATION HEADER                         -->
<header style="background: #FAF8F5; border-bottom: 1px solid #EBE5DB; padding: 22px 0;">
<div class="fb-container" style="display: flex; justify-content: space-between; align-items: center;">
<div>
<a href="/" style="text-decoration: none; display: block;">
<span class="fb-serif" style="font-size: 24px; font-weight: 600; letter-spacing: 3.5px; color: #11100F; text-transform: uppercase; display: block;">
FREQUENCY BOOKS
</span>
<span class="fb-sans" style="font-size: 9px; font-weight: 600; letter-spacing: 3.5px; color: #9A7B38; text-transform: uppercase; display: block; margin-top: 2px;">
SACRED EDITIONS • BY LAURA CATELLA
</span>
</a>
</div>
<nav class="fb-header-nav" style="display: flex; align-items: center; gap: 32px;">
<a href="#ethos" class="fb-sans" style="font-size: 11px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: #4A453E; text-decoration: none; transition: color 0.2s;">THE ETHOS</a>
<a href="#protocol" class="fb-sans" style="font-size: 11px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: #4A453E; text-decoration: none; transition: color 0.2s;">THE PROTOCOL</a>
<a href="#lessons" class="fb-sans" style="font-size: 11px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: #4A453E; text-decoration: none; transition: color 0.2s;">THE LESSONS</a>
<a href="#receipts" class="fb-sans" style="font-size: 11px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: #4A453E; text-decoration: none; transition: color 0.2s;">RECEIPTS</a>
<a href="#order" class="fb-btn-primary" style="padding: 10px 22px; font-size: 11px; letter-spacing: 1.5px;">ACQUIRE ($35)</a>
</nav>
</div>
</header>
<!-- ABOVE THE FOLD: LUXURY HERO SHOWCASE                      -->
<section class="fb-hero-section">
<div class="fb-container">
<div class="fb-hero-grid">
<!-- Left: Editorial Content -->
<div class="fb-hero-left">
<div class="fb-hero-eyebrow" style="margin-bottom: 14px;">
<span class="fb-sans" style="font-size: 11px; font-weight: 700; letter-spacing: 3.5px; text-transform: uppercase; color: #9A7B38;">
✧ &nbsp; ☽ &nbsp; ✦ &nbsp; THE FLAGSHIP ARTIFACT
</span>
</div>
<h1 class="fb-serif fb-hero-headline">
Stop Over-Functioning.<br>Start Magnetizing.
</h1>
<p class="fb-serif fb-hero-sub">
The 5-to-10 minute daily practice for the woman ready to stop chasing love, money, and validation, and watch them effortlessly chase her.
</p>
<!-- Mobile-Only Hero Book Showcase (Above the fold on mobile) -->
<div class="fb-hero-mobile-img">
<div style="position: relative; display: inline-block;">
<img src="https://cdn.shopify.com/s/files/1/0836/8799/7691/files/Your_High_Frequency_Initiation_Celestial_6x9_300dpi.png?v=1792522653" alt="Your High Frequency Initiation 30 Day Journal" class="fb-book-mockup-mobile">
<div style="margin-top: 8px; text-align: center;">
<p class="fb-sans" style="font-size: 9.5px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #9A7B38; margin: 0 0 2px;">
PHYSICAL SOFTCOVER ARTIFACT • $35 USD
</p>
<p style="font-size: 12px; font-style: italic; color: #736B63; margin: 0;">
Stunning Celestial Edition • Lay Flat Flexible Spine
</p>
</div>
</div>
</div>
<p class="fb-hero-desc" style="font-size: 17px; line-height: 1.7; color: #5C564E; margin: 0 0 32px; max-width: 580px;">
Small, daily real-world shifts that dissolve burnout, rewire your presence, and make getting what you want feel shockingly natural.
</p>
<div class="fb-hero-actions">
<a href="#order" class="fb-btn-primary">
ACQUIRE JOURNAL • $35 USD
</a>
<a href="#protocol" class="fb-btn-secondary">
EXPLORE THE PROTOCOL &rarr;
</a>
</div>
<div class="fb-hero-features" style="display: flex; flex-wrap: wrap; gap: 20px; align-items: center; border-top: 1px solid #EBE5DB; padding-top: 20px;">
<div class="fb-sans" style="font-size: 11px; font-weight: 600; letter-spacing: 1px; color: #4A453E; display: flex; align-items: center; gap: 6px;">
<span style="color: #9A7B38;">✓</span> Luxury Velvet-Touch Softcover
</div>
<div class="fb-sans" style="font-size: 11px; font-weight: 600; letter-spacing: 1px; color: #4A453E; display: flex; align-items: center; gap: 6px;">
<span style="color: #9A7B38;">✓</span> 100 GSM Cream Archival Paper
</div>
<div class="fb-sans" style="font-size: 11px; font-weight: 600; letter-spacing: 1px; color: #4A453E; display: flex; align-items: center; gap: 6px;">
<span style="color: #9A7B38;">✓</span> 365-Day Reality-Shifts Guarantee
</div>
</div>
</div>
<!-- Right: Physical Artifact Showcase -->
<div class="fb-hero-img-wrap">
<div style="position: relative; display: inline-block;">
<img src="https://cdn.shopify.com/s/files/1/0836/8799/7691/files/Your_High_Frequency_Initiation_Celestial_6x9_300dpi.png?v=1792522653" alt="Your High Frequency Initiation 30 Day Journal" class="fb-book-mockup-img">
<div style="margin-top: 20px; text-align: center;">
<p class="fb-sans" style="font-size: 11px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: #9A7B38; margin: 0 0 4px;">
PHYSICAL SOFTCOVER ARTIFACT • $35 USD
</p>
<p style="font-size: 14px; font-style: italic; color: #736B63; margin: 0;">
Stunning Celestial Edition • Lay Flat Flexible Spine
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- SECTION 2: PUBLISHING HOUSE ETHOS & PHILOSOPHY            -->
<section id="ethos" style="padding: 90px 0; background: #FFFFFF; border-top: 1px solid #EBE5DB; border-bottom: 1px solid #EBE5DB;">
<div class="fb-reading-container" style="text-align: center;">
<p class="fb-sans" style="font-size: 11px; font-weight: 700; letter-spacing: 3.5px; text-transform: uppercase; color: #9A7B38; margin-bottom: 12px;">
THE FREQUENCY BOOKS ETHOS
</p>
<h2 class="fb-serif" style="font-size: 42px; line-height: 1.2; font-weight: 500; color: #11100F; margin: 0 0 28px;">
Words Are Not Neutral.<br>Ink Is An Energetic Anchor.
</h2>
<div style="width: 50px; height: 1px; background: #C5A869; margin: 0 auto 32px;"></div>
<p style="font-size: 19px; line-height: 1.8; color: #3A352F; margin: 0 0 24px;">
In an era of relentless digital noise and dopamine-driven distraction, high-performing women have forgotten the sacred weight of physical technology.
</p>
<p style="font-size: 17px; line-height: 1.8; color: #5C564E; margin: 0 0 36px;">
A glowing phone screen triggers vigilance, judgment, and a reactive posture. A physical book, crafted with velvet-touch paper, heavy archival stock, and sacred celestial proportions, commands reverent presence. It slows your brainwaves from frenzied beta into intuitive alpha, where sovereign creation occurs.
</p>
<blockquote style="margin: 0; padding: 28px 36px; background: #FAF8F5; border-left: 2px solid #C5A869; text-align: left; border-radius: 2px;">
<p class="fb-serif" style="font-size: 21px; line-height: 1.55; color: #11100F; font-style: italic; margin: 0 0 10px;">
“Your transformation requires neither effort nor exertion. You need only ten daily minutes of an open mind, and an ink-stained container potent enough to deliver to you, wrapped in a bow, your highest timeline.”
</p>
<cite class="fb-sans" style="font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #9A7B38; font-style: normal; display: block;">
— LAURA CATELLA
</cite>
</blockquote>
</div>
</section>
<!-- SECTION 3: THE REAL-WORLD DAILY PROTOCOL (TASKS)          -->
<section id="protocol" style="padding: 90px 0; background: #FAF8F5; border-bottom: 1px solid #EBE5DB;">
<div class="fb-container">
<div style="text-align: center; max-width: 800px; margin: 0 auto 54px;">
<p class="fb-sans" style="font-size: 11px; font-weight: 700; letter-spacing: 3.5px; text-transform: uppercase; color: #9A7B38; margin-bottom: 12px;">
THE 30-DAY ARCHITECTURE
</p>
<h2 class="fb-serif" style="font-size: 42px; line-height: 1.2; font-weight: 500; color: #11100F; margin: 0 0 16px;">
This Is Not "Dear Diary."<br>You'll Move From Awareness to Action.
</h2>
<p style="font-size: 17px; line-height: 1.7; color: #4A453E; margin: 0 0 16px;">
Most journals ask you to sit on your couch, dump your feelings onto 200 blank pages, or scribble affirmations until your fingers cramp. That doesn't change your life. It just keeps you trapped in your head.
</p>
<p style="font-size: 18px; line-height: 1.7; color: #11100F; font-weight: 600; margin: 0 0 16px;">
<em>Your High Frequency Initiation</em> does the polar opposite.
</p>
<p style="font-size: 16px; line-height: 1.7; color: #5C564E; margin: 0;">
Not hustle. Not forcing, pushing, or exhausting yourself. This is aligned, divine feminine action that gets you what you want in the most effortless way possible. Every morning takes under 60 seconds to set your intention. Then, you carry <strong>one calibrated micro-task</strong> out into your day:
</p>
</div>
<!-- 4 Real-World Micro-Shift Cards -->
<div class="fb-tasks-grid">
<!-- BLOCK 01: ATTRACTING LOVE & PROVISION (SINGLES / DATING) -->
<div class="fb-task-card">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;">
<span class="fb-sans" style="font-size: 11px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: #9A7B38;">MICRO-SHIFT • 01</span>
<span class="fb-serif" style="font-size: 24px; color: #D5C9B5;">✦</span>
</div>
<h3 class="fb-serif" style="font-size: 24px; line-height: 1.25; font-weight: 600; color: #11100F; margin: 0 0 12px;">
Attracting Deep Love &amp; Provision
</h3>
<p style="font-size: 15px; line-height: 1.7; color: #5C564E; margin: 0;">
<em>For singles, dating, or calling in your equal:</em> You stop over-explaining, auditioning, or waiting by your phone hoping to be chosen. You execute one quiet shift in presence, and suddenly become the prize. High-caliber men lean in, pursue with clear intention, and step eagerly into protective provision and devotion—because you are no longer chasing.
</p>
</div>
<!-- BLOCK 02: REIGNITING DEVOTION IN PARTNERSHIP (RELATIONSHIPS / MARRIAGE) -->
<div class="fb-task-card">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;">
<span class="fb-sans" style="font-size: 11px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: #9A7B38;">MICRO-SHIFT • 02</span>
<span class="fb-serif" style="font-size: 24px; color: #D5C9B5;">✦</span>
</div>
<h3 class="fb-serif" style="font-size: 24px; line-height: 1.25; font-weight: 600; color: #11100F; margin: 0 0 12px;">
Reigniting Devotion &amp; Reverence in Partnership
</h3>
<p style="font-size: 15px; line-height: 1.7; color: #5C564E; margin: 0;">
<em>If you are already in a relationship or marriage:</em> You stop managing his moods, carrying the emotional load, or tiptoeing around resentment. The moment you execute this posture shift, the dynamic flips. He stops mid-sentence, softens his tone, and steps forward to shower you with real attention, emotional safety, and romantic leadership.
</p>
</div>
<!-- BLOCK 03: WEALTH & ABUNDANCE -->
<div class="fb-task-card">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;">
<span class="fb-sans" style="font-size: 11px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: #9A7B38;">MICRO-SHIFT • 03</span>
<span class="fb-serif" style="font-size: 24px; color: #D5C9B5;">✦</span>
</div>
<h3 class="fb-serif" style="font-size: 24px; line-height: 1.25; font-weight: 600; color: #11100F; margin: 0 0 12px;">
The Wealth Hygiene Audit
</h3>
<p style="font-size: 15px; line-height: 1.7; color: #5C564E; margin: 0;">
You locate where you have been quietly tolerating financial leaks or hoarding out of fear, run the 3-minute physical reset, and clear the pipe. The second you stop suffocating money, unexpected funds flow in. (This is the exact exercise that led one reader to an unexpected $2,000 spot bonus within 48 hours).
</p>
</div>
<!-- BLOCK 04: SOVEREIGN NON-RESISTANCE -->
<div class="fb-task-card">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;">
<span class="fb-sans" style="font-size: 11px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: #9A7B38;">MICRO-SHIFT • 04</span>
<span class="fb-serif" style="font-size: 24px; color: #D5C9B5;">✦</span>
</div>
<h3 class="fb-serif" style="font-size: 24px; line-height: 1.25; font-weight: 600; color: #11100F; margin: 0 0 12px;">
The Sovereign Pause &amp; Non-Resistance
</h3>
<p style="font-size: 15px; line-height: 1.7; color: #5C564E; margin: 0;">
When an anxious spiral, difficult text, or old fear flares up, you deploy a 60-second nervous system reset instead of reacting. You drop the white-knuckled grip on the timeline, let your stillness do the heavy lifting, and watch reality effortlessly rearrange in your favor.
</p>
</div>
</div>
</div>
</section>
<!-- SECTION 4: WHAT YOU'LL DISCOVER BETWEEN THE TASKS         -->
<section id="lessons" style="padding: 90px 0; background: #FFFFFF; border-bottom: 1px solid #EBE5DB;">
<div class="fb-container">
<div style="text-align: center; max-width: 760px; margin: 0 auto 50px;">
<p class="fb-sans" style="font-size: 11px; font-weight: 700; letter-spacing: 3.5px; text-transform: uppercase; color: #9A7B38; margin-bottom: 12px;">
INSIDE THE 8 MASTER LESSONS
</p>
<h2 class="fb-serif" style="font-size: 42px; line-height: 1.2; font-weight: 500; color: #11100F; margin: 0 0 16px;">
What You'll Discover Between The Tasks
</h2>
<p style="font-size: 17px; line-height: 1.7; color: #5C564E; margin: 0;">
Woven throughout your 30-day journey are eight foundational masterclasses written by Laura Catella. These are not vague philosophies. They are the condensed, practical laws of reality calibration:
</p>
</div>
<!-- 8 Fascination Cards -->
<div class="fb-lessons-grid">
<div class="fb-lesson-card">
<div style="display: flex; gap: 12px; align-items: flex-start;">
<span style="color: #9A7B38; font-size: 16px; margin-top: 2px;">✦</span>
<div>
<h4 class="fb-serif" style="font-size: 19px; line-height: 1.35; font-weight: 600; color: #11100F; margin: 0 0 6px;">
The Astronomical Proof of Your Inevitability
</h4>
<p style="font-size: 14px; line-height: 1.65; color: #5C564E; margin: 0;">
The exact mathematical calculation showing the odds of your physical existence are 1 in 10^2,685,000. Why you were already crowned the universal winner before your first breath, and why asking anyone for permission to take up space is an insult to your design. <em>(Lesson 1)</em>
</p>
</div>
</div>
</div>
<div class="fb-lesson-card">
<div style="display: flex; gap: 12px; align-items: flex-start;">
<span style="color: #9A7B38; font-size: 16px; margin-top: 2px;">✦</span>
<div>
<h4 class="fb-serif" style="font-size: 19px; line-height: 1.35; font-weight: 600; color: #11100F; margin: 0 0 6px;">
The One-Notch Emotional Lever
</h4>
<p style="font-size: 14px; line-height: 1.65; color: #5C564E; margin: 0;">
Why you don't need to force fake happiness to transform your life. How shifting your daily baseline up just one single notch on the vibrational scale instantly flips how strangers, partners, and clients treat you. <em>(Lesson 2)</em>
</p>
</div>
</div>
</div>
<div class="fb-lesson-card">
<div style="display: flex; gap: 12px; align-items: flex-start;">
<span style="color: #9A7B38; font-size: 16px; margin-top: 2px;">✦</span>
<div>
<h4 class="fb-serif" style="font-size: 19px; line-height: 1.35; font-weight: 600; color: #11100F; margin: 0 0 6px;">
The Poison of "Positive Thinking"
</h4>
<p style="font-size: 14px; line-height: 1.65; color: #5C564E; margin: 0;">
Why categorizing your thoughts into "good" versus "bad" traps you in toxic shame cycles. Use the single diagnostic question that cuts clean through mental static in three seconds flat: <em>"Where does this thought take me?"</em> <em>(Lesson 3)</em>
</p>
</div>
</div>
</div>
<div class="fb-lesson-card">
<div style="display: flex; gap: 12px; align-items: flex-start;">
<span style="color: #9A7B38; font-size: 16px; margin-top: 2px;">✦</span>
<div>
<h4 class="fb-serif" style="font-size: 19px; line-height: 1.35; font-weight: 600; color: #11100F; margin: 0 0 6px;">
Turning Reality on Its Head
</h4>
<p style="font-size: 14px; line-height: 1.65; color: #5C564E; margin: 0;">
Why waiting for life to "give you a sign" keeps you powerless. How to flip the script so you realize that life is actively waiting for your command. <em>(Lesson 4)</em>
</p>
</div>
</div>
</div>
<div class="fb-lesson-card">
<div style="display: flex; gap: 12px; align-items: flex-start;">
<span style="color: #9A7B38; font-size: 16px; margin-top: 2px;">✦</span>
<div>
<h4 class="fb-serif" style="font-size: 19px; line-height: 1.35; font-weight: 600; color: #11100F; margin: 0 0 6px;">
The Bad-Day Conversion Protocol
</h4>
<p style="font-size: 14px; line-height: 1.65; color: #5C564E; margin: 0;">
What to do when anxiety strikes, a trigger hits, or old fears flare up. The counter-intuitive method for taking heavy emotional friction and turning it into high-octane fuel that leaves you more magnetic than before. <em>(Lesson 5)</em>
</p>
</div>
</div>
</div>
<div class="fb-lesson-card">
<div style="display: flex; gap: 12px; align-items: flex-start;">
<span style="color: #9A7B38; font-size: 16px; margin-top: 2px;">✦</span>
<div>
<h4 class="fb-serif" style="font-size: 19px; line-height: 1.35; font-weight: 600; color: #11100F; margin: 0 0 6px;">
The Law of Sovereign Detachment
</h4>
<p style="font-size: 14px; line-height: 1.65; color: #5C564E; margin: 0;">
Wanting something without needing it. How to release the anxious, white-knuckled grip on people and outcomes so reality actually has the breathing room to deliver what you asked for. <em>(Lesson 6)</em>
</p>
</div>
</div>
</div>
<div class="fb-lesson-card">
<div style="display: flex; gap: 12px; align-items: flex-start;">
<span style="color: #9A7B38; font-size: 16px; margin-top: 2px;">✦</span>
<div>
<h4 class="fb-serif" style="font-size: 19px; line-height: 1.35; font-weight: 600; color: #11100F; margin: 0 0 6px;">
The 5-Minute Lifelong Anchor
</h4>
<p style="font-size: 14px; line-height: 1.65; color: #5C564E; margin: 0;">
Built across Days 26 to 30, this guided ritual builder stacks your identity, daily asks, and belief upgrades into an unshakeable five-minute morning protocol you will keep for the rest of your life. <em>(Lesson 7)</em>
</p>
</div>
</div>
</div>
<div class="fb-lesson-card">
<div style="display: flex; gap: 12px; align-items: flex-start;">
<span style="color: #9A7B38; font-size: 16px; margin-top: 2px;">✦</span>
<div>
<h4 class="fb-serif" style="font-size: 19px; line-height: 1.35; font-weight: 600; color: #11100F; margin: 0 0 6px;">
Walking In as the Center of Gravity
</h4>
<p style="font-size: 14px; line-height: 1.65; color: #5C564E; margin: 0;">
How to enter any room, meeting, or date with quiet authority, unwavering self-trust, and zero need to prove yourself. <em>(Lesson 8)</em>
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- SECTION 5: FULL-WIDTH FLAGSHIP PRODUCT SPOTLIGHT          -->
<section id="order" class="fb-spotlight-section">
<div class="fb-container">
<div class="fb-spotlight-grid">
<!-- Imagery: Front & Back Covers -->
<div class="fb-spotlight-images">
<div class="fb-spotlight-img-card">
<img src="https://cdn.shopify.com/s/files/1/0836/8799/7691/files/Your_High_Frequency_Initiation_Celestial_6x9_300dpi.png?v=1792522653" alt="Your High Frequency Initiation Front" class="fb-spotlight-img">
</div>
<div class="fb-spotlight-img-card">
<img src="https://cdn.shopify.com/s/files/1/0836/8799/7691/files/Your_High_Frequency_Initiation_Back_6x9_Color_Matched.png?v=1792522653" alt="Your High Frequency Initiation Back" class="fb-spotlight-img">
</div>
</div>
<!-- Copy & Offer Details -->
<div class="fb-spotlight-details">
<span class="fb-sans fb-spotlight-eyebrow">
THE FLAGSHIP VESSEL
</span>
<h2 class="fb-serif fb-spotlight-headline">
Your High Frequency Initiation<br>The Next 30 Days Change Everything
</h2>
<p class="fb-spotlight-desc">
This is not another blank notebook sitting on your shelf. It is a daily ceremonial altar in book form. Built specifically for the woman ready to stop over-functioning and step into effortless attraction.
</p>
<div class="fb-spotlight-specs">
<ul class="fb-specs-list">
<li>✦ <strong>Edition:</strong> Stunning Celestial Edition</li>
<li>✦ <strong>Binding:</strong> Lay Flat Flexible Spine (Smyth-Sewn)</li>
<li>✦ <strong>Cover Finish:</strong> Velvet-Touch Softcover with Celestial Inlay</li>
<li>✦ <strong>Interior:</strong> 100 GSM Cream Archival Paper</li>
<li>✦ <strong>Structure:</strong> 30 Daily Micro-Tasks + 8 Master Lessons</li>
<li>✦ <strong>Guarantee:</strong> 365-Day Reality-Shifts Guarantee</li>
</ul>
</div>
<div class="fb-spotlight-actions">
<a href="/products/your-high-frequency-initiation" class="fb-btn-primary" style="text-align: center; width: 100%; box-sizing: border-box;">
ACQUIRE SINGLE EDITION • $35 USD
</a>
<div style="text-align: center; margin-top: 10px;">
<span class="fb-sans" style="font-size: 12px; color: #736B63;">
Or get the <strong>Sisterhood Duo</strong> (2 copies for $50) with code <strong style="color: #9A7B38;">DUO10</strong> at checkout
</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- SECTION 6: REAL RECEIPTS & SOCIAL PROOF                   -->
<section id="receipts" style="padding: 90px 0; background: #FFFFFF; border-bottom: 1px solid #EBE5DB;">
<div class="fb-container">
<div style="text-align: center; max-width: 720px; margin: 0 auto 50px;">
<p class="fb-sans" style="font-size: 11px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #9A7B38; margin-bottom: 12px;">
FIELD EXPERIENCES
</p>
<h2 class="fb-serif" style="font-size: 38px; line-height: 1.22; font-weight: 500; color: #11100F; margin: 0;">
When You Shift Frequency, Circumstances Follow
</h2>
</div>
<div class="fb-reviews-grid">
<!-- Review 1 -->
<div style="background: #FAF8F5; border: 1px solid #EBE5DB; padding: 28px; border-radius: 3px;">
<div style="color: #C5A869; font-size: 14px; margin-bottom: 12px;">★★★★★</div>
<p class="fb-serif" style="font-size: 16px; line-height: 1.6; color: #2B2620; font-style: italic; margin: 0 0 16px;">
“I did the Wealth frequency lesson a few days ago. Did the exercise flipping my money beliefs. Hung them up and looked at them every morning. And out of the blue got a call from my boss yesterday that they're adding a $2K 'spot bonus' to my paycheck for something I honestly didn't think I'd get paid for. F YEAH! 😆”
</p>
<p class="fb-sans" style="font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #9A7B38; margin: 0;">
— VERIFIED STUDENT
</p>
</div>
<!-- Review 2 -->
<div style="background: #FAF8F5; border: 1px solid #EBE5DB; padding: 28px; border-radius: 3px;">
<div style="color: #C5A869; font-size: 14px; margin-bottom: 12px;">★★★★★</div>
<p class="fb-serif" style="font-size: 16px; line-height: 1.6; color: #2B2620; font-style: italic; margin: 0 0 16px;">
“My partner is SHOWERING me with love, and I am feeling so absolutely safe, solid, and POWERFUL! This is a complete turnaround from where I was a month ago in ways you couldn't imagine Laura! Thank you!”
</p>
<p class="fb-sans" style="font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #9A7B38; margin: 0;">
— VERIFIED STUDENT
</p>
</div>
<!-- Review 3 -->
<div style="background: #FAF8F5; border: 1px solid #EBE5DB; padding: 28px; border-radius: 3px;">
<div style="color: #C5A869; font-size: 14px; margin-bottom: 12px;">★★★★★</div>
<p class="fb-serif" style="font-size: 16px; line-height: 1.6; color: #2B2620; font-style: italic; margin: 0 0 16px;">
“I talked to my Baby Daddy about it today at our weekly co-parent/kid dinner. He stopped and went all 'what's different about you?' [hair flip]. It's really just so good.”
</p>
<p class="fb-sans" style="font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #9A7B38; margin: 0;">
— VERIFIED STUDENT
</p>
</div>
<!-- Review 4 -->
<div style="background: #FAF8F5; border: 1px solid #EBE5DB; padding: 28px; border-radius: 3px;">
<div style="color: #C5A869; font-size: 14px; margin-bottom: 12px;">★★★★★</div>
<p class="fb-serif" style="font-size: 16px; line-height: 1.6; color: #2B2620; font-style: italic; margin: 0 0 16px;">
“Last night was a life changing experience for my whole love life at the age of 33. I have been listening to people's reels about how to detach and realized I truly didn't understand it until now. Now how I view myself and how I view men around me has completely changed. I am no longer scared because I am the one choosing. 😄”
</p>
<p class="fb-sans" style="font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #9A7B38; margin: 0;">
— VERIFIED STUDENT
</p>
</div>
<!-- Review 5 -->
<div style="background: #FAF8F5; border: 1px solid #EBE5DB; padding: 28px; border-radius: 3px;">
<div style="color: #C5A869; font-size: 14px; margin-bottom: 12px;">★★★★★</div>
<p class="fb-serif" style="font-size: 16px; line-height: 1.6; color: #2B2620; font-style: italic; margin: 0 0 16px;">
“Well it's been 2 weeks and not only has my husband's usage dropped by like 90% (?!?!), we also got an offer accepted on a house (we've been trying for 5 years) and I also randomly got offered some work that is so fun and pays cash?? Coincidence? I think not 😂”
</p>
<p class="fb-sans" style="font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #9A7B38; margin: 0;">
— VERIFIED STUDENT
</p>
</div>
<!-- Review 6 -->
<div style="background: #FAF8F5; border: 1px solid #EBE5DB; padding: 28px; border-radius: 3px;">
<div style="color: #C5A869; font-size: 14px; margin-bottom: 12px;">★★★★★</div>
<p class="fb-serif" style="font-size: 16px; line-height: 1.6; color: #2B2620; font-style: italic; margin: 0 0 16px;">
“I have spent 6 figures in the last 2 years on my education. Your course Frequency is the best, if not one of the best I have invested in. Completely rewiring my brain over here in the best of ways.”
</p>
<p class="fb-sans" style="font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #9A7B38; margin: 0;">
— VERIFIED STUDENT
</p>
</div>
</div>
<!-- Extra spotlight review -->
<div style="max-width: 680px; margin: 30px auto 0; text-align: center; background: #FAF8F5; border: 1px solid #EBE5DB; padding: 20px 28px; border-radius: 3px;">
<p class="fb-serif" style="font-size: 16px; line-height: 1.6; color: #2B2620; font-style: italic; margin: 0 0 8px;">
“After the first classes I was like... did I only pay $29 for this? Did I mistake it for $290? I even checked my bank account twice!”
</p>
<p class="fb-sans" style="font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #9A7B38; margin: 0;">
— VERIFIED STUDENT
</p>
</div>
</div>
</section>
<!-- SECTION 7: GUARANTEE & CALL TO INITIATION                 -->
<section style="padding: 90px 0; background: #FAF8F5; text-align: center;">
<div class="fb-reading-container">
<div style="font-size: 28px; color: #9A7B38; margin-bottom: 14px;">✧</div>
<h2 class="fb-serif" style="font-size: 42px; line-height: 1.2; font-weight: 500; color: #11100F; margin: 0 0 20px;">
Begin Your 30-Day Initiation
</h2>
<p style="font-size: 17px; line-height: 1.8; color: #5C564E; margin: 0 0 32px;">
Hold the physical artifact in your hands. Enjoy how it uplevels your life each day. If your nervous system does not soften and your reality does not noticeably shift, you have a full 365 days to email us for a courteous refund.
</p>
<a href="#order" class="fb-btn-primary">
EXPLORE THE INITIATION JOURNAL &rarr;
</a>
<p class="fb-sans" style="font-size: 11px; font-weight: 600; letter-spacing: 1.5px; color: #736B63; text-transform: uppercase; margin-top: 20px;">
$35 USD • Complimentary Tracked Worldwide Shipping on Orders Over $50
</p>
</div>
</section>
<!-- SECTION 8: EDITORIAL FOOTER                               -->
<footer style="background: #11100F; color: #FAF8F5; padding: 60px 0 36px; border-top: 1px solid #2B2620;">
<div class="fb-container" style="text-align: center;">
<p class="fb-serif" style="font-size: 22px; letter-spacing: 3px; text-transform: uppercase; margin: 0 0 6px;">
FREQUENCY BOOKS
</p>
<p class="fb-sans" style="font-size: 9px; font-weight: 600; letter-spacing: 3px; color: #C5A869; text-transform: uppercase; margin: 0 0 30px;">
SACRED EDITIONS • BY LAURA CATELLA
</p>
<div style="display: flex; justify-content: center; gap: 28px; margin-bottom: 30px; flex-wrap: wrap;">
<a href="#ethos" class="fb-sans" style="font-size: 10px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: #9A7B38; text-decoration: none;">THE ETHOS</a>
<a href="#protocol" class="fb-sans" style="font-size: 10px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: #9A7B38; text-decoration: none;">THE PROTOCOL</a>
<a href="#lessons" class="fb-sans" style="font-size: 10px; font-weight: 2px; letter-spacing: 2px; text-transform: uppercase; color: #9A7B38; text-decoration: none;">THE LESSONS</a>
<a href="#order" class="fb-sans" style="font-size: 10px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: #9A7B38; text-decoration: none;">ACQUIRE ($35)</a>
</div>
<p class="fb-sans" style="font-size: 10px; color: #6E685F; letter-spacing: 1px; margin: 0;">
&copy; 2026 Frequency Books • Laura Catella • All Rights Reserved. Tracked Worldwide Shipping.
</p>
</div>
</footer>
</div>
{% endif %}
Update Homepage Code V5 (Mobile Book Image Above The Fold)

Updated Homepage Code (Mobile Above-The-Fold Book Image)

Your cart is empty

Your cart is empty
