Feature Book Minimal

                <!--
@type: Feature
@industry: Book
@style: Minimal
@category: Page Section, Content
@framework: Tailwind
@license: Free
-->

<section class="bg-amber-50 py-24">
  <div class="max-w-7xl mx-auto px-6">
    <div class="grid md:grid-cols-2 gap-16">

      <!-- Left Side - Introduction -->
      <div class="space-y-8">
        <!-- Decorative Element -->
        <div class="flex items-center gap-4">
          <div class="w-16 h-px bg-amber-900"></div>
          <p class="text-amber-900 text-sm tracking-widest uppercase">Inside the Book</p>
        </div>

        <!-- Heading -->
        <div class="space-y-4">
          <h2 class="text-5xl md:text-6xl font-light text-amber-950 leading-tight">
            What Makes This<br />Story Special
          </h2>
          <p class="text-xl text-amber-800 leading-relaxed max-w-md">
            A carefully crafted narrative that weaves together memory, place, and the quiet beauty of transformation.
          </p>
        </div>

        <!-- Stats -->
        <div class="grid grid-cols-3 gap-6 pt-4">
          <div class="text-center">
            <p class="text-3xl font-light text-amber-950">324</p>
            <p class="text-sm text-amber-700 mt-1">Pages</p>
          </div>
          <div class="text-center border-l border-amber-300">
            <p class="text-3xl font-light text-amber-950">18</p>
            <p class="text-sm text-amber-700 mt-1">Chapters</p>
          </div>
          <div class="text-center border-l border-amber-300">
            <p class="text-3xl font-light text-amber-950">4.8</p>
            <p class="text-sm text-amber-700 mt-1">Rating</p>
          </div>
        </div>
      </div>

      <!-- Right Side - Feature List -->
      <div class="space-y-6">

        <!-- Feature 1 -->
        <div class="group">
          <div class="border-l-4 border-amber-900 pl-8 pr-8 py-6 hover:bg-amber-50 transition-colors">
            <div class="space-y-3">
              <h3 class="text-2xl font-light text-amber-950">Lyrical Storytelling</h3>
              <p class="text-amber-800 leading-relaxed">
                Morrison's prose reads like poetry, with each sentence carefully crafted to evoke emotion and
                atmosphere. Her unhurried narrative style invites readers to slow down and savor every word.
              </p>
            </div>
          </div>
        </div>

        <!-- Feature 2 -->
        <div class="group">
          <div class="border-l-4 border-amber-900 pl-8 pr-8 py-6 hover:bg-amber-50 transition-colors">
            <div class="space-y-3">
              <h3 class="text-2xl font-light text-amber-950">Vivid Sense of Place</h3>
              <p class="text-amber-800 leading-relaxed">
                The garden at the heart of the story becomes a character itself, lush, mysterious, and full of
                secrets. Morrison's meticulous attention to the natural world grounds the narrative in sensory
                detail.
              </p>
            </div>
          </div>
        </div>

        <!-- Feature 3 -->
        <div class="group">
          <div class="border-l-4 border-amber-900 pl-8 pr-8 py-6 hover:bg-amber-50 transition-colors">            
            <div class="space-y-3">
              <h3 class="text-2xl font-light text-amber-950">Complex Characters</h3>
              <p class="text-amber-800 leading-relaxed">
                Meet unforgettable characters wrestling with loss, memory, and the search for belonging. Each is
                rendered with psychological depth and genuine humanity that lingers long after the final page.
              </p>
            </div>
          </div>
        </div>
      </div>

    </div>

    <!-- Bottom CTA -->
    <div class="mt-20 text-center">
      <div class="max-w-2xl mx-auto space-y-6">
        <p class="text-amber-800 text-lg leading-relaxed">
          Experience a story that has captivated readers worldwide and earned recognition from the literary
          community's most prestigious awards.
        </p>
        <button
          class="bg-amber-900 text-amber-50 px-10 py-4 hover:bg-amber-800 transition-colors inline-flex items-center gap-2 group">
          <span class="tracking-wide">Order Your Copy</span>
          <svg class="w-5 h-5 group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor"
            viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3" />
          </svg>
        </button>
      </div>
    </div>

  </div>
</section>