Adding Contact Page and Contact form 7

resources/assets/sass/components/_contact-form.sass

@@ -0,0 +1,39 @@
+
+.wpcf7-form
+    > p
+        @extend .field
+
+    label
+        @extend .label
+
+    .wpcf7-form-control-wrap
+        @extend .control
+
+    input
+        &:not([type="submit"])
+            @extend .input
+
+        &.wpcf7-submit
+            @extend .button
+            @extend .is-link
+            @extend .is-rounded
+            font-family: $font-text
+            letter-spacing: 1.75px
+            text-align: center
+            padding: 0 25px
+            text-transform: uppercase
+            font-weight: 700
+            font-size: 14px
+
+    textarea
+        @extend .textarea
+
+    span.wpcf7-not-valid-tip
+        color: #f00
+        font-size: 13px
+        margin-top: 10px
+
+    div.wpcf7-validation-errors, div.wpcf7-acceptance-missing
+        border: 2px solid $yellow
+        background: $yellow
+        color: $gray-dark

resources/assets/sass/components/index.sass

@@ -1,6 +1,7 @@
-@import "article"
-@import "comment"
-@import "navbar"
-@import "social-media"
-@import "buttons"
-@import "custom-slick-slider"
+@import article
+@import comment
+@import navbar
+@import social-media
+@import buttons
+@import custom-slick-slider
+@import contact-form

resources/assets/sass/woocommerce/_common.sass

@@ -41,3 +41,16 @@ span.onsale
 
 .woocommerce-product-details__short-description
   margin-bottom: 0.5em
+
+
+.button
+  &:disabled,
+  &.disabled,
+  &:disabled[disabled]
+    color: inherit
+    cursor: not-allowed
+    opacity: 0.5
+    padding: 0 1em!important
+
+    &:hover
+      color: inherit

resources/views/template-contact.twig

@@ -0,0 +1,18 @@
+{% extends "base.twig" %}
+
+{% block content %}
+
+    <section class="section-contact section">
+        <div class="container">
+            <div class="columns">
+                <div class="column">
+                    {{ post.content }}
+                </div>
+                <div class="column">
+                    {{ contact_shortcode }}
+                </div>
+            </div>
+        </div>
+    </section>
+
+{% endblock %}

static/manifest.json

@@ -1,10 +1,12 @@
 {
-  "admin.css": "css/admin.8d4eb6c5c80423d5b099.css",
-  "admin.js": "js/admin.8d4eb6c5c80423d5b099.js",
-  "app.css": "css/app.8d4eb6c5c80423d5b099.css",
-  "app.js": "js/app.8d4eb6c5c80423d5b099.js",
-  "login.css": "css/login.8d4eb6c5c80423d5b099.css",
-  "login.js": "js/login.8d4eb6c5c80423d5b099.js",
-  "vendor.js": "js/vendor.8d4eb6c5c80423d5b099.js",
+  "admin.css": "css/admin.61efea1639febaf14b78.css",
+  "admin.js": "js/admin.61efea1639febaf14b78.js",
+  "app.css": "css/app.61efea1639febaf14b78.css",
+  "app.js": "js/app.61efea1639febaf14b78.js",
+  "login.css": "css/login.61efea1639febaf14b78.css",
+  "login.js": "js/login.61efea1639febaf14b78.js",
+  "vendor.js": "js/vendor.61efea1639febaf14b78.js",
+  "images/icon-cart-white.png": "images/icon-cart-white.png",
+  "images/texture-blue-carnival.jpg": "images/texture-blue-carnival.jpg",
   "images/base-camp-logo.png": "images/base-camp-logo.png"
 }

template-contact.php

@@ -0,0 +1,12 @@
+<?php
+/*
+* Template Name: Contact
+*/
+
+$context         = Timber::get_context();
+$post            = new TimberPost();
+$context['post'] = $post;
+
+$context['contact_shortcode'] = do_shortcode(get_field('contact_form_shortcode'));
+
+Timber::render('template-contact.twig', $context);