Merge pull request #59 from contentstack/fix/ECO-3053-banner

fix:hero banner issue fix [ECO-3053]

Author: Amitkanswal

src/components/HeroBanner.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="hero-banner" :style="{ background: `${data.bg_color}` }">
-    <div :class="[title === 'about-content' ? title : 'home-content']">
+    <div :class="[title === 'about-content' ? title : 'home-content']" :style="{color:`${data.text_color}`}">
       <h1 class="hero-title">
         {{ data.banner_title }}
       </h1>
@@ -9,12 +9,12 @@
           'hero-description',
           title === 'about-content' ? 'about-desc' : ''
         ]"
+        :style="{color:`${data.text_color}`}"
       >
         {{ data.banner_description }}
       </p>
-      <template v-if="title === 'home-content'">
+      <template v-if="data.call_to_action.title && data.call_to_action.href">
         <router-link
-          v-if="data.call_to_action.title && data.call_to_action.href"
           aria-current="page"
           class="btn tertiary-btn"
           to="/"

src/components/RenderComponents.vue

@@ -12,7 +12,6 @@
       <HeroBanner
         v-if="component.hero_banner && page !== 'Blog'"
         :key="index"
-        title="home-content"
         :data="component.hero_banner"
       />
       <BlogBanner