From d60040dbf7392dfbed3dc55c5a24bf605e3b86c9 Mon Sep 17 00:00:00 2001
From: Thiago Rossener <thiago.rossener@gmail.com>
Date: Wed, 21 Jun 2023 13:47:13 -0300
Subject: [PATCH] docs: Add CTA to community calendar subscription (#24474)

---
 docs/src/pages/community.tsx      | 34 ++++++++++++++++++++++++++++++-
 docs/static/img/calendar-icon.svg |  1 +
 2 files changed, 34 insertions(+), 1 deletion(-)
 create mode 100644 docs/static/img/calendar-icon.svg

diff --git a/docs/src/pages/community.tsx b/docs/src/pages/community.tsx
index bf3a7ab04..0d9b6b9a7 100644
--- a/docs/src/pages/community.tsx
+++ b/docs/src/pages/community.tsx
@@ -159,6 +159,26 @@ const StyledNewsletterIframe = styled('iframe')`
   }
 `;
 
+const StyledLink = styled('a')`
+  display: inline-flex;
+  align-items: center;
+  font-size: 20px;
+  font-weight: bold;
+  line-height: 1.4;
+  margin-top: 12px;
+  ${mq[1]} {
+    font-size: 18px;
+  }
+  img {
+    width: 24px;
+    height: 24px;
+    margin-right: 12px;
+    ${mq[1]} {
+      display: none;
+    }
+  }
+`;
+
 const Community = () => {
   return (
     <Layout
@@ -208,7 +228,19 @@ const Community = () => {
           <SectionHeader
             level="h2"
             title="Superset Community Calendar"
-            subtitle="Join us for live demos, meetups, discussions, and more!"
+            subtitle={
+              <>
+                Join us for live demos, meetups, discussions, and more!
+                <br />
+                <StyledLink
+                  href="https://calendar.google.com/calendar/u/0/r?cid=superset.committers@gmail.com"
+                  target="_blank"
+                >
+                  <img src="/img/calendar-icon.svg" alt="calendar-icon" />
+                  Subscribe to the Superset Community Calendar
+                </StyledLink>
+              </>
+            }
           />
           <StyledCalendarIframe
             src="https://calendar.google.com/calendar/embed?src=superset.committers%40gmail.com&ctz=America%2FLos_Angeles"
diff --git a/docs/static/img/calendar-icon.svg b/docs/static/img/calendar-icon.svg
new file mode 100644
index 000000000..0116e4690
--- /dev/null
+++ b/docs/static/img/calendar-icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1792" height="1792" id="calendar"><path fill="#20a7c9" d="m1303 964-512 512q-10 9-23 9t-23-9l-288-288q-9-10-9-23t9-22l46-46q9-9 22-9t23 9l220 220 444-444q10-9 23-9t22 9l46 46q9 9 9 22t-9 23zM128 1664h1408V640H128v1024zM512 448V160q0-14-9-23t-23-9h-64q-14 0-23 9t-9 23v288q0 14 9 23t23 9h64q14 0 23-9t9-23zm768 0V160q0-14-9-23t-23-9h-64q-14 0-23 9t-9 23v288q0 14 9 23t23 9h64q14 0 23-9t9-23zm384-64v1280q0 52-38 90t-90 38H128q-52 0-90-38t-38-90V384q0-52 38-90t90-38h128v-96q0-66 47-113T416 0h64q66 0 113 47t47 113v96h384v-96q0-66 47-113t113-47h64q66 0 113 47t47 113v96h128q52 0 90 38t38 90z"></path></svg>