From fb570b2819c9560c29ca51b0b6a997aef7f53d56 Mon Sep 17 00:00:00 2001
From: Alicia Sykes <alicia@omg.lol>
Date: Sun, 7 Jan 2024 19:48:29 +0000
Subject: [PATCH] Carbon

---
 src/components/CarbonAd.js       | 17 +++++++++++++++++
 src/components/HomePageHeader.js |  3 +++
 2 files changed, 20 insertions(+)
 create mode 100644 src/components/CarbonAd.js

diff --git a/src/components/CarbonAd.js b/src/components/CarbonAd.js
new file mode 100644
index 00000000..0346bdf5
--- /dev/null
+++ b/src/components/CarbonAd.js
@@ -0,0 +1,17 @@
+import React, { useEffect } from 'react';
+
+const CarbonAds = () => {
+  useEffect(() => {
+    const script = document.createElement('script');
+    script.src = '//cdn.carbonads.com/carbon.js?serve=CWYIC53L&placement=dashyto';
+    script.id = '_carbonads_js';
+    script.async = true;
+    document.body.appendChild(script);
+  }, []);
+
+  return (
+    <div id="carbonads"></div>
+  );
+};
+
+export default CarbonAds;
diff --git a/src/components/HomePageHeader.js b/src/components/HomePageHeader.js
index cd0209a7..5aa882c5 100644
--- a/src/components/HomePageHeader.js
+++ b/src/components/HomePageHeader.js
@@ -3,6 +3,8 @@ import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import styles from '../styles/Header.module.scss';
 
 import Button from '../components/Button';
+import CarbonAd from '../components/CarbonAd';
+
 // Icons
 import IconBannerDemo from '../../static/icons/banner_demo.svg';
 import IconBannerGetStarted from '../../static/icons/banner_get-started.svg';
@@ -42,6 +44,7 @@ export default function HomepageHeader() {
         <span className={styles.keepReading} onClick={() => setShowMore(!showMore)}>
           {!showMore ? 'Keep Reading...' : 'Show Less'}
         </span>
+        <CarbonAd />
       </div>
       {(!showMore) &&
         <a onClick={scrollToFeatures} className={styles.scrollDown} id="go-down">