fix: book card

index.html

@@ -82,20 +82,23 @@
       </site-header>
 
       <site-content>
-        <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 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">
-          <h2 class="section-title">Featured Books</h2>
+        <section class="section section-dark">
+          <section-title text="Featured Books"></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"
@@ -103,6 +106,7 @@
             ></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"
@@ -110,6 +114,7 @@
             ></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"
@@ -117,6 +122,7 @@
             ></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"
@@ -126,7 +132,7 @@
         </section>
 
         <section class="section">
-          <h2 class="section-title">New Releases</h2>
+          <section-title text="New Releases"></section-title>
           <div class="book-grid">
             <book-card
               title="Tomorrow, and Tomorrow"
@@ -160,7 +166,7 @@
         </section>
 
         <section class="section">
-          <h2 class="section-title">Best Sellers</h2>
+          <section-title text="Best Sellers"></section-title>
           <div class="book-grid">
             <book-card
               title="Where the Crawdads Sing"