diff --git a/src/components/Ui/Content/AddEventCalendar.astro b/src/components/Ui/Content/AddEventCalendar.astro
deleted file mode 100644
index 89b49d9e5..000000000
--- a/src/components/Ui/Content/AddEventCalendar.astro
+++ /dev/null
@@ -1,41 +0,0 @@
----
-export interface Props {
-  id: string;
-}
-
-const { id } = Astro.props;
----
-
-<div
-  class="ae-emd-cal mb-8"
-  data-calendar={id}
-  data-calendars={id}
-  data-calendars-selected={id}
-  data-configure="true"
-  data-title=""
-  data-title-show="true"
-  data-today="true"
-  data-datenav="true"
-  data-date="true"
-  data-monthweektoggle="true"
-  data-subscribebtn="true"
-  data-swimonth="true"
-  data-swiweek="true"
-  data-swischedule="true"
-  data-print="false"
-  data-timezone="true"
-  data-logo="false"
-  data-defaultview="schedule"
-  data-firstday="0"
-  data-datetimeformat="2">
-</div>
-<script type="text/javascript" is:inline>
-  (function () {
-    var e = document.createElement('script');
-    e.type = 'text/javascript';
-    e.async = true;
-    e.src = 'https://cdn.addevent.com/libs/cal/js/cal.embed.t1.init.js';
-    e.className = 'ae-emd-script';
-    document.getElementsByTagName('body')[0].appendChild(e);
-  })();
-</script>
diff --git a/src/components/Ui/Content/GoogleCalendarEmbed.astro b/src/components/Ui/Content/GoogleCalendarEmbed.astro
new file mode 100644
index 000000000..73dbfe2e1
--- /dev/null
+++ b/src/components/Ui/Content/GoogleCalendarEmbed.astro
@@ -0,0 +1,20 @@
+---
+export interface Props {
+  calendarId: string;
+  timeZone?: string;
+  title?: string;
+}
+
+const { calendarId, timeZone = 'UTC', title = 'Google Calendar' } = Astro.props;
+const color = 'ffff00';
+const src = `https://calendar.google.com/calendar/embed?color=%23${color}&src=${encodeURIComponent(calendarId)}&ctz=${encodeURIComponent(timeZone)}`;
+---
+
+<div style={{ position: 'relative', paddingBottom: '75%', height: 0, overflow: 'hidden', marginBottom: '2rem' }}>
+  <iframe
+    src={src}
+    style={{ border: 0, position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}
+    title={title}
+    allowfullscreen
+  ></iframe>
+</div>
diff --git a/src/components/Ui/index.ts b/src/components/Ui/index.ts
index 0956ef200..0666fef35 100644
--- a/src/components/Ui/index.ts
+++ b/src/components/Ui/index.ts
@@ -27,4 +27,4 @@ export const QuestionAnswer = {
   Question: QuestionAnswerQuestion,
   Answer: QuestionAnswerAnswer,
 };
-export { default as AddEventCalendar } from './Content/AddEventCalendar.astro';
+export { default as GoogleCalendarEmbed } from './Content/GoogleCalendarEmbed.astro';
diff --git a/src/pages/community/events.mdx b/src/pages/community/events.mdx
index 9a557aed5..e75c62f8b 100644
--- a/src/pages/community/events.mdx
+++ b/src/pages/community/events.mdx
@@ -7,9 +7,9 @@ import {
   PageIntro,
   SolidHeading,
   ReducedWidth,
-  AddEventCalendar,
   SocialLink,
   ButtonLink,
+  GoogleCalendarEmbed,
 } from '~/components/Ui';
 import Events from '~/components/Pages/Events/Events.astro';
 
@@ -20,7 +20,8 @@ Want to keep up to date with all the cool stuff the Unitary Foundation community
 
 </PageIntro>
 
-<AddEventCalendar id="kn360162" />
+<GoogleCalendarEmbed calendarId="c_mgqdq6hj2isi4d6h467kfqvg60@group.calendar.google.com" timeZone="UTC" title="Unitary Foundation Community Calendar" />
+
 
 <ReducedWidth>
   Interested in hosting a community call for your project on our