From dbd49bdadc617d3dccdf0d7a308824dd8f77fcdd Mon Sep 17 00:00:00 2001
From: "stats.fm Team" <team@stats.fm>
Date: Wed, 26 Jun 2024 16:27:48 +0200
Subject: [PATCH] add creator program

---
 src/components/Footer.tsx     |  4 ++
 src/pages/creator-program.tsx | 52 +++++++++++++++++++++++++
 static/creator-program.md     | 73 +++++++++++++++++++++++++++++++++++
 3 files changed, 129 insertions(+)
 create mode 100644 src/pages/creator-program.tsx
 create mode 100644 static/creator-program.md

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index c1d27099..c7a8ae7e 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -34,6 +34,10 @@ const links: { label: string; links: { label: string; href: string }[] }[] = [
         label: 'Beta program',
         href: '/beta',
       },
+      {
+        label: 'Creator program',
+        href: '/creator-program',
+      },
       {
         label: 'stats.fm Plus',
         href: '/plus',
diff --git a/src/pages/creator-program.tsx b/src/pages/creator-program.tsx
new file mode 100644
index 00000000..a74fe256
--- /dev/null
+++ b/src/pages/creator-program.tsx
@@ -0,0 +1,52 @@
+import { Container } from '@/components/Container';
+import { Title } from '@/components/Title';
+import type { GetStaticProps, NextPage } from 'next';
+import fs from 'node:fs/promises';
+import rehypeAutolinkHeadings from 'rehype-autolink-headings';
+import rehypeRaw from 'rehype-raw';
+import rehypeSanitize from 'rehype-sanitize';
+import rehypeSlug from 'rehype-slug';
+import rehypeStringify from 'rehype-stringify';
+import remarkGfm from 'remark-gfm';
+import remarkParse from 'remark-parse';
+import remarkRehype from 'remark-rehype';
+import { unified } from 'unified';
+
+type Props = {
+  content: string;
+};
+
+export const getStaticProps: GetStaticProps<Props> = async () => {
+  const text = await fs.readFile('static/creator-program.md', 'utf8');
+
+  const content = await unified()
+    .use(remarkParse)
+    .use(remarkGfm)
+    .use(remarkRehype, { allowDangerousHtml: true })
+    .use(rehypeRaw)
+    .use(rehypeSanitize)
+    .use(rehypeSlug)
+    .use(rehypeAutolinkHeadings)
+    .use(rehypeStringify)
+    .process(text);
+
+  return {
+    props: {
+      content: String(content),
+    },
+  };
+};
+
+const CreatorProgramPage: NextPage<Props> = ({ content }) => {
+  return (
+    <Container>
+      <Title>Creator program</Title>
+      <article
+        className="prose max-w-full pt-32 font-medium text-neutral-400 prose-headings:text-white prose-a:text-primary prose-strong:text-white prose-li:my-0.5"
+        dangerouslySetInnerHTML={{ __html: content }}
+      />
+    </Container>
+  );
+};
+
+export default CreatorProgramPage;
diff --git a/static/creator-program.md b/static/creator-program.md
new file mode 100644
index 00000000..7669d049
--- /dev/null
+++ b/static/creator-program.md
@@ -0,0 +1,73 @@
+# Promote stats.fm, make up to $500 per month!
+
+Join the Creator Program and earn real money by promoting stats.fm. Our app lets you view your full streaming stats for Spotify and Apple Music—it's like having Spotify Wrapped all year round.
+
+Our success depends on you! Help us grow with the power of your social media and generate additional revenue from your existing fan base.
+
+## How It Works
+
+### 1. Express Your Interest
+
+Email us at creators@stats.fm to let us know you are interested in collaborating.
+
+### 2. Create and Post Your Content
+
+* Prepare your social media post and upload it on TikTok, Instagram, Twitter, YouTube, or Facebook.
+* Be creative and showcase the strengths of stats.fm, encouraging daily use.
+* Use the #statsfm hashtag and include links to our website, App Store, or Google Play.
+* Your submission must be in English.
+* If you have any questions, reach out to creators@stats.fm for assistance with your content ideas.
+
+### 3. Notify Us
+
+Immediately after publishing your post on eligible social media platforms, email us at creators@stats.fm with the link to your post.
+
+### 4. Monthly Reporting
+
+At the end of the month, email us a list of all your stats.fm social media posts that generated views in the past month. Format your list as follows:
+
+* link 1 (2000 new views in the last month)
+* link 2 (1000 new views in the last month)
+* and so on.
+* Include information on where we should send the payment.
+
+### 5. Receive Your Payment
+
+Wait for a bank transfer from us.
+
+## Eligible Social Media Platforms
+
+Promote stats.fm on the following platforms: TikTok, Instagram and Twitter.
+
+### Video Format
+
+TikTok: $1 per 1000 views
+
+Instagram: $1 per 1000 views
+
+YouTube: $1 per 1000 views
+
+### Text/Image Format
+
+Instagram: $0.1 per 1000 views
+
+Facebook: $0.1 per 1000 views
+
+Twitter: $0.1 per 1000 views
+
+## Payout Details
+
+* You must generate at least $1 (equivalent to 1000 views on TikTok) to receive payment from us.
+* The maximum payment per month is $500 (equivalent to 500, 000 views on TikTok).
+* Payments can be made via PayPal or regular bank transfer.
+* We will calculate your revenue based on the social media rates shown above and send you the money within 10 days.
+
+## Content Ideas
+
+* Encourage users to download the app
+* Promote Plus features
+* Showcase stats.fm's features
+
+## Forbidden Content
+
+We will not monetize content considered harmful or damaging to our brand's reputation.