<turbo-stream action="append" target="showcases"><template>
		<section class="py-10 bg-light">
  <div class="container-fluid container-lg">
	  <div class="row justify-content-center">
  <div class="col-12 col-sm-9 text-center">
    <h2 class="display-2 my-4">
      Photo Albums &amp; Scrapbooks
    </h2>


    <hr class="hr-sm border-warning mt-3 mb-10">
  </div>
</div>
  </div>

  <div class="container-fluid container-lg">
    <div class="row justify-content-center">
        <div class="col-12 col-md-6 col-lg-3 mb-5">
          <div class="card card-sm rounded-top-left rounded-bottom-right lift lift-lg mb-8 h-100">
  <a href="/products/121041">
    <img class="card-img-top rounded-top-left" alt="Polaroid Classic Book Album" src="https://assets-production.mochi.media/products/121041/photos/square_thumbnail_228474-polaroid-classic-book-album-39f89f.jpg" />

    <div class="position-relative">
      <div class="shape shape-fluid-x shape-top text-white">
        <div class="shape-img pb-5">
          <svg viewBox="0 0 100 50" preserveAspectRatio="none"><path d="M0 25h25L75 0h25v50H0z" fill="currentColor"/></svg>
        </div>
      </div>
    </div>
</a>
  <div class="card-body text-center pb-0">
        <img class="product-figure" src="https://assets-production.mochi.media/products/121051/figures/34639-figure-c169c0.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/121045/figures/34640-figure-444da4.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/121047/figures/34641-figure-3770a8.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/121048/figures/34643-figure-72e1de.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/121050/figures/34644-figure-5d479f.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/121042/figures/34645-figure-803eeb.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/121046/figures/34646-figure-32f422.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/121044/figures/34648-figure-d0515e.jpg" width="25" height="25" />
 
      <hr class="hr-sm border-light my-5">

    <h3 class="h5 mb-0">Polaroid Classic Book Album</h3>

    <p class="h6 text-secondary">
      <span class="me-2">$54.95</span>
      <span><i class="fa-regular fa-heart"></i> 2351</span>
    </p>

  </div>

  <a class="stretched-link" href="/products/121041">
    <span class="d-none">Polaroid Classic Book Album</span>
</a></div>
        </div>
        <div class="col-12 col-md-6 col-lg-3 mb-5">
          <div class="card card-sm rounded-top-left rounded-bottom-right lift lift-lg mb-8 h-100">
  <a href="/products/99524">
    <img class="card-img-top rounded-top-left" alt="Pieces of Moment 4x6 Photo Album" src="https://assets-production.mochi.media/products/99524/photos/square_thumbnail_221399-pieces-of-moment-4x6-photo-album-5a1f06.jpg" />

    <div class="position-relative">
      <div class="shape shape-fluid-x shape-top text-white">
        <div class="shape-img pb-5">
          <svg viewBox="0 0 100 50" preserveAspectRatio="none"><path d="M0 25h25L75 0h25v50H0z" fill="currentColor"/></svg>
        </div>
      </div>
    </div>
</a>
  <div class="card-body text-center pb-0">
        <img class="product-figure" src="https://assets-production.mochi.media/products/99525/figures/32643-figure-af0dc8.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/99526/figures/32644-figure-fdd645.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/99527/figures/32645-figure-40d175.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/99528/figures/32646-figure-b5875e.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/99529/figures/32647-figure-e9370b.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/99530/figures/32648-figure-15bdae.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/99531/figures/32651-figure-7196b1.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/99532/figures/32650-figure-83a4f9.jpg" width="25" height="25" />
 
      <hr class="hr-sm border-light my-5">

    <h3 class="h5 mb-0">Pieces of Moment 4x6 Photo Album</h3>

    <p class="h6 text-secondary">
      <span class="me-2">$32.95</span>
      <span><i class="fa-regular fa-heart"></i> 2967</span>
    </p>

  </div>

  <a class="stretched-link" href="/products/99524">
    <span class="d-none">Pieces of Moment 4x6 Photo Album</span>
