diff --git a/components/Footer.tsx b/components/Footer.tsx
new file mode 100644
index 0000000..dfd7198
--- /dev/null
+++ b/components/Footer.tsx
@@ -0,0 +1,25 @@
+import { FC } from 'react';
+import styled from 'styled-components';
+
+const StyledFooter = styled.footer`
+	display: grid;
+	justify-content: flex-end;
+	align-content: center;
+	padding: 1rem 0rem;
+
+	p {
+		display: inline;
+		text-align: right;
+		font-weight: bold;
+	}
+`;
+
+const Footer: FC = () => {
+	return (
+		<StyledFooter>
+			<p>Hazem Krimi &copy; {new Date().getFullYear()}</p>
+		</StyledFooter>
+	);
+};
+
+export default Footer;
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 63bb957..8145e10 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -5,6 +5,7 @@ import DarkMode from '../components/DarkMode';
 import Container from '../components/Container';
 import GlobalStyles from '../components/GlobalStyles';
 import Theme from '../components/Theme';
+import Footer from '../components/Footer';
 
 const App = ({ Component, pageProps }: AppProps) => {
 	return (
@@ -23,6 +24,7 @@ const App = ({ Component, pageProps }: AppProps) => {
 					<Container>
 						<Nav />
 						<Component {...pageProps} />
+						<Footer />
 					</Container>
 				</Theme>
 			</DarkMode>