Frequency Books Desktop Code

FREQUENCY BOOKS • DESKTOP SETUP
Frequency Books Clean Homepage Code

Click the button below to copy the complete code. Then switch to your Shopify Theme Editor, click into your Custom Liquid box, select all (Cmd+A / Ctrl+A), and paste (Cmd+V / Ctrl+V).
Manual Backup Box (Select All & Copy):
{% if request.page_type == 'index' %}
<!-- Frequency Books Luxury Editorial Homepage -->
<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');

    /* Hide default theme footer on homepage so our editorial footer takes over */
    #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 */
    .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: #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;
      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: 700;
      letter-spacing: 2px;
      text-transform: uppercase;
      text-decoration: none;
      padding: 18px 32px;
      border: 1px solid #C5A869;
      border-radius: 2px;
      cursor: pointer;
      transition: all 0.3s ease;
      text-align: center;
    }
    .fb-btn-secondary:hover {
      background: #11100F;
      color: #FFFFFF !important;
      border-color: #11100F;
      transform: translateY(-2px);
    }

    /* Containers */
    .fb-container {
      max-width: 1200px !important;
      margin: 0 auto !important;
      padding: 0 24px !important;
      width: 100% !important;
      box-sizing: border-box !important;
    }

    .fb-reading-container {
      max-width: 880px !important;
      margin: 0 auto !important;
      padding: 0 24px !important;
      width: 100% !important;
      box-sizing: border-box !important;
    }

    /* Book 3D Mockup Effects */
    .fb-book-shadow {
      box-shadow: -12px 18px 40px rgba(0,0,0,0.22), 0 2px 8px rgba(197,168,105,0.2);
      transition: transform 0.4s ease, box-shadow 0.4s ease;
    }
    .fb-book-shadow:hover {
      transform: translateY(-6px) scale(1.02);
      box-shadow: -16px 24px 50px rgba(0,0,0,0.28), 0 4px 12px rgba(197,168,105,0.3);
    }

    /* Responsive Mobile Polish */
    @media (max-width: 860px) {
      .fb-container, .fb-reading-container {
        padding: 0 18px !important;
      }
      .fb-header-inner {
        flex-direction: column !important;
        text-align: center !important;
        gap: 14px !important;
      }
      .fb-header-nav {
        justify-content: center !important;
        gap: 14px !important;
      }
      .fb-header-nav a {
        font-size: 11px !important;
        letter-spacing: 1.5px !important;
      }
      .fb-header-nav .fb-acquire-nav {
        padding: 8px 16px !important;
        font-size: 10px !important;
      }
      .fb-hero-section {
        padding: 40px 0 60px !important;
      }
      .fb-hero-grid {
        grid-template-columns: 1fr !important;
        gap: 36px !important;
        text-align: center !important;
      }
      .fb-hero-badge {
        justify-content: center !important;
      }
      .fb-hero-headline {
        font-size: 35px !important;
        line-height: 1.15 !important;
        margin: 0 auto 16px !important;
      }
      .fb-hero-sub {
        font-size: 16px !important;
        line-height: 1.6 !important;
        margin: 0 auto 28px !important;
      }
      .fb-hero-actions {
        flex-direction: column !important;
        width: 100% !important;
        gap: 12px !important;
        margin-bottom: 24px !important;
      }
      .fb-btn-primary, .fb-btn-secondary {
        width: 100% !important;
        display: block !important;
        padding: 16px 20px !important;
        font-size: 12px !important;
      }
      .fb-trust-badges {
        justify-content: center !important;
        gap: 12px !important;
        font-size: 11px !important;
      }
      .fb-trust-badges div {
        width: 100% !important;
        text-align: center !important;
      }
      .fb-hero-img-wrap {
        margin-top: 10px !important;
      }
      .fb-book-mockup-img {
        max-width: 250px !important;
      }
      .fb-floating-pill {
        padding: 6px 14px !important;
        bottom: -14px !important;
      }
      .fb-floating-pill span {
        font-size: 9px !important;
        letter-spacing: 1px !important;
      }
      .fb-section-pad {
        padding: 60px 0 !important;
      }
      .fb-section-h2 {
        font-size: 30px !important;
        line-height: 1.25 !important;
        margin-bottom: 20px !important;
      }
      .fb-section-intro {
        font-size: 15px !important;
      }
      .fb-reading-container p {
        font-size: 16px !important;
        line-height: 1.75 !important;
      }
      .fb-reading-container blockquote {
        font-size: 18px !important;
        padding: 18px 20px !important;
        margin: 24px 0 !important;
      }
      .fb-spotlight-covers {
        margin-bottom: 24px !important;
      }
      .fb-spotlight-specs {
        font-size: 13px !important;
      }
    }
  </style>

  <!-- Top Announcement Bar -->
  <div style="width: 100%; background: #11100F; color: #FAF8F5; border-bottom: 1px solid #C5A869; padding: 11px 16px; text-align: center;">
    <p class="fb-sans" style="font-size: 10px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; margin: 0; color: #FAF8F5; line-height: 1.4;">
      COMPLIMENTARY WORLDWIDE TRACKED SHIPPING ON ORDERS OVER $50 • DISPATCHED IN 24–48 HOURS
    </p>
  </div>

  <!-- Editorial Brand Navigation Header -->
  <header style="width: 100%; border-bottom: 1px solid #EBE5DB; background: #FAF8F5; padding: 18px 0;">
    <div class="fb-container" style="max-width: 1200px; margin: 0 auto; padding: 0 24px; width: 100%; box-sizing: border-box;">
      <div class="fb-header-inner" style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px;">
        
        <!-- Logo / Title -->
        <a href="/" style="text-decoration: none; color: #11100F; display: inline-block;">
          <div class="fb-serif" style="font-size: 24px; font-weight: 600; letter-spacing: 2.5px; text-transform: uppercase;">
            FREQUENCY BOOKS
          </div>
          <div class="fb-sans" style="font-size: 9px; font-weight: 600; letter-spacing: 2.5px; text-transform: uppercase; color: #9A7B38; margin-top: -2px;">
            SACRED EDITIONS • BY LAURA CATELLA
          </div>
        </a>

        <!-- Navigation Links -->
        <nav class="fb-header-nav" style="display: flex; gap: 24px; align-items: center; flex-wrap: wrap;">
          <a href="/pages/high-frequency" class="fb-sans" style="font-size: 12px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: #11100F; text-decoration: none;">
            THE INITIATION
          </a>
          <a href="#philosophy" class="fb-sans" style="font-size: 12px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: #7A746B; text-decoration: none;">
            PHILOSOPHY
          </a>
          <a href="#methodology" class="fb-sans" style="font-size: 12px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: #7A746B; text-decoration: none;">
            METHODOLOGY
          </a>
          <a href="/pages/high-frequency#acquire" class="fb-sans fb-acquire-nav" style="font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; background: #11100F; color: #FFFFFF !important; padding: 10px 18px; border: 1px solid #C5A869; text-decoration: none; border-radius: 2px;">
            ACQUIRE • $30
          </a>
        </nav>

      </div>
    </div>
  </header>

  <!-- Hero Section -->
  <section class="fb-hero-section" style="padding: 70px 0 90px; border-bottom: 1px solid #EBE5DB; background: radial-gradient(circle at 75% 40%, rgba(197, 168, 105, 0.08) 0%, rgba(250, 248, 245, 1) 70%);">
    <div class="fb-container" style="max-width: 1200px; margin: 0 auto; padding: 0 24px; width: 100%; box-sizing: border-box;">
      <div class="fb-hero-grid" style="display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 50px; align-items: center;">
        
        <!-- Left / Content -->
        <div>
          <div class="fb-hero-badge" style="display: flex; align-items: center; gap: 10px; margin-bottom: 16px;">
            <span style="color: #C5A869; font-size: 14px;">✧   ☽   ✦</span>
            <span class="fb-sans" style="font-size: 11px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #9A7B38;">
              THE FLAGSHIP PHYSICAL ARTIFACT
            </span>
          </div>

          <h1 class="fb-serif fb-hero-headline" style="font-size: 52px; line-height: 1.12; font-weight: 500; color: #11100F; margin: 0 0 20px; letter-spacing: -0.5px;">
            Stop wrestling reality.<br>
            <span style="font-style: italic; color: #9A7B38; font-weight: 400;">Calibrate the receiver.</span>
          </h1>

          <p class="fb-hero-sub" style="font-size: 19px; line-height: 1.65; color: #4A453E; margin: 0 0 32px; font-style: italic; max-width: 580px;">
            5 to 10 minutes each morning to dissolve subconscious static, lock your energetic frequency, and allow money, intuition, and opportunities to yield without force.
          </p>

          <div class="fb-hero-actions" style="display: flex; gap: 14px; align-items: center; flex-wrap: wrap; margin-bottom: 26px;">
            <a href="/pages/high-frequency" class="fb-btn-primary">
              EXPLORE THE INITIATION →
            </a>
            <a href="/pages/high-frequency#acquire" class="fb-btn-secondary">
              ACQUIRE JOURNAL • $30 USD
            </a>
          </div>

          <div class="fb-trust-badges fb-sans" style="display: flex; flex-wrap: wrap; gap: 18px; align-items: center; font-size: 12px; color: #7A746B;">
            <div>&check; Luxury Velvet-Touch Softcover</div>
            <div>&check; 120 GSM Cream Archival Paper</div>
            <div>&check; 30-Day Reality-Yields Guarantee</div>
          </div>
        </div>

        <!-- Right / Physical Book Showcase -->
        <div class="fb-hero-img-wrap" style="position: relative; text-align: center;">
          <div style="display: inline-block; position: relative;">
            <img src="https://cdn.shopify.com/s/files/1/0836/8799/7691/files/Your_High_Frequency_Initiation_Celestial_6x9_Color_Front.png?v=1771613000" alt="Your High Frequency Initiation 30-Day Sovereign Journal Cover" class="fb-book-shadow fb-book-mockup-img" style="max-width: 360px; width: 100%; height: auto; border-radius: 4px; display: block; border: 1px solid rgba(197, 168, 105, 0.4);">
            
            <div class="fb-floating-pill" style="position: absolute; bottom: -16px; left: 50%; transform: translateX(-50%); background: #11100F; border: 1px solid #C5A869; padding: 7px 18px; border-radius: 20px; box-shadow: 0 6px 16px rgba(0,0,0,0.28); white-space: nowrap;">
              <span class="fb-sans" style="font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #FAF8F5;">
                PHYSICAL SOFTCOVER ARTIFACT • $30 USD
              </span>
            </div>
          </div>
          <p class="fb-sans" style="font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; color: #7A746B; margin: 30px 0 0;">
            6×9 Inch Custom Celestial Edition • Lay-Flat Flexible Spine
          </p>
        </div>

      </div>
    </div>
  </section>

  <!-- Philosophy -->
  <section id="philosophy" class="fb-section-pad" style="padding: 90px 0; background: #FAF7F2; border-bottom: 1px solid #EBE5DB;">
    <div class="fb-reading-container" style="max-width: 880px; margin: 0 auto; padding: 0 24px; width: 100%; box-sizing: border-box; text-align: center;">
      <span class="fb-sans" style="font-size: 11px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #9A7B38; display: block; margin-bottom: 12px;">
        THE FREQUENCY BOOKS ETHOS
      </span>
      <h2 class="fb-serif fb-section-h2" style="font-size: 40px; line-height: 1.2; font-weight: 500; color: #11100F; margin: 0 0 26px;">
        Words Are Not Neutral. Ink Is An Energetic Anchor.
      </h2>
      <p class="fb-section-intro" style="font-size: 18px; line-height: 1.8; color: #3A3631; margin-bottom: 22px;">
        In an era of relentless digital noise and dopamine-driven distraction, high-performing creators have forgotten the sacred weight of physical technology.
      </p>
      <p style="font-size: 17px; line-height: 1.8; color: #524C44; margin-bottom: 24px;">
        A phone screen triggers vigilance, judgment, and reactive posture. A physical book — crafted with velvet-touch paper, heavy archival stock, and sacred proportions — demands reverent presence. It slows the brainwaves from frenzied beta into intuitive alpha, where sovereign creation occurs.
      </p>
      <blockquote style="margin: 32px 0; padding: 22px 28px; border-left: 2px solid #C5A869; background: #FAF8F5; font-style: italic; font-size: 20px; color: #11100F; line-height: 1.6;">
        “You do not need more hustle. You need a quiet room, ten minutes at dawn, and an uncompromised receiver. Reality will take care of the rest.”
        <div class="fb-sans" style="font-size: 11px; letter-spacing: 2px; text-transform: uppercase; font-style: normal; margin-top: 10px; color: #9A7B38; font-weight: 600;">
          — LAURA CATELLA, FOUNDER OF FREQUENCY BOOKS
        </div>
      </blockquote>
      <div style="margin-top: 36px;">
        <a href="/pages/high-frequency" class="fb-btn-primary">
          EXPLORE THE 30-DAY INITIATION JOURNAL →
        </a>
      </div>
    </div>
  </section>

  <!-- Methodology: 3 Calibration Gates -->
  <section id="methodology" class="fb-section-pad" style="padding: 90px 0; background: #FAF8F5; border-bottom: 1px solid #EBE5DB;">
    <div class="fb-container" style="max-width: 1200px; margin: 0 auto; padding: 0 24px; width: 100%; box-sizing: border-box;">
      <div style="text-align: center; max-width: 760px; margin: 0 auto 54px;">
        <span class="fb-sans" style="font-size: 11px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #9A7B38; display: block; margin-bottom: 12px;">
          THE CEREMONIAL ARCHITECTURE
        </span>
        <h2 class="fb-serif fb-section-h2" style="font-size: 40px; line-height: 1.2; font-weight: 500; color: #11100F; margin: 0 0 16px;">
          The 3 Daily Gates of Calibration
        </h2>
      </div>

      <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 26px;">
        <div class="fb-gate-card" style="background: #FFFFFF; border: 1px solid #E5DFD5; padding: 38px 30px; border-radius: 3px; position: relative; box-shadow: 0 8px 24px rgba(0,0,0,0.03);">
          <div class="fb-serif" style="font-size: 32px; color: #C5A869; font-style: italic; margin-bottom: 12px;">I</div>
          <h3 class="fb-serif" style="font-size: 23px; color: #11100F; margin: 0 0 12px; font-weight: 600;">The Static Purge</h3>
          <p style="font-size: 15px; line-height: 1.7; color: #524C44; margin: 0 0 20px;">
            Extract ambient background anxiety, self-doubt, and yesterday’s friction onto archival cream paper. Neutralize subconscious interference before it dictates your daily decisions.
          </p>
          <div class="fb-sans" style="font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #9A7B38;">MINUTES 01 – 03</div>
        </div>

        <div class="fb-gate-card" style="background: #FFFFFF; border: 1px solid #E5DFD5; padding: 38px 30px; border-radius: 3px; position: relative; box-shadow: 0 8px 24px rgba(0,0,0,0.03);">
          <div class="fb-serif" style="font-size: 32px; color: #C5A869; font-style: italic; margin-bottom: 12px;">II</div>
          <h3 class="fb-serif" style="font-size: 23px; color: #11100F; margin: 0 0 12px; font-weight: 600;">The Sovereign Lock</h3>
          <p style="font-size: 15px; line-height: 1.7; color: #524C44; margin: 0 0 20px;">
            Somatic alignment with the outcome already completed. You lock in the exact cellular signature of certainty that compels resources, allies, and revenue to move toward you.
          </p>
          <div class="fb-sans" style="font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #9A7B38;">MINUTES 04 – 07</div>
        </div>

        <div class="fb-gate-card" style="background: #FFFFFF; border: 1px solid #E5DFD5; padding: 38px 30px; border-radius: 3px; position: relative; box-shadow: 0 8px 24px rgba(0,0,0,0.03);">
          <div class="fb-serif" style="font-size: 32px; color: #C5A869; font-style: italic; margin-bottom: 12px;">III</div>
          <h3 class="fb-serif" style="font-size: 23px; color: #11100F; margin: 0 0 12px; font-weight: 600;">The Non-Resistance Decree</h3>
          <p style="font-size: 15px; line-height: 1.7; color: #524C44; margin: 0 0 20px;">
            Conscious surrender of micromanagement. Define the 1–2 sovereign moves of the day and release the outcome to reality’s orchestration. Move from anxious force into magnetic ease.
          </p>
          <div class="fb-sans" style="font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #9A7B38;">MINUTES 08 – 10</div>
        </div>
      </div>
    </div>
  </section>

  <!-- Product Spotlight -->
  <section class="fb-section-pad" style="padding: 90px 0; background: #0D0C0B; color: #FAF8F5; border-bottom: 1px solid #332F28;">
    <div class="fb-container" style="max-width: 1200px; margin: 0 auto; padding: 0 24px; width: 100%; box-sizing: border-box;">
      <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 48px; align-items: center;">
        
        <div style="text-align: center;">
          <div class="fb-spotlight-covers" style="display: inline-flex; gap: 16px; align-items: center; justify-content: center; flex-wrap: wrap;">
            <img src="https://cdn.shopify.com/s/files/1/0836/8799/7691/files/Your_High_Frequency_Initiation_Celestial_6x9_Color_Front.png?v=1771613000" alt="Journal Front Cover" style="width: 200px; height: auto; border-radius: 4px; box-shadow: 0 14px 34px rgba(0,0,0,0.6); border: 1px solid rgba(197, 168, 105, 0.4);">
            <img src="https://cdn.shopify.com/s/files/1/0836/8799/7691/files/Your_High_Frequency_Initiation_Back_6x9_Color_Back.png?v=1771613000" alt="Journal Back Cover" style="width: 200px; height: auto; border-radius: 4px; box-shadow: 0 14px 34px rgba(0,0,0,0.6); border: 1px solid rgba(197, 168, 105, 0.4);">
          </div>
        </div>

        <div>
          <span class="fb-sans" style="font-size: 11px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #C5A869; display: block; margin-bottom: 12px;">
            FLAGSHIP EDITION NOW DISPATCHING
          </span>
          <h2 class="fb-serif" style="font-size: 42px; line-height: 1.15; font-weight: 500; color: #FFFFFF; margin: 0 0 16px;">
            Your High Frequency Initiation<br>
            <span style="font-style: italic; color: #C5A869; font-weight: 400; font-size: 32px;">30-Day Sovereign Journal</span>
          </h2>
          <p style="font-size: 16px; line-height: 1.7; color: #C8C2B8; margin-bottom: 26px;">
            A physical talisman designed to calibrate your transmission, eliminate the noise of modern hustle, and cultivate non-negotiable sovereignty over your reality.
          </p>

          <ul class="fb-sans fb-spotlight-specs" style="list-style: none; padding: 0; margin: 0 0 32px; font-size: 14px; color: #FAF8F5; line-height: 2;">
            <li style="display: flex; align-items: center; gap: 10px;">
              <span style="color: #C5A869;">✦</span> Custom 6×9 sacred proportion edition
            </li>
            <li style="display: flex; align-items: center; gap: 10px;">
              <span style="color: #C5A869;">✦</span> Luxury velvet-touch softcover with celestial artwork
            </li>
            <li style="display: flex; align-items: center; gap: 10px;">
              <span style="color: #C5A869;">✦</span> 120 GSM warm cream archival paper • Zero bleed-through
            </li>
            <li style="display: flex; align-items: center; gap: 10px;">
              <span style="color: #C5A869;">✦</span> Lay-flat flexible spine for effortless morning writing
            </li>
            <li style="display: flex; align-items: center; gap: 10px;">
              <span style="color: #C5A869;">✦</span> Dispatched in 24–48 hours with tracked global shipping
            </li>
          </ul>

          <div style="display: flex; gap: 14px; align-items: center; flex-wrap: wrap;">
            <a href="/pages/high-frequency" class="fb-btn-primary" style="background: #C5A869; color: #11100F !important; border-color: #C5A869;">
              READ THE FULL LANDER →
            </a>
            <a href="/pages/high-frequency#acquire" class="fb-btn-secondary" style="border-color: #C5A869; color: #FAF8F5 !important;">
              ACQUIRE NOW • $30 USD
            </a>
          </div>

          <p class="fb-sans" style="font-size: 12px; color: #A69E92; margin-top: 18px;">
            ✦ Sisterhood Duo Available: 2 Copies for $50 + Free Shipping (Code DUO10)
          </p>
        </div>

      </div>
    </div>
  </section>

  <!-- Testimonials -->
  <section class="fb-section-pad" style="padding: 90px 0; background: #FAF8F5; border-bottom: 1px solid #EBE5DB;">
    <div class="fb-container" style="max-width: 1200px; margin: 0 auto; padding: 0 24px; width: 100%; box-sizing: border-box;">
      <div style="text-align: center; max-width: 760px; margin: 0 auto 50px;">
        <span class="fb-sans" style="font-size: 11px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #9A7B38; display: block; margin-bottom: 12px;">
          UNDENIABLE RECEIPTS
        </span>
        <h2 class="fb-serif fb-section-h2" style="font-size: 38px; line-height: 1.2; font-weight: 500; color: #11100F; margin: 0;">
          From Wrestling Reality to Sovereign Ease
        </h2>
      </div>

      <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 26px;">
        <div style="background: #FAF7F2; border: 1px solid #EBE5DB; padding: 34px 28px; border-radius: 4px;">
          <div style="color: #C5A869; font-size: 16px; margin-bottom: 14px;">★★★★★</div>
          <p class="fb-serif" style="font-size: 17px; line-height: 1.7; color: #2C2824; font-style: italic; margin-bottom: 18px;">
            “I was burned out on 45-minute journal routines with 18 prompts. Laura's protocol takes me exactly 7 minutes over morning coffee. By Day 11, a client who owed me $18,000 and had gone silent for 4 months wired the full balance without a single follow-up email. The energetic shift is real.”
          </p>
          <div class="fb-sans" style="font-size: 12px; font-weight: 700; color: #11100F; letter-spacing: 1px;">
            — Elena V., Managing Director & Advisory Founder
          </div>
        </div>

        <div style="background: #FAF7F2; border: 1px solid #EBE5DB; padding: 34px 28px; border-radius: 4px;">
          <div style="color: #C5A869; font-size: 16px; margin-bottom: 14px;">★★★★★</div>
          <p class="fb-serif" style="font-size: 17px; line-height: 1.7; color: #2C2824; font-style: italic; margin-bottom: 18px;">
            “Holding this physical journal creates an immediate physiological response. My shoulders drop. The Static Purge prompt alone saved my nervous system from launching a catastrophic reaction to a supply chain crisis. If you consider yourself a sovereign creator, you need this on your nightstand.”
          </p>
          <div class="fb-sans" style="font-size: 12px; font-weight: 700; color: #11100F; letter-spacing: 1px;">
            — Marcus T., Creative Agency Principal
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- Guarantee -->
  <section class="fb-section-pad" style="padding: 90px 0; background: #FAF7F2; border-bottom: 1px solid #EBE5DB; text-align: center;">
    <div class="fb-reading-container" style="max-width: 880px; margin: 0 auto; padding: 0 24px; width: 100%; box-sizing: border-box;">
      <div style="color: #C5A869; font-size: 20px; margin-bottom: 12px;">✦   ☽   ✦</div>
      <span class="fb-sans" style="font-size: 11px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #9A7B38; display: block; margin-bottom: 14px;">
        THE 30-DAY REALITY-YIELDS GUARANTEE
      </span>
      <h2 class="fb-serif fb-section-h2" style="font-size: 38px; line-height: 1.25; font-weight: 500; color: #11100F; margin: 0 0 20px;">
        Walk The 30 Days. If Reality Does Not Yield, Pay Nothing.
      </h2>
      <p style="font-size: 17px; line-height: 1.8; color: #4A453E; margin-bottom: 34px;">
        Complete the 5–10 minute morning protocol each day. If at the end of the 30 days you do not experience an undeniable reduction in mental static and a marked increase in ease, clarity, and synchronicity — email support@hfyear.com for an immediate 100% refund. Keep the physical journal as our gift.
      </p>
      <div>
        <a href="/pages/high-frequency" class="fb-btn-primary">
          ENTER THE HIGH FREQUENCY INITIATION →
        </a>
      </div>
    </div>
  </section>

  <!-- Footer -->
  <footer style="padding: 50px 0 36px; background: #11100F; color: #FAF8F5; text-align: center; border-top: 1px solid #C5A869;">
    <div class="fb-container" style="max-width: 1200px; margin: 0 auto; padding: 0 24px; width: 100%; box-sizing: border-box;">
      <div class="fb-serif" style="font-size: 22px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 6px;">
        FREQUENCY BOOKS
      </div>
      <p style="font-size: 13px; color: #A69E92; margin: 0 0 24px; font-style: italic;">
        “Your life is not waiting for more hustle. It is waiting for your frequency to align.”
      </p>
      
      <div style="display: flex; justify-content: center; gap: 24px; flex-wrap: wrap; margin-bottom: 30px;" class="fb-sans">
        <a href="/pages/high-frequency" style="color: #FAF8F5; text-decoration: none; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase;">The Initiation</a>
        <a href="/pages/high-frequency#acquire" style="color: #FAF8F5; text-decoration: none; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase;">Acquire Journal ($30)</a>
        <a href="/pages/contact" style="color: #C5A869; text-decoration: none; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase;">Contact & Support</a>
      </div>

      <div class="fb-sans" style="font-size: 11px; color: #6E6860; letter-spacing: 1px;">
        © 2026 Frequency Books • Laura Catella • All Rights Reserved. Tracked Worldwide Shipping.
      </div>
    </div>
  </footer>

</div>
{% endif %}
Frequency Books Desktop Code

Frequency Books Clean Homepage Code

Your cart is empty

Your cart is empty
