    <section class="hero-home">
      <div class="container">
        <div class="row hero-home-top align-items-start">
          <div class="col-lg-7">
            <div class="hero-home-intro">
              <h1 class="hero-home-title">Keep The Story going</h1>
              <p class="hero-home-desc">
                We Create masterpieces and help you become a bestseller. our book writing service is dedicated to helping authors turn their dreams into published reality
              </p>
            </div>
          </div>

          <div class="col-lg-5">
            <article class="hero-testimonial">
              <button class="hero-testimonial-menu" type="button" aria-label="More options">
                <i class="fa-solid fa-ellipsis" aria-hidden="true"></i>
              </button>

              <div class="hero-testimonial-head">
                <img src="assets/images/author-george.webp" alt="George RR Martin" class="hero-testimonial-avatar">
                <div class="hero-testimonial-meta">
                  <strong class="hero-testimonial-name">George RR Martin</strong>
                  <span class="hero-testimonial-role">Author</span>
                </div>
              </div>

              <blockquote class="hero-testimonial-quote">
                &ldquo;Fire and Blood&rdquo; tells the story of the targaryen dynasty in westeros, chronicling the conquest of the seven kingdoms by House Targaryen. It also covers the targaryen civil war known as the dance of the dragons.
              </blockquote>

              <div class="hero-books-toolbar">
                <div class="hero-books-nav">
                  <button class="hero-books-nav-btn hero-books-nav-prev" type="button" aria-label="Previous book">
                    <i class="fa-solid fa-arrow-left" aria-hidden="true"></i>
                  </button>
                  <button class="hero-books-nav-btn hero-books-nav-next" type="button" aria-label="Next book">
                    <i class="fa-solid fa-arrow-right" aria-hidden="true"></i>
                  </button>
                </div>
              </div>
            </article>
          </div>
        </div>

        <div class="hero-books-showcase">
          <div class="hero-books-track">
            <article
              class="hero-book-item"
              data-author-image="assets/images/author-placeholder-2.webp"
              data-author-name="Disney"
              data-author-role="Classic Fairy Tale"
              data-author-quote="&ldquo;Beauty and the Beast&rdquo; tells the story of Belle and a cursed prince trapped in a enchanted castle, where love breaks the spell of a rose that blooms until his twenty-first year."
            >
              <div class="hero-book-cover-wrap">
                <img src="assets/images/book-beauty.webp" alt="Beauty and the Beast: Disney" class="hero-book-cover">
              </div>
              <h3 class="hero-book-title">Beauty and the Beast: Disney</h3>
            </article>

            <article
              class="hero-book-item is-active"
              data-author-image="assets/images/author-george.webp"
              data-author-name="George RR Martin"
              data-author-role="Author"
              data-author-quote="&ldquo;Fire and Blood&rdquo; tells the story of the targaryen dynasty in westeros, chronicling the conquest of the seven kingdoms by House Targaryen. It also covers the targaryen civil war known as the dance of the dragons."
            >
              <div class="hero-book-cover-wrap">
                <img src="assets/images/book-fire-blood.webp" alt="Fire and Blood - A Game of Thrones series" class="hero-book-cover">
              </div>
              <h3 class="hero-book-title">Fire and Blood - A Game of Thrones series</h3>
            </article>

            <article
              class="hero-book-item"
              data-author-image="assets/images/author-placeholder-1.webp"
              data-author-name="C.S. Lewis"
              data-author-role="Author"
              data-author-quote="&ldquo;The Chronicles of Narnia&rdquo; follows children who discover a magical world through a wardrobe, where they join Aslan in battles between good and evil across a land of talking beasts and eternal winter."
            >
              <div class="hero-book-cover-wrap">
                <img src="assets/images/book-narnia.webp" alt="The Chronicles of Narnia" class="hero-book-cover">
              </div>
              <h3 class="hero-book-title">The Chronicles of <br> Narnia</h3>
            </article>

            <article
              class="hero-book-item"
              data-author-image="assets/images/author-placeholder-2.webp"
              data-author-name="Marvel"
              data-author-role="Publisher"
              data-author-quote="&ldquo;Deadpool Samurai&rdquo; reimagines the merc with a mouth in a bold manga-inspired edition, blending irreverent humor, samurai action, and the signature chaos fans expect from Marvel."
            >
              <div class="hero-book-cover-wrap">
                <img src="assets/images/book-deadpool.webp" alt="Deadpool Samurai edition: Marvel" class="hero-book-cover">
              </div>
              <h3 class="hero-book-title">Deadpool Samurai edition: Marvel</h3>
            </article>

            <article
              class="hero-book-item"
              data-author-image="assets/images/author-placeholder-3.webp"
              data-author-name="Toni Morrison"
              data-author-role="Author"
              data-author-quote="&ldquo;Song of Solomon&rdquo; follows Macon Dead III on a journey of self-discovery through family history, flight, and identity, weaving myth and memory into one of Morrison&rsquo;s most celebrated novels."
            >
              <div class="hero-book-cover-wrap">
                <img src="assets/images/book-solomon.webp" alt="Song of Solomon Toni Morrison" class="hero-book-cover">
              </div>
              <h3 class="hero-book-title">Song of Solomon Toni Morrison</h3>
            </article>
          </div>
        </div>
      </div>
    </section>