</a></div>
        </div>
        <div class="col-12 col-md-6 col-lg-3 mb-5">
          <div class="card card-sm rounded-top-left rounded-bottom-right lift lift-lg mb-8 h-100">
  <a href="/products/130298">
    <img class="card-img-top rounded-top-left" alt="Single Instax Mini Book Album" src="https://assets-production.mochi.media/products/130298/photos/square_thumbnail_248554-single-instax-mini-book-album-f7ace9.jpg" />

    <div class="position-relative">
      <div class="shape shape-fluid-x shape-top text-white">
        <div class="shape-img pb-5">
          <svg viewBox="0 0 100 50" preserveAspectRatio="none"><path d="M0 25h25L75 0h25v50H0z" fill="currentColor"/></svg>
        </div>
      </div>
    </div>
</a>
  <div class="card-body text-center pb-0">
        <img class="product-figure" src="https://assets-production.mochi.media/products/130305/figures/39229-figure-e0dbc0.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/130301/figures/39230-figure-62ab57.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/130308/figures/39231-figure-d25879.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/130302/figures/39232-figure-f711ab.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/130306/figures/39234-figure-a1d9cd.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/130303/figures/39235-figure-d9dfab.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/130307/figures/39236-figure-62b34b.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/130299/figures/39237-figure-3dddf6.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/130300/figures/39238-figure-4044e2.jpg" width="25" height="25" />
 
      <hr class="hr-sm border-light my-5">

    <h3 class="h5 mb-0">Single Instax Mini Book Album</h3>

    <p class="h6 text-secondary">
      <span class="me-2">$24.95</span>
      <span><i class="fa-regular fa-heart"></i> 426</span>
    </p>

  </div>

  <a class="stretched-link" href="/products/130298">
    <span class="d-none">Single Instax Mini Book Album</span>
</a></div>
        </div>
        <div class="col-12 col-md-6 col-lg-3 mb-5">
          <div class="card card-sm rounded-top-left rounded-bottom-right lift lift-lg mb-8 h-100">
  <a href="/products/18090">
    <img class="card-img-top rounded-top-left" alt="Ticket Album v4" src="https://assets-production.mochi.media/products/18090/photos/square_thumbnail_177568-ticket-album-v4-2d6eb5.jpg" />

    <div class="position-relative">
      <div class="shape shape-fluid-x shape-top text-white">
        <div class="shape-img pb-5">
          <svg viewBox="0 0 100 50" preserveAspectRatio="none"><path d="M0 25h25L75 0h25v50H0z" fill="currentColor"/></svg>
        </div>
      </div>
    </div>
</a>
  <div class="card-body text-center pb-0">
        <img class="product-figure" src="https://assets-production.mochi.media/products/86222/figures/14591-figure-8403d0.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/86226/figures/14055-figure-762f4e.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/18091/figures/21747-figure-8fbb8a.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/18094/figures/24726-figure-d8e3c1.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/18092/figures/25113-figure-2e2501.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/86220/figures/3571-figure-85c826.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/18093/figures/22798-figure-5b8886.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/86224/figures/13213-figure-f0ab2a.jpg" width="25" height="25" />
 
      <hr class="hr-sm border-light my-5">

    <h3 class="h5 mb-0">Ticket Album v4</h3>

    <p class="h6 text-secondary">
      <span class="me-2">$39.95</span>
      <span><i class="fa-regular fa-heart"></i> 3658</span>
    </p>

  </div>

  <a class="stretched-link" href="/products/18090">
    <span class="d-none">Ticket Album v4</span>
</a></div>
        </div>
    </div>

      <div class="row mt-8">
        <div class="col-12 text-center">
          	<a class="btn btn-primary btn-lg lift me-2" href="/stationery/scrapbooks">
  Shop Scrapbooks
  <i class="fa-regular fa-angle-double-right"></i>
