development_new changes

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

@@ -1,31 +1,32 @@
 <template>
   <section class="py-12 px-4 text-center">
-    <div class="w-full mx-auto">
+    <div class="w-full mx-auto lg:max-w-6xl">
       <span class="text-sm font-semibold">{{ header.title }}</span>
-      <h2 class="text-4xl mt-2 mb-6 leading-tight font-heading">
+      <h2 class="lg:text-5xl mt-2 uppercase mb-6 leading-tight font-heading">
         {{ header.subtitle }}
       </h2>
       <div
         v-if="header.content"
         v-html="header.content"
-        class="post-content mb-8 text-gray-700 leading-relaxed"
+        class="post-content mb-8 text-xl leading-relaxed"
       ></div>
       <div>
         <g-link
           class="
             inline-block
             bg-green-500
-            text-sm text-white
+            text-lg
+            text-white
             learn-button
-            hover:bg-green-600
-            px-8
-            py-2
-            mr-2
-            my-0
-            rounded
+            hover:bg-green-400
+            bo
+            px-12
+            py-1
+            mr-5
+            mb-4
+            border-2
             shadow
-            rounded-full
-            active--exact active
+            border-black
           "
           v-if="header.btn1"
           :to="header.link1"