diff --git a/commons/home.js b/commons/home.js
new file mode 100644
index 0000000..436fed0
--- /dev/null
+++ b/commons/home.js
@@ -0,0 +1,3 @@
+export default function Home() {
+  return <div className="homepage"></div>;
+}
diff --git a/components/footer.js b/components/footer.js
new file mode 100644
index 0000000..dd82143
--- /dev/null
+++ b/components/footer.js
@@ -0,0 +1,23 @@
+function Footer() {
+  return (
+    <div className="footer">
+      <div className="footer_text">
+        <p className="footer_text-main">
+          Sitedeki bütün içerikler kamu malıdır.
+        </p>
+        <p className="footer_text-secondary">
+          Esinlenilen website{" "}
+          <a
+            href="https://based.cooking"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            based.cooking
+          </a>
+        </p>
+      </div>
+    </div>
+  );
+}
+
+export default Footer;
diff --git a/components/layout.js b/components/layout.js
index ed2a20d..35383b9 100644
--- a/components/layout.js
+++ b/components/layout.js
@@ -1,10 +1,12 @@
 import Navbar from "./navbar";
+import Footer from "./footer";
 
 function Layout({ children }) {
   return (
     <div className="container">
       <Navbar />
       <div className="children">{children}</div>
+      <Footer />
     </div>
   );
 }
diff --git a/pages/index.js b/pages/index.js
index 1d3f9c2..970b3ad 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -1,6 +1,7 @@
 import Head from "next/head";
+import Home from "../commons/home";
 
-export default function Home() {
+export default function App() {
   return (
     <div>
       <Head>
@@ -11,6 +12,7 @@ export default function Home() {
         />
         <link rel="icon" href="/favicon.ico" />
       </Head>
+      <Home />
     </div>
   );
 }
diff --git a/styles/components/footer.scss b/styles/components/footer.scss
new file mode 100644
index 0000000..f437044
--- /dev/null
+++ b/styles/components/footer.scss
@@ -0,0 +1,26 @@
+.footer {
+  display: flex;
+  justify-content: center;
+
+  background-color: var(--color-grey);
+  padding: 1.6rem;
+
+  &_text {
+    display: flex;
+    flex-direction: column;
+
+    text-align: center;
+
+    &-main {
+      font-size: 2rem;
+    }
+
+    &-secondary {
+      font-size: 1.6rem;
+
+      a {
+        color: var(--color-tertiary);
+      }
+    }
+  }
+}
diff --git a/styles/globals.scss b/styles/globals.scss
index 7d48069..68815dc 100644
--- a/styles/globals.scss
+++ b/styles/globals.scss
@@ -9,5 +9,8 @@
 @import "./base/utilities";
 
 @import "./components/navbar";
+@import "./components/footer";
+
+@import "./pages/homepage.scss";
 
 @import url("https://fontlibrary.org//face/nunito-sans");
diff --git a/styles/pages/homepage.scss b/styles/pages/homepage.scss
new file mode 100644
index 0000000..fb3f6a0
--- /dev/null
+++ b/styles/pages/homepage.scss
@@ -0,0 +1,3 @@
+.homepage {
+  height: 90vh;
+}
