update newsupport

src/components/custom/sections/CallToAction.vue

@@ -575,6 +575,178 @@
       >
     </div>
 
+<!-- newsupport -->
+    <div
+      class="w-full mx-auto lg:mt-20 py-10 lg:p-20 bg-gray-100"
+      v-else-if="id == 'newsupport' && textOnly"
+    >
+      <h2
+        v-if="cta.title"
+        class="
+          lg:text-6xl
+          text-center
+          uppercase
+          mb-2
+          leading-none
+          font-normal font-heading
+        "
+      >
+        {{ cta.title }}
+        <br />
+        <span class="font-bold">{{ cta.subtitle }}</span>
+      </h2>
+      <div
+        v-html="cta.content"
+        class="mt-6 mb-8 text-xl lg:max-w-4xl mx-auto px-4"
+      ></div>
+      <div>
+        <a
+          class="
+            inline-block
+            bg-gray-200
+            text-lg
+            hover:bg-gray-400
+            px-12
+            py-1
+            mx-3
+            my-4
+          "
+          
+          :href="cta.faqlink"
+          >{{ cta.faqbutton }}</a
+        >
+        <a
+          class="
+            inline-block
+            bg-gray-200
+            text-lg
+            hover:bg-gray-400
+            px-12
+            py-1
+            mx-3
+            my-4
+          "
+          target="_blank"
+          :href="cta.faqlink2"
+          >{{ cta.faqbutton2 }}</a
+        >
+        <a
+          class="
+            inline-block
+            bg-gray-200
+            text-lg
+            hover:bg-gray-400
+            px-12
+            py-1
+            mx-3
+            my-4
+          "
+          target="_blank"
+          :href="cta.faqlink3"
+          >{{ cta.faqbutton3 }}</a
+        >
+      </div>
+
+      <!-- <a
+        class="
+          inline-block
+          bg-white
+          text-lg
+          learn-button
+          hover:bg-gray-400
+          px-12
+          py-1
+          my-4
+          border-2
+          shadow
+          border-black
+        "
+        target="_blank"
+        v-if="cta.button && cta.link.includes('http')"
+        :href="cta.link"
+        >{{ cta.button }}</a
+      >
+
+      <a
+        class="
+          inline-block
+          bg-white
+          text-lg
+          learn-button
+          hover:bg-gray-400
+          px-12
+          py-1
+          my-4
+          border-2
+          shadow
+          border-black
+        "
+        v-else
+        :href="cta.link"
+        >{{ cta.button }}</a
+      > -->
+
+      <div>
+
+        <g-image :src="cta.image" class="lg:my-16 mx-auto" />
+
+        <h2
+        v-if="cta.smalltitle"
+        class="
+          lg:text-5xl
+          text-center
+          uppercase
+          mb-8
+          leading-none
+          font-normal font-heading
+        "
+      >
+        {{ cta.smalltitle }}
+        <br />
+        <span class="font-bold">{{ cta.smalltitle2 }}</span>
+      </h2>
+
+       <a
+        class="
+          inline-block
+          bg-white
+          text-lg
+          learn-button
+          hover:bg-gray-400
+          px-12
+          py-1
+          my-4
+          border-2
+          shadow
+          border-black
+        "
+        target="_blank"
+        v-if="cta.button2 && cta.link2.includes('http')"
+        :href="cta.link2"
+        >{{ cta.button2 }}</a
+      >
+
+      <a
+        class="
+          inline-block
+          bg-white
+          text-lg
+          learn-button
+          hover:bg-gray-400
+          px-12
+          py-1
+          my-4
+          border-2
+          shadow
+          border-black
+        "
+        v-else
+        :href="cta.link2"
+        >{{ cta.button2 }}</a
+      >
+      </div>
+    </div>
+
     <!-- home -->
 
     <div