Add custom header image and stub contact form partial.

app/setup.php

@@ -72,6 +72,26 @@ add_action('after_setup_theme', function () {
         'network-footer-menu' => __('Network Footer Menu', 'aldine')
     ]);
 
+    /**
+     * Custom Header
+     */
+    add_theme_support('custom-header', [
+        'default-image' => asset_path('images/header.jpg'),
+        'width' => 1650,
+        'height' => 880,
+        // 'default-text-color' => '',
+        // 'header-text' => true,
+        // 'uploads' => true,
+        // 'wp-head-callback' => '',
+        // 'admin-head-callback' => '',
+        // 'admin-preview-callback' => '',
+    ]);
+
+    /**
+     * Custom Logo
+     */
+    add_theme_support('custom-logo');
+
     /**
      * Enable post thumbnails
      * @link https://developer.wordpress.org/themes/functionality/featured-images-post-thumbnails/

resources/assets/styles/layouts/_header.scss

@@ -1,6 +1,4 @@
 .banner {
-  background-image: url('../images/banner-mobile.jpg');
-
   .container {
     height: 560px;
     max-width: 1440px;
@@ -56,7 +54,7 @@
     width: 109px;
     height: 17px;
     margin: 30px 0 0 17px;
-    background-image: url('../images/logo.png');
+    background-image: url('../images/logo.png'); // TODO
     background-size: 109px 17px;
   }
 
@@ -105,14 +103,12 @@
   }
 }
 
-.page .banner .branding {
+.page:not(.home) .banner .branding {
   display: none;
 }
 
 @media #{$breakpoint-large} {
   .banner {
-    background-image: url('../images/banner-desktop.jpg');
-
     .container {
       height: 880px;
       margin: 0 auto;
@@ -122,7 +118,7 @@
       width: 265px;
       height: 40px;
       margin-top: 40px;
-      background-image: url('../images/logo@2x.png');
+      background-image: url('../images/logo@2x.png'); // TODO
       background-size: 265px 40px;
     }
 

resources/views/front-page.blade.php

@@ -21,5 +21,8 @@
   @if(get_option('pb_front_page_catalog'))
     @include('partials.front-page-catalog')
   @endif
+  @if(get_option('pb_front_page_contact_form'))
+    @include('partials.front-page-contact-form')
+  @endif
   </section>
 @endsection

resources/views/partials/header.blade.php

@@ -1,4 +1,4 @@
-<section class="banner bg-bottom cover">
+<section class="banner bg-bottom cover" style="background-image: url(@php(header_image()));">
   <div class="container flex flex-column justify-between items-center w-100 mw-100">
     <a class="toggle-menu db dn-l absolute" href="#primary-navigation">{{ __('Toggle menu', 'aldine') }}<span class="icon db absolute"></span></a>
     <a class="brand db self-start self-center-l" href="{{ home_url('/') }}"><span class="clip>"{{ get_bloginfo('name', 'display') }}</a></a>