</a>
          	<a class="btn btn-primary btn-lg lift me-2" href="/stationery/photo-albums">
  Shop Photo Albums
  <i class="fa-regular fa-angle-double-right"></i>
</a>
        </div>
      </div>
  </div>
</section>

  <div class="position-relative">
    <div class="shape shape-fluid-x shape-bottom text-light">
      <div class="shape-img pb-8 pb-md-11" style="z-index: -100;">
        <svg viewBox="0 0 100 50" preserveAspectRatio="none"><path d="M0 0h100v25H75L25 50H0z" fill="currentColor"/></svg>
      </div>
    </div>
  </div>

		<section class="py-10 ">
  <div class="container-fluid container-lg">
	  <div class="row justify-content-center">
  <div class="col-12 col-sm-9 text-center">
    <h2 class="display-2 my-4">
      Notebooks
    </h2>


    <hr class="hr-sm border-warning mt-3 mb-10">
  </div>
</div>
  </div>

  <div class="container-fluid container-lg">
    <div class="row justify-content-center">
        <div class="col-12 col-md-6 col-lg-3 mb-5">
          <div class="card card-sm rounded-top-left rounded-bottom-right lift lift-lg mb-8 h-100">
  <a href="/products/149298">
    <img class="card-img-top rounded-top-left" alt="Compact A5 Hardcover Checklist Notebook" src="https://assets-production.mochi.media/products/149298/photos/square_thumbnail_284229-compact-a5-hardcover-checklist-notebook-7fed81.jpg" />

    <div class="position-relative">
      <div class="shape shape-fluid-x shape-top text-white">
        <div class="shape-img pb-5">
          <svg viewBox="0 0 100 50" preserveAspectRatio="none"><path d="M0 25h25L75 0h25v50H0z" fill="currentColor"/></svg>
        </div>
      </div>
    </div>
</a>
  <div class="card-body text-center pb-0">
        <img class="product-figure" src="https://assets-production.mochi.media/products/149299/figures/48012-figure-7b27c6.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/149302/figures/48013-figure-54c10a.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/149305/figures/48014-figure-5054b8.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/149308/figures/48015-figure-740acd.jpg" width="25" height="25" />
 
      <hr class="hr-sm border-light my-5">

    <h3 class="h5 mb-0">Compact A5 Hardcover Checklist Notebook</h3>

    <p class="h6 text-secondary">
      <span class="me-2">$17.95</span>
      <span><i class="fa-regular fa-heart"></i> 1015</span>
    </p>

  </div>

  <a class="stretched-link" href="/products/149298">
    <span class="d-none">Compact A5 Hardcover Checklist Notebook</span>
</a></div>
        </div>
        <div class="col-12 col-md-6 col-lg-3 mb-5">
          <div class="card card-sm rounded-top-left rounded-bottom-right lift lift-lg mb-8 h-100">
  <a href="/products/151452">
    <img class="card-img-top rounded-top-left" alt="Rainbow Blank Colorful Notebook" src="https://assets-production.mochi.media/products/151452/photos/square_thumbnail_287643-rainbow-blank-colorful-notebook-70a3ce.jpg" />

    <div class="position-relative">
      <div class="shape shape-fluid-x shape-top text-white">
        <div class="shape-img pb-5">
          <svg viewBox="0 0 100 50" preserveAspectRatio="none"><path d="M0 25h25L75 0h25v50H0z" fill="currentColor"/></svg>
        </div>
      </div>
    </div>
</a>
  <div class="card-body text-center pb-0">
        <img class="product-figure" src="https://assets-production.mochi.media/products/151453/figures/48877-figure-2694df.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/151454/figures/48878-figure-c87e44.jpg" width="25" height="25" />
 
      <hr class="hr-sm border-light my-5">

    <h3 class="h5 mb-0">Rainbow Blank Colorful Notebook</h3>

    <p class="h6 text-secondary">
      <span class="me-2">$39.95</span>
      <span><i class="fa-regular fa-heart"></i> 21</span>
    </p>

  </div>

  <a class="stretched-link" href="/products/151452">
    <span class="d-none">Rainbow Blank Colorful Notebook</span>
