diff --git a/fern/components/BuiltWithFern.tsx b/fern/components/BuiltWithFern.tsx
new file mode 100644
index 000000000..8fa1da300
--- /dev/null
+++ b/fern/components/BuiltWithFern.tsx
@@ -0,0 +1,33 @@
+const BuiltByFern = () => (
+
+ Built with
+
+
+);
+
+export default BuiltByFern;
diff --git a/fern/components/Footer.tsx b/fern/components/Footer.tsx
index 75974cada..bf7da1c57 100644
--- a/fern/components/Footer.tsx
+++ b/fern/components/Footer.tsx
@@ -1,237 +1,13 @@
-/**
- * ICONS
- */
-
-const AlchemyLogo = () => (
-
-);
-
-const SupportHubIcon = () => (
-
-);
-
-const StatusIcon = () => (
-
-);
-
-const EmailIcon = () => (
-
-);
-
-const RobotIcon = () => (
-
-);
-
-const AlchemyUniversityIcon = () => (
-
-);
-
-const NewsletterIcon = () => (
-
-);
-
-const XIcon = () => (
-
-);
-
-const DiscordIcon = () => (
-
-);
-
-export const BuiltByFern = () => (
-
- Built with
-
-
-);
+import BuiltByFern from "./BuiltWithFern";
+import AlchemyLogo from "./icons/AlchemyLogo";
+import AlchemyUniversityIcon from "./icons/AlchemyUniversityIcon";
+import DiscordIcon from "./icons/DiscordIcon";
+import EmailIcon from "./icons/EmailIcon";
+import NewsletterIcon from "./icons/NewsletterIcon";
+import RobotIcon from "./icons/RobotIcon";
+import StatusIcon from "./icons/StatusIcon";
+import SupportHubIcon from "./icons/SupportHubIcon";
+import XIcon from "./icons/XIcon";
/**
* CONFIG
diff --git a/fern/components/icons/AlchemyLogo.tsx b/fern/components/icons/AlchemyLogo.tsx
new file mode 100644
index 000000000..dfcbca0f9
--- /dev/null
+++ b/fern/components/icons/AlchemyLogo.tsx
@@ -0,0 +1,55 @@
+const AlchemyLogo = () => (
+
+);
+
+export default AlchemyLogo;
diff --git a/fern/components/icons/AlchemyUniversityIcon.tsx b/fern/components/icons/AlchemyUniversityIcon.tsx
new file mode 100644
index 000000000..40fd98139
--- /dev/null
+++ b/fern/components/icons/AlchemyUniversityIcon.tsx
@@ -0,0 +1,35 @@
+const AlchemyUniversityIcon = () => (
+
+);
+
+export default AlchemyUniversityIcon;
diff --git a/fern/components/icons/DiscordIcon.tsx b/fern/components/icons/DiscordIcon.tsx
new file mode 100644
index 000000000..b80fc8fea
--- /dev/null
+++ b/fern/components/icons/DiscordIcon.tsx
@@ -0,0 +1,19 @@
+const DiscordIcon = () => (
+
+);
+
+export default DiscordIcon;
diff --git a/fern/components/icons/EmailIcon.tsx b/fern/components/icons/EmailIcon.tsx
new file mode 100644
index 000000000..b389d9a49
--- /dev/null
+++ b/fern/components/icons/EmailIcon.tsx
@@ -0,0 +1,19 @@
+const EmailIcon = () => (
+
+);
+
+export default EmailIcon;
diff --git a/fern/components/icons/NewsletterIcon.tsx b/fern/components/icons/NewsletterIcon.tsx
new file mode 100644
index 000000000..afe714610
--- /dev/null
+++ b/fern/components/icons/NewsletterIcon.tsx
@@ -0,0 +1,20 @@
+const NewsletterIcon = () => (
+
+);
+
+export default NewsletterIcon;
diff --git a/fern/components/icons/RobotIcon.tsx b/fern/components/icons/RobotIcon.tsx
new file mode 100644
index 000000000..67c3590c6
--- /dev/null
+++ b/fern/components/icons/RobotIcon.tsx
@@ -0,0 +1,20 @@
+const RobotIcon = () => (
+
+);
+
+export default RobotIcon;
diff --git a/fern/components/icons/StatusIcon.tsx b/fern/components/icons/StatusIcon.tsx
new file mode 100644
index 000000000..750cc1ff1
--- /dev/null
+++ b/fern/components/icons/StatusIcon.tsx
@@ -0,0 +1,19 @@
+const StatusIcon = () => (
+
+);
+
+export default StatusIcon;
diff --git a/fern/components/icons/SupportHubIcon.tsx b/fern/components/icons/SupportHubIcon.tsx
new file mode 100644
index 000000000..ec207122a
--- /dev/null
+++ b/fern/components/icons/SupportHubIcon.tsx
@@ -0,0 +1,21 @@
+const SupportHubIcon = () => (
+
+);
+
+export default SupportHubIcon;
diff --git a/fern/components/icons/XIcon.tsx b/fern/components/icons/XIcon.tsx
new file mode 100644
index 000000000..fd0764ab7
--- /dev/null
+++ b/fern/components/icons/XIcon.tsx
@@ -0,0 +1,19 @@
+const XIcon = () => (
+
+);
+
+export default XIcon;