Merge pull request #44 from hlxsites/feature/contactus

contact us initial code

blocks/contactus/contactus.css

@@ -0,0 +1 @@
+/* Only comments */

blocks/contactus/contactus.js

@@ -0,0 +1,27 @@
+export default function decorate() {
+  const contactUsClass = document.getElementsByClassName('contactus block');
+  contactUsClass[0].setAttribute('id', 'section-support');
+  contactUsClass[0].children[0].setAttribute('class', 'outer');
+  contactUsClass[0].children[0].children[0].setAttribute('class', 'text');
+  const contactUsDiv = contactUsClass[0].children[0].children[0];
+  const pTags = contactUsDiv.getElementsByTagName('p');
+  let innerElements = '';
+  let phone = '';
+  for (let i = 0; i < pTags.length; i += 1) {
+    if (i === 0) {
+      const ContactUsTitle = pTags[i].outerHTML.replace(/<p>/g, '<h2>');
+      innerElements += ContactUsTitle.replace(/<\/p>/g, '</h2>');
+    } else if (i === 1) {
+      innerElements += pTags[i].outerHTML;
+    } else if (i === 3) {
+      phone = pTags[2].outerHTML.replace(/<p>/g, `<a class='phone' href="tel:' ${pTags[2].innerHTML.trim()} '">`);
+      phone.replace(/<\/p>/g, '</a>');
+      pTags[i].innerHTML = `<div class="buttons">' ${
+        phone + pTags[i].innerHTML
+      } '</div>`;
+      const button = pTags[i].outerHTML.replace(/<p>/g, '');
+      innerElements += button.replace(/<\/p>/g, '');
+    }
+  }
+  contactUsDiv.innerHTML = innerElements;
+}