Merge pull request #6671 from Rajesh-Nagarajan-11/replace-learnservicemeshcta-with-kanvascta

Replace LearnServiceMeshCTA with KanvasCTA #6556

Author: vr-varad

src/pages/learn/service-mesh-books.js

@@ -2,13 +2,13 @@ import React from "react";
 
 import SEO from "../../components/seo";
 import BooksPage from "../../sections/Learn/Books-grid";
-import LearnServiceMeshCTA from "../../sections/Learn/Learn-Service-Mesh-CTA";
+import KanvasCTA from "../../sections/Kanvas/kanvas-cta";
 
 const BooksGridPage = ({ hide_path }) => {
   return (
     <>
       <BooksPage hide_path={hide_path} />
-      <LearnServiceMeshCTA />
+      <KanvasCTA />
 
     </>
   );

src/pages/subscribe.js

@@ -3,10 +3,13 @@ import SEO from "../components/seo";
 
 
 import ContactSubscribeSection from "../components/ContactCard";
+import KanvasCTA from "../sections/Kanvas/kanvas-cta";
+
 const SubscribeSection = () => {
   return (
     <>
       <ContactSubscribeSection />
+      <KanvasCTA />
 
     </>
   );

src/pages/unsubscribe.js

@@ -3,10 +3,13 @@ import SEO from "../components/seo";
 
 
 import ContactUnSubscribeSection from "../components/ContactCard-unsubscribe";
+import KanvasCTA from "../sections/Kanvas/kanvas-cta";
+
 const UnSubscribeSection = () => {
   return (
     <>
       <ContactUnSubscribeSection />
+      <KanvasCTA />
 
     </>
   );

src/sections/thank-you/thank-you.js

@@ -1,5 +1,5 @@
 import React from "react";
-import LearnServiceMeshCTA from "../Learn/Learn-Service-Mesh-CTA";
+import KanvasCTA from "../Kanvas/kanvas-cta";
 import ThankYouWrapper from "./thank-you.style";
 
 const ThankYouSection = () => {
@@ -8,7 +8,7 @@ const ThankYouSection = () => {
       <div className="parentcard">
         <h1>Thank you for subscribing!</h1>
       </div>
-      <LearnServiceMeshCTA />
+      <KanvasCTA />
     </ThankYouWrapper>
   );
 };

src/sections/thank-you/thank-you.style.js

@@ -11,7 +11,7 @@ const SubscribeWrapper = styled.div`
         width: 100%;
         text-align: center;
     }
-    h2 span{
+    .parentcard h2 span{
         color:${props => props.theme.secondaryColor};
     }
     

src/sections/unsubscribe/unsubscribe.js

@@ -1,5 +1,5 @@
 import React from "react";
-import LearnServiceMeshCTA from "../Learn/Learn-Service-Mesh-CTA";
+import KanvasCTA from "../Kanvas/kanvas-cta";
 import UnsuscribeWrapper from "./unsubscribe.style";
 import { Link } from "gatsby";
 
@@ -11,7 +11,7 @@ const UnsuscribeSection = () => {
         <h4>Say it ain't so.</h4>
         <h5>While you ponder whether to <Link className="highlight" to="/subscribe">unsubscribe</Link>, have an <Link to="/learn/service-mesh-labs">interactive lab</Link> on us.</h5>
       </div>
-      <LearnServiceMeshCTA />
+      <KanvasCTA />
     </UnsuscribeWrapper>
   );
 };

src/sections/unsubscribed/unsubscribed.js

@@ -1,5 +1,5 @@
 import React from "react";
-import LearnServiceMeshCTA from "../Learn/Learn-Service-Mesh-CTA";
+import KanvasCTA from "../Kanvas/kanvas-cta";
 import UnsuscribedWrapper from "./unsubscribed.style";
 import { Link } from "gatsby";
 
@@ -11,7 +11,7 @@ const UnsuscribedSection = () => {
         <h4>Say it ain't so.</h4>
         <h5>While you ponder whether to <Link className="highlight" to="/subscribe">resubscribe</Link>, have an <Link to="/learn/service-mesh-labs">interactive lab</Link> on us.</h5>
       </div>
-      <LearnServiceMeshCTA />
+      <KanvasCTA />
     </UnsuscribedWrapper>
   );
 };

src/sections/unsubscribed/unsubscribed.style.js

@@ -11,7 +11,7 @@ const UnsubscribedWrapper = styled.div`
         width: 100%;
         text-align: center;
     }
-    h2,h3,h4,h5{
+    .parentcard h2,h3,h4,h5{
         text-align: center;
         font-weight: normal;
         margin-top: 1.5rem;