banner

css/components/landing_page.css

@@ -1,4 +1,16 @@
-figure.logo--ilivesbooks {
+.logo--olivesbooks {
+  --h1-size: 4em;
+  --h2-size: 2.2em;
+
+  background: none;
+  margin: 0 auto;
+  height: 280px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  text-align: center;
+}
+figure.logo--olivesbooks {
   background: none;
   width: 24em;
   margin: 0 auto;

templates/includes/lp-banner.html.twig

@@ -3,6 +3,18 @@
     style="background:url(/themes/custom/olivesbooks/images/bookshelf.webp) 50% no-repeat;background-size: cover;">
     <div class="logo-wrapper">
       <figure class="logo--olivesbooks">
+
+
+        {% if site_name %}
+        <h1 class="site-branding__name">
+          <a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">{{ site_name }}</a>
+        </h1>
+        <h2 class="site-branding__slogan">
+          <a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">{{ site_slogan }}</a>
+        </h2>
+        {% endif %}
+
+
         <h1>Test</h1>
         <h2>123</h2>
       </figure>