</a></div>
        </div>
        <div class="col-12 col-md-6 col-lg-3 mb-5">
          <div class="card card-sm rounded-top-left rounded-bottom-right lift lift-lg mb-8 h-100">
  <a href="/products/144704">
    <img class="card-img-top rounded-top-left" alt="Homemade Cookbook Recipe Journal" src="https://assets-production.mochi.media/products/144704/photos/square_thumbnail_276465-homemade-cookbook-recipe-journal-f55f4d.jpg" />

    <div class="position-relative">
      <div class="shape shape-fluid-x shape-top text-white">
        <div class="shape-img pb-5">
          <svg viewBox="0 0 100 50" preserveAspectRatio="none"><path d="M0 25h25L75 0h25v50H0z" fill="currentColor"/></svg>
        </div>
      </div>
    </div>
</a>
  <div class="card-body text-center pb-0">
        <img class="product-figure" src="https://assets-production.mochi.media/products/144705/figures/46234-figure-3ad01c.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/144706/figures/46235-figure-ce6cc9.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/144707/figures/46236-figure-018473.jpg" width="25" height="25" />
  <img class="product-figure" src="https://assets-production.mochi.media/products/144708/figures/46237-figure-da25e1.jpg" width="25" height="25" />
 
      <hr class="hr-sm border-light my-5">

    <h3 class="h5 mb-0">Homemade Cookbook Recipe Journal</h3>

    <p class="h6 text-secondary">
      <span class="me-2">$25.95</span>
      <span><i class="fa-regular fa-heart"></i> 527</span>
    </p>

  </div>

  <a class="stretched-link" href="/products/144704">
    <span class="d-none">Homemade Cookbook Recipe Journal</span>
</a></div>
        </div>
        <div class="col-12 col-md-6 col-lg-3 mb-5">
          <div class="card card-sm rounded-top-left rounded-bottom-right lift lift-lg mb-8 h-100">
  <a href="/products/11805">
    <img class="card-img-top rounded-top-left" alt="I&#39;m Light Notebook" src="https://assets-production.mochi.media/products/11805/photos/square_thumbnail_238877-i-m-light-notebook-633c47.jpg" />

    <div class="position-relative">
      <div class="shape shape-fluid-x shape-top text-white">
        <div class="shape-img pb-5">
          <svg viewBox="0 0 100 50" preserveAspectRatio="none"><path d="M0 25h25L75 0h25v50H0z" fill="currentColor"/></svg>
        </div>
      </div>
    </div>
</a>
  <div class="card-body text-center pb-0">

    <h3 class="h5 mb-0">I&#39;m Light Notebook</h3>

    <p class="h6 text-secondary">
      <span class="me-2">$31.95</span>
      <span><i class="fa-regular fa-heart"></i> 1959</span>
    </p>

  </div>

  <a class="stretched-link" href="/products/11805">
    <span class="d-none">I&#39;m Light Notebook</span>
</a></div>
        </div>
    </div>

      <div class="row mt-8">
        <div class="col-12 text-center">
          	<a class="btn btn-primary btn-lg lift me-2" href="/stationery/notebooks">
  Shop Notebooks
  <i class="fa-regular fa-angle-double-right"></i>
</a>
        </div>
      </div>
  </div>
</section>

  <div class="position-relative">
    <div class="shape shape-fluid-x shape-bottom text-white">
      <div class="shape-img pb-8 pb-md-11">
        <svg viewBox="0 0 100 50" preserveAspectRatio="none"><path d="M0 0h100v25H75L25 50H0z" fill="currentColor"/></svg>
      </div>
    </div>
  </div>

</template></turbo-stream>
<turbo-stream action="replace" target="pagination"><template> 
	<turbo-frame loading="lazy" id="pagination" src="/?format=turbo_stream&amp;page=7" target="_top"> 
</turbo-frame> 
</template></turbo-stream>