diff --git a/cspell.json b/cspell.json
index 8f2942f1e..145a67347 100644
--- a/cspell.json
+++ b/cspell.json
@@ -271,6 +271,7 @@
         "Suhail",
         "Supprimer",
         "swcrc",
+        "syntaxfm",
         "Tatsunori",
         "tempy",
         "testname",
@@ -282,6 +283,8 @@
         "Transloadit",
         "trippable",
         "tsep",
+        "tshirt",
+        "tshirts",
         "TSES",
         "TSJS",
         "typecasted",
diff --git a/website/pages/en/index.js b/website/pages/en/index.js
index 9fa99f284..78e0aa0fd 100755
--- a/website/pages/en/index.js
+++ b/website/pages/en/index.js
@@ -355,6 +355,44 @@ UsersSection.propTypes = {
   language: PropTypes.string,
 };
 
+const SyntaxSection = () => (
+  // eslint-disable-next-line react/jsx-no-target-blank
+  <a
+    href="https://sentry.shop/products/syntax-prettier-tee"
+    target="_blank"
+    className="syntaxLink"
+    style={{
+      color: "black",
+      fontSize: 20,
+      fontWeight: "bold",
+    }}
+  >
+    <div
+      style={{
+        backgroundColor: "#f8bc45",
+        justifyContent: "center",
+        display: "flex",
+        paddingTop: 20,
+      }}
+    >
+      <div
+        style={{
+          width: 860,
+          display: "flex",
+          justifyContent: "center",
+          flexDirection: "column",
+        }}
+      >
+        <p>
+          Limited edition tshirts are now available to buy! $10 per tshirt goes
+          to maintain the project.
+        </p>
+        <img width={860} src="/images/syntaxfm/1.png" />
+      </div>
+    </div>
+  </a>
+);
+
 class Index extends React.Component {
   render() {
     const language = this.props.language || "en";
@@ -364,6 +402,7 @@ class Index extends React.Component {
         <script src="landing.js" />
         <HomeSplash language={language} />
         <div className="mainContainer landingContainer">
+          <SyntaxSection />
           <TldrSection language={language} />
           <LanguagesSection />
           <EditorSupportSection />
diff --git a/website/static/images/syntaxfm/1.png b/website/static/images/syntaxfm/1.png
new file mode 100644
index 000000000..2f20bccc6
Binary files /dev/null and b/website/static/images/syntaxfm/1.png differ
diff --git a/website/static/images/syntaxfm/2.png b/website/static/images/syntaxfm/2.png
new file mode 100644
index 000000000..8a534a0bd
Binary files /dev/null and b/website/static/images/syntaxfm/2.png differ
diff --git a/website/static/images/syntaxfm/3.png b/website/static/images/syntaxfm/3.png
new file mode 100644
index 000000000..03fd6d23e
Binary files /dev/null and b/website/static/images/syntaxfm/3.png differ
diff --git a/website/static/images/syntaxfm/4.png b/website/static/images/syntaxfm/4.png
new file mode 100644
index 000000000..878e53fe7
Binary files /dev/null and b/website/static/images/syntaxfm/4.png differ
diff --git a/website/static/overrides.css b/website/static/overrides.css
index d229c851c..0f55e9940 100644
--- a/website/static/overrides.css
+++ b/website/static/overrides.css
@@ -604,3 +604,8 @@ a {
 .tabs .nav-tabs > div {
   padding: 4px 12px;
 }
+
+/* Syntax Section */
+.syntaxLink:hover {
+  text-decoration: underline;
+}