🔥

src/components/footer.js

@@ -0,0 +1,23 @@
+import React from "react";
+import styled from "styled-components";
+
+const Container = styled.footer`
+  background-color: var(--color-white);
+  border-top: 1px solid var(--color-dark-grey);
+`;
+
+const Content = styled.div`
+  max-width: var(--theme-max-width);
+  margin: 0 auto;
+  padding: var(--spacing-y-lg) var(--spacing-x-sm);
+  text-align: center;
+`;
+
+export default function Footer() {
+  const year = new Date().getFullYear();
+  return (
+    <Container>
+      <Content>&copy; {year} Abc Project Ltd</Content>
+    </Container>
+  );
+}