feat: creating a footer

pages/components/Footer.js

@@ -0,0 +1,25 @@
+import React from "react";
+import Image from "next/image";
+import logo from "../../stories/assets/logo.png";
+
+const Footer = () => {
+  return (
+    <footer
+      style={{
+        width: "100%",
+        position: "fixed",
+        bottom: "0",
+      }}
+    >
+      <Image
+        src={logo}
+        alt="next to black, yellow, and blue dots is Julia's project, accessibilityfirst, written in lowercase and black and blue colors"
+        width={100}
+        height="auto"
+      />
+      <p>AccessibilityMentor 2023. All rights reserved.</p>
+    </footer>
+  );
+};
+
+export default Footer;

pages/index.js

@@ -2,7 +2,7 @@ import Head from "next/head";
 import Content from "../components/content";
 import Header from "./components/Header";
 import Hero from "../components/hero/Hero";
-
+import Footer from "./components/Footer";
 export default function Home() {
   return (
     <div>
@@ -15,6 +15,7 @@ export default function Home() {
         <Header />
         <Content />
         <Hero />
+        <Footer />
       </main>
     </div>
   );