+
Dashboard
-
+
Visualize our progress. Get involved.{' '}
Filter Issues
-
+
- +
-
-
- {feature.name} - - {feature.description && ( ++ {t(`features.${feature.id}.name`)} + + {(- {feature.description} + {t(`features.${feature.id}.description`)} )}- {feature.links.map((link) => { - return ( - -- {link.label} - - - ); - })} + {feature.links.map((link) => ( + ++ {t(`features.${feature.id}.links.${link.id}`)} + + + ))}
))}
diff --git a/components/footer/Footer.js b/components/footer/Footer.js
new file mode 100644
index 00000000000..484be82dc32
--- /dev/null
+++ b/components/footer/Footer.js
@@ -0,0 +1,118 @@
+import Link from "next/link"
+import AsyncAPILogoLight from "../AsyncAPILogoLight"
+import Heading from "../typography/Heading"
+import { socialMediaLinks, initiativeLinks } from "./FooterList"
+
+export default function Footer() {
+ return (
+
+ )
+}
\ No newline at end of file
diff --git a/components/footer/FooterList.js b/components/footer/FooterList.js
new file mode 100644
index 00000000000..b2161199a7b
--- /dev/null
+++ b/components/footer/FooterList.js
@@ -0,0 +1,66 @@
+import IconTwitter from "../icons/Twitter";
+import IconGithub from "../icons/Github";
+import IconLinkedIn from "../icons/LinkedIn";
+import IconYoutubeGray from "../icons/YouTubeGray";
+import IconSlack from "../icons/Slack";
+import IconTwitch from "../icons/Twitch";
+
+export const socialMediaLinks = [
+ {
+ url: "https://twitter.com/AsyncAPISpec",
+ label: "Twitter",
+ icon:
-
{features.map((feature) => (
-