rm empty spaces

src/components/marketing/sections/cta-sections/Header.vue

@@ -1,18 +1,35 @@
 <template>
   <section class="py-15 mb-10 px-4">
     <div
-      class="flex flex-wrap text-center items-center lg:mt-20 pb-20 lg:text-left -mx-2"
+      class="flex flex-wrap text-center items-center pb-20 lg:text-left -mx-2"
       v-if="id == 'why'"
     >
       <div class="lg:w-1/2 px-2"><g-image :src="img" :alt="altImg" /></div>
       <div class="lg:w-1/2 px-2 lg:pr-20 order-1 lg:order-none">
         <h1
-          class="flex text-center uppercase mb-6 mt-10 leading-none text-5xl font-light font-heading"
+          class="
+            flex
+            text-center
+            uppercase
+            mb-6
+            mt-10
+            leading-none
+            text-5xl
+            font-light font-heading
+          "
         >
           {{ title }}
         </h1>
         <span
-          class="flex text-center uppercase mb-6 leading-none text-6xl font-black font-heading"
+          class="
+            flex
+            text-center
+            uppercase
+            mb-6
+            leading-none
+            text-6xl
+            font-black font-heading
+          "
         >
           {{ slogan }}
         </span>
@@ -25,13 +42,41 @@
           <a
             v-if="link.includes('http')"
             target="_blank"
-            class="nline-block bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
+            class="
+              nline-block
+              bg-blue-900
+              text-sm
+              learn-button
+              hover:bg-blue-800
+              text-gray-100
+              px-12
+              py-2
+              mr-5
+              mb-4
+              rounded
+              shadow
+              rounded-full
+            "
             :href="link"
             >{{ button }}</a
           >
           <a
             v-else
-            class="nline-block bg-blue-900 text-md learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
+            class="
+              nline-block
+              bg-blue-900
+              text-md
+              learn-button
+              hover:bg-blue-800
+              text-gray-100
+              px-12
+              py-2
+              mr-5
+              mb-4
+              rounded
+              shadow
+              rounded-full
+            "
             :href="link"
             >{{ button }}</a
           >
@@ -47,10 +92,28 @@
       <div class="lg:w-1/2 px-2 lg:pr-10 lg:mt-10 order-1 lg:order-none">
         <h1
           v-if="id == 'token'"
-          class="text-center uppercase mb-6 mt-10 leading-none text-4xl font-light font-heading"
+          class="
+            text-center
+            uppercase
+            mb-6
+            mt-10
+            leading-none
+            text-4xl
+            font-light font-heading
+          "
         >
           {{ title }} <br />
-          <span class="text-center uppercase mb-6 leading-none text-4xl font-black font-heading">{{ slogan }}</span>
+          <span
+            class="
+              text-center
+              uppercase
+              mb-6
+              leading-none
+              text-4xl
+              font-black font-heading
+            "
+            >{{ slogan }}</span
+          >
         </h1>
         <div
           class="mb-8 text-center text-gray-600 leading-relaxed"
@@ -60,13 +123,35 @@
           <a
             v-if="link.includes('http')"
             target="_blank"
-            class="bg-blue-900 text-md learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mb-4 shadow rounded-full"
+            class="
+              bg-blue-900
+              text-md
+              learn-button
+              hover:bg-blue-800
+              text-gray-100
+              px-12
+              py-2
+              mb-4
+              shadow
+              rounded-full
+            "
             :href="link"
             >{{ button }}</a
           >
           <a
             v-else
-            class="bg-blue-900 text-md  learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mb-4 shadow rounded-full"
+            class="
+              bg-blue-900
+              text-md
+              learn-button
+              hover:bg-blue-800
+              text-gray-100
+              px-12
+              py-2
+              mb-4
+              shadow
+              rounded-full
+            "
             :href="link"
             >{{ button }}</a
           >
@@ -81,9 +166,7 @@
       v-else
     >
       <div class="lg:w-2/5 px-2 lg:pr-20 lg:mt-10 order-1 lg:order-none">
-        <h2
+        <h2 class="text-6xl mb-6 mt-20 leading-none font-heading">
-          class="text-6xl mb-6 mt-20 leading-none font-heading"
-        >
           <span class="text-blue-600">{{ slogan }}</span> {{ title }}
         </h2>
         <div class="mb-8 text-gray-700 leading-relaxed" v-html="excerpt"></div>
@@ -91,20 +174,50 @@
           <a
             v-if="link.includes('http')"
             target="_blank"
-            class="inline-block bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
+            class="
+              inline-block
+              bg-blue-900
+              text-sm
+              learn-button
+              hover:bg-blue-800
+              text-gray-100
+              px-12
+              py-2
+              mr-5
+              mb-4
+              rounded
+              shadow
+              rounded-full
+            "
             :href="link"
             >{{ button }}</a
           >
           <a
             v-else
-            class="inline-block bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
+            class="
+              inline-block
+              bg-blue-900
+              text-sm
+              learn-button
+              hover:bg-blue-800
+              text-gray-100
+              px-12
+              py-2
+              mr-5
+              mb-4
+              rounded
+              shadow
+              rounded-full
+            "
             :href="link"
             >{{ button }}</a
           >
           <!-- <a class="text-gray-600 hover:underline" href="#">Learn more</a> -->
         </div>
       </div>
-      <div class="lg:w-3/5 px-2 self-center	"><g-image :src="img" :alt="altImg" /></div>
+      <div class="lg:w-3/5 px-2 self-center">
+        <g-image :src="img" :alt="altImg" />
+      </div>
     </div>
   </section>
 </template>