feature/site-header (#1)

Co-authored-by: Tim Rijkse <trijkse@gmail.com>
Reviewed-on: #1

index.html

@@ -8,10 +8,11 @@
       content="Milinda - Discover and buy your next favorite book"
     />
     <title>Milinda - Home</title>
+    <!-- Fonts are loaded via @font-face in styles.css -->
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
-      href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap"
       rel="stylesheet"
     />
     <link rel="stylesheet" href="css/styles.css" />
@@ -81,6 +82,15 @@
       </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>
+
         <section class="section">
           <h2 class="section-title">Featured Books</h2>
           <div class="book-grid">