diff --git a/apps/client/src/externals.ts b/apps/client/src/externals.ts
index 963ae663c..6b986bc54 100644
--- a/apps/client/src/externals.ts
+++ b/apps/client/src/externals.ts
@@ -12,6 +12,9 @@ export const discordUrl = 'https://discord.com/invite/eje3CSUEXm';
export const documentationUrl = 'https://docs.getontime.no';
export const customFieldsDocsUrl = 'https://docs.getontime.no/features/custom-fields/';
+export const githubSponsorUrl = 'https://github.com/sponsors/cpvalente';
+export const buyMeACoffeeUrl = 'https://buymeacoffee.com/cpvalente';
+
// resolve environment
export const appVersion = version;
export const isProduction = import.meta.env.MODE === 'production';
diff --git a/apps/client/src/features/app-settings/panel/about-panel/AboutPanel.tsx b/apps/client/src/features/app-settings/panel/about-panel/AboutPanel.tsx
index 2aef880e2..3462c234c 100644
--- a/apps/client/src/features/app-settings/panel/about-panel/AboutPanel.tsx
+++ b/apps/client/src/features/app-settings/panel/about-panel/AboutPanel.tsx
@@ -1,5 +1,12 @@
import ExternalLink from '../../../../common/components/external-link/ExternalLink';
-import { discordUrl, documentationUrl, githubUrl, websiteUrl } from '../../../../externals';
+import {
+ buyMeACoffeeUrl,
+ discordUrl,
+ documentationUrl,
+ githubSponsorUrl,
+ githubUrl,
+ websiteUrl,
+} from '../../../../externals';
import * as Panel from '../../panel-utils/PanelUtils';
import AppVersion from './AppVersion';
@@ -9,22 +16,29 @@ export default function AboutPanel() {
<>
About Ontime
- Ontime
-
- Free, open-source software for managing rundowns and event timers
- www.getontime.no
-
-
-
+
+ Ontime
+
+ Free, open-source software for managing rundowns and event timers
+ www.getontime.no
+
+
+ Considering sponsoring our work
+ GitHub Sponsors
+ Buy Me a Coffee
+
+
+ And trying out our cloud service
+ www.getontime.no
+
+
+ Current version
+
Links
Read the docs
Follow the project on GitHub
Discord server
-
- Current version
-
-
>
);
}