Update Homepage Code V2

FREQUENCY BOOKS • UPDATED HOMEPAGE V2
Frequency Books Updated Homepage Code

Click the button below to copy the updated homepage code. Then in your Shopify Theme Editor, click into your Custom Liquid box in the Header Group, select all (Cmd+A / Ctrl+A), paste (Cmd+V / Ctrl+V), and hit Save!
Manual Backup Box:
{% if request.page_type == 'index' %}
<!-- Frequency Books Luxury Editorial Homepage (V2) -->
<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');
    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; }
    .fb-sans { font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important; }
    .fb-serif { font-family: 'Cormorant Garamond', Georgia, serif !important; }
    .fb-btn-primary { display: inline-block; background: #11100F; color: #FFFFFF !important; font-family: 'Montserrat', -apple-system, sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; text-decoration: none; padding: 18px 36px; border: 1px solid #C5A869; border-radius: 2px; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 6px 20px rgba(17,16,15,0.18); text-align: center; }
    .fb-btn-primary:hover { background: #9A7B38; color: #FFFFFF !important; border-color: #9A7B38; box-shadow: 0 8px 25px rgba(197,168,105,0.35); 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); }
    .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; }
    .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); }
    .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); }
    .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); }
    .fb-reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
    @media (max-width: 991px) {
      .fb-hero-grid { grid-template-columns: 1fr; gap: 40px; text-align: center; }
      .fb-hero-headline { font-size: 42px; }
      .fb-hero-sub { font-size: 20px; }
      .fb-hero-actions { justify-content: center; }
      .fb-tasks-grid, .fb-lessons-grid, .fb-reviews-grid { grid-template-columns: 1fr; }
      .fb-header-nav { display: none !important; }
    }
    @media (max-width: 600px) {
      .fb-hero-headline { font-size: 34px; }
      .fb-hero-actions { flex-direction: column; width: 100%; }
      .fb-btn-primary, .fb-btn-secondary { width: 100%; }
    }
  </style>

  <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>

  <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;">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;">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;">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;">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>

  <section class="fb-hero-section">
    <div class="fb-container">
      <div class="fb-hero-grid">
        <div>
          <div 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>
          <p 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 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;"><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;"><span style="color: #9A7B38;">✓</span> 120 GSM Cream Archival Paper</div>
            <div class="fb-sans" style="font-size: 11px; font-weight: 600; letter-spacing: 1px; color: #4A453E;"><span style="color: #9A7B38;">✓</span> 365-Day Reality-Shifts Guarantee</div>
          </div>
        </div>
        <div class="fb-hero-img-wrap">
          <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;">6×9 Inch Custom Celestial Edition • Lay-Flat Flexible Spine</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <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 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>

      <div class="fb-tasks-grid">
        <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;">The Relational Flip</h3>
          <p style="font-size: 15px; line-height: 1.7; color: #5C564E; margin: 0;">You stop over-explaining, managing moods, and tiptoeing around men hoping to be picked. You execute one quiet shift in posture, and watch him lean in, stop mid-sentence, and suddenly treat you with total attention and reverence.</p>
        </div>

        <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;">The Wealth Hygiene Audit</h3>
          <p style="font-size: 15px; line-height: 1.7; color: #5C564E; margin: 0;">You locate where you have been tolerating financial leaks or hoarding out of fear, run the 3-minute physical reset, and clear the pipe. (This is the exact exercise that led one reader to an unexpected $2,000 spot bonus within 48 hours).</p>
        </div>

        <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 Sovereign Pause</h3>
          <p style="font-size: 15px; line-height: 1.7; color: #5C564E; margin: 0;">When an argument, an anxious text, or an old fear flares up, you deploy a 60-second nervous system reset instead of spiraling. You do not react. You do not chase. You let your stillness do the heavy lifting, and watch the entire dynamic flip in your favor.</p>
        </div>

        <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 Non-Resistance Shift</h3>
          <p style="font-size: 15px; line-height: 1.7; color: #5C564E; margin: 0;">You drop the desperate, white-knuckled grip on how your desires have to arrive. The second you stop suffocating the timeline, reality finally has room to breathe, and unexpected gifts, checks, and opportunities show up at your door.</p>
        </div>
      </div>
    </div>
  </section>

  <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>

      <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 id="order" style="padding: 90px 0; background: #FAF8F5; border-bottom: 1px solid #EBE5DB;">
    <div class="fb-container">
      <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center;" class="fb-hero-grid">
        <div style="display: flex; gap: 16px; justify-content: center;">
          <div style="flex: 1; max-width: 260px;">
            <img src="https://cdn.shopify.com/s/files/1/0836/8799/7691/files/Your_High_Frequency_Initiation_Celestial_6x9_300dpi.png?v=1792522653" alt="Front" style="width: 100%; border-radius: 4px; box-shadow: 0 20px 45px rgba(0,0,0,0.2);">
          </div>
          <div style="flex: 1; max-width: 260px;">
            <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="Back" style="width: 100%; border-radius: 4px; box-shadow: 0 20px 45px rgba(0,0,0,0.2);">
          </div>
        </div>
        <div>
          <span class="fb-sans" style="font-size: 11px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #9A7B38; display: block; margin-bottom: 10px;">THE FLAGSHIP VESSEL</span>
          <h2 class="fb-serif" style="font-size: 38px; line-height: 1.2; font-weight: 500; color: #11100F; margin: 0 0 16px;">Your High Frequency Initiation<br>The Next 30 Days Change Everything</h2>
          <p style="font-size: 16px; line-height: 1.7; color: #5C564E; margin: 0 0 24px;">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 style="background: #FFFFFF; border: 1px solid #EBE5DB; padding: 24px; border-radius: 4px; margin-bottom: 28px;">
            <ul style="list-style: none; padding: 0; margin: 0; font-size: 14px; line-height: 2; color: #3A352F;">
              <li>✦ <strong>Format:</strong> 6×9 Inch Custom Lay-Flat Softcover</li>
              <li>✦ <strong>Cover Finish:</strong> Velvet-Touch Softcover with Celestial Inlay</li>
              <li>✦ <strong>Interior:</strong> 120 GSM Heavy Archival Cream 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 style="display: flex; flex-direction: column; gap: 14px;">
            <a href="/products/your-high-frequency-initiation" class="fb-btn-primary" style="text-align: center;">ACQUIRE SINGLE EDITION • $35 USD</a>
            <div style="text-align: center;">
              <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 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">
        <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>

        <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>

        <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>

        <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>

        <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>

        <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>

      <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 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>

  <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;">© 2026 Frequency Books • Laura Catella • All Rights Reserved. Tracked Worldwide Shipping.</p>
    </div>
  </footer>
</div>
{% endif %}
Update Homepage Code V2

Frequency Books Updated Homepage Code

Your cart is empty

Your cart is empty
