From 0b2db7785b630754b1339ce7ea2cc076507558a8 Mon Sep 17 00:00:00 2001
From: Alex Freska <alex.freska@gmail.com>
Date: Fri, 23 Feb 2024 14:11:39 -0500
Subject: [PATCH] fix: website add email to footer

---
 .changeset/hungry-cheetahs-travel.md      |  5 +++++
 apps/website/components/Layout/Footer.tsx | 24 ++++++++++++++++-------
 2 files changed, 22 insertions(+), 7 deletions(-)
 create mode 100644 .changeset/hungry-cheetahs-travel.md

diff --git a/.changeset/hungry-cheetahs-travel.md b/.changeset/hungry-cheetahs-travel.md
new file mode 100644
index 000000000..192385cc6
--- /dev/null
+++ b/.changeset/hungry-cheetahs-travel.md
@@ -0,0 +1,5 @@
+---
+'website': minor
+---
+
+The website now includes the contact email in the footer.
diff --git a/apps/website/components/Layout/Footer.tsx b/apps/website/components/Layout/Footer.tsx
index d33ee1139..413a4bd09 100644
--- a/apps/website/components/Layout/Footer.tsx
+++ b/apps/website/components/Layout/Footer.tsx
@@ -1,4 +1,10 @@
-import { Link, Logo, SiteMap, ThemeRadio } from '@siafoundation/design-system'
+import {
+  Link,
+  Logo,
+  SiteMap,
+  ThemeRadio,
+  webLinks,
+} from '@siafoundation/design-system'
 import { menuSections } from '../../config/siteMap'
 import { Statsbar } from '../Statsbar'
 import { SectionTransparent } from '../SectionTransparent'
@@ -8,12 +14,7 @@ import { cx } from 'class-variance-authority'
 
 export function Footer() {
   return (
-    <div
-      className={cx(
-        'flex flex-col overflow-hidden'
-        // 'rounded-b-[5px]'
-      )}
-    >
+    <div className="flex flex-col overflow-hidden">
       <SectionTransparent className="pt-10 pb-12 md:pt-14 md:pb-20">
         <SiteMap menuSections={menuSections} />
       </SectionTransparent>
@@ -54,6 +55,15 @@ export function Footer() {
             >
               Privacy Policy
             </Link>
+            <Link
+              href={`mailto:${webLinks.email}`}
+              size="12"
+              color="subtle"
+              underline="hover"
+              noWrap
+            >
+              {webLinks.email}
+            </Link>
             <div className="flex-1" />
             <ThemeRadio className="hidden md:flex" />
           </div>