update webstack

src/components/custom/sections/header/HeaderSection.vue

@@ -0,0 +1,32 @@
+<template>
+  <section class="py-12 px-4 text-center">
+    <div class="w-full max-w-2xl mx-auto">
+      <span class="text-sm font-semibold">{{ header.title }}</span>
+      <h2 class="text-5xl mt-2 mb-6 leading-tight font-semibold font-heading">
+        {{ header.subtitle }}
+      </h2>
+      <p class="mb-8 text-gray-600 leading-relaxed">
+        {{ header.excerpt }}
+      </p>
+      <div>
+        <g-link
+          class="bg-gray-900 learn-button hover:bg-gray-700 text-gray-100 px-5 py-3 mr-3 font-semibold rounded shadow"
+          v-if="header.btn1"
+          :to="header.link1"
+          >{{ header.btn1 }}</g-link
+        ><g-link
+          class="text-gray-900 bg-transparent hover:underline"
+          v-if="header.btn2"
+          :to="header.link2"
+          >{{ header.btn2 }}</g-link
+        >
+      </div>
+    </div>
+  </section>
+</template>
+
+<script>
+export default {
+  props: ["header"],
+};
+</script>