Add sponsor ad

components/page-footer/custom-ad.jsx

@@ -0,0 +1,41 @@
+export const CustomAd = () => {
+  return (
+    <div id="carbonads">
+      <span>
+        <span className="carbon-wrap">
+          <a
+            href="https://freemote.com/strategy?sl=roadmap"
+            className="carbon-img"
+            target="_blank"
+            rel="noopener sponsored"
+          >
+            <img
+              src="/fm-img.png"
+              alt="FM Logo"
+              border="0"
+              height="100"
+              width="130"
+              style={{ maxWidth: "130px" }}
+            />
+          </a>
+          <a
+            href="https://freemote.com/strategy?sl=roadmap"
+            className="carbon-text"
+            target="_blank"
+            rel="noopener sponsored"
+          >
+            He Went from ZERO TO $74,000 as a Full Time Developer in 7 Weeks
+          </a>
+        </span>
+        <a
+          href="https://github.com/sponsors/kamranahmedse"
+          className="carbon-poweredby"
+          target="_blank"
+          rel="noopener sponsored"
+        >
+          Sponsored by
+        </a>
+      </span>
+    </div>
+  );
+};

components/page-footer/index.js

@@ -1,6 +1,7 @@
 import siteConfig from 'content/site';
 import { FooterWrap } from './style.js';
 import './carbon.scss';
+import { CustomAd } from "./custom-ad";
 
 const PageFooter = () => (
   <FooterWrap className="border-top">
@@ -54,9 +55,10 @@ const PageFooter = () => (
       </div>
     </div>
 
+    <CustomAd />
 
     {/* Do not show on local */}
-    { process.env.GA_SECRET && (
+    { process.env.GA_SECRET && false && (
       <>
         <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CE7DLK3Y&placement=roadmapsh" id="_carbonads_js"></script>
         {/*<div id="codefund"></div>*/}