fix: add book details

book.html

@@ -39,154 +39,18 @@
       </site-header>
 
       <site-content>
-        <div class="content-padding">
-          <push-box>
-            <img slot="logo" src="images/logo-asoka.png" alt="Asoka Logo" />
-            <h2 slot="title">
-              Gespecialiseerd op het vlak van boeddhisme en aanverwante
-              Oost-West thema's
-            </h2>
-            <arrow-button slot="cta" href="#">Meer over Asoka</arrow-button>
-          </push-box>
-        </div>
-
-        <section class="section section">
-          <section-title text="Recent verschenen boeken"></section-title>
-          <div class="book-grid">
-            <book-card
-              title="The Midnight Library"
-              description="A library of infinite possibilities"
-              author="Matt Haig"
-              price="$14.99"
-              rating="4.5"
-              href="book.html"
-              theme="dark"
-            ></book-card>
-            <book-card
-              title="Atomic Habits"
-              description="A simple, proven system for breaking bad habits and forming good ones"
-              author="James Clear"
-              price="$16.99"
-              rating="5"
-              href="book.html"
-              theme="dark"
-            ></book-card>
-            <book-card
-              title="The Psychology of Money"
-              description="A book about the psychology of money and how it affects our lives"
-              author="Morgan Housel"
-              price="$12.99"
-              rating="4"
-              href="book.html"
-              theme="dark"
-            ></book-card>
-            <book-card
-              title="Project Hail Mary"
-              description="A book about the science of space travel and the future of humanity"
-              author="Andy Weir"
-              price="$18.99"
-              rating="4.5"
-              href="book.html"
-              theme="dark"
-            ></book-card>
-            <cta-button href="#">Toon meer recent verschenen boeken</cta-button>
-          </div>
-        </section>
-
-        <section class="section section-dark">
-          <section-title text="Meest verkochte boeken"></section-title>
-          <div class="book-grid">
-            <book-card
-              title="The Midnight Library"
-              description="A library of infinite possibilities"
-              author="Matt Haig"
-              price="$14.99"
-              rating="4.5"
-              href="book.html"
-            ></book-card>
-            <book-card
-              title="Atomic Habits"
-              description="A simple, proven system for breaking bad habits and forming good ones"
-              author="James Clear"
-              price="$16.99"
-              rating="5"
-              href="book.html"
-            ></book-card>
-            <book-card
-              title="The Psychology of Money"
-              description="A book about the psychology of money and how it affects our lives"
-              author="Morgan Housel"
-              price="$12.99"
-              rating="4"
-              href="book.html"
-            ></book-card>
-            <book-card
-              title="Project Hail Mary"
-              description="A book about the science of space travel and the future of humanity"
-              author="Andy Weir"
-              price="$18.99"
-              rating="4.5"
-              href="book.html"
-            ></book-card>
-            <cta-button href="#">Toon meer meest verkochte boeken</cta-button>
-          </div>
-        </section>
-
         <section class="section">
-          <section-title text="Onderwerpen"></section-title>
-          <div class="category-grid">
-            <category-card
-              title="Biografie / autobiografie"
-              icon="images/biografieautobiografie.png"
-              href="category.html"
-            ></category-card>
-            <category-card
-              title="Boeddhisme (algemeen)"
-              icon="images/boeddhismealgemeen.png"
-              href="category.html"
-            ></category-card>
-            <category-card
-              title="Boeddhisme en het Westen"
-              icon="images/boeddhisme-en-het-westen.png"
-              href="category.html"
-            ></category-card>
-            <category-card
-              title="Kinderboeken"
-              icon="images/kinderboeken.png"
-              href="category.html"
-            ></category-card>
-            <category-card
-              title="Meditatie"
-              icon="images/meditatie.png"
-              href="category.html"
-            ></category-card>
-            <category-card
-              title="Mindfulness"
-              icon="images/mindfulness.png"
-              href="category.html"
-            ></category-card>
-            <category-card
-              title="Pali-canon"
-              icon="images/palicanon.png"
-              href="category.html"
-            ></category-card>
-            <category-card
-              title="Theravada"
-              icon="images/theravada.png"
-              href="category.html"
-            ></category-card>
-            <category-card
-              title="Tibetaans boeddhisme"
-              icon="images/tibetaans-boeddhisme.png"
-              href="category.html"
-            ></category-card>
-            <category-card
-              title="Vipassana"
-              icon="images/vipassana.png"
-              href="category.html"
-            ></category-card>
-          </div>
-          <cta-button href="#">Toon alle onderwerpen</cta-button>
+          <book-details
+            title="Zen is opendoen"
+            author="Ayya Khema"
+            author-href="#"
+            price="€ 24,95"
+            isbn="9789056703691"
+            format="Paperback"
+            delivery="Direct leverbaar"
+            categories="Zen|#,Integrale spiritualiteit|#"
+            ebook-available
+          ></book-details>
         </section>
 
         <div class="content-padding">