Merge pull request #42 from CBID2/adding-a-footer

feat: creating a footer
YurisCodingClub · Oct 25, 2023 · 9eaa45a · 9eaa45a
2 parents 2ac9a5e + 5c82834
commit 9eaa45a
Show file tree

Hide file tree

Showing 4 changed files with 42 additions and 0 deletions.
diff --git a/pages/components/Footer.js b/pages/components/Footer.js
@@ -0,0 +1,18 @@
+import React from "react";
+import Image from "next/image";
+import logo from "../../stories/assets/logo.png";
+
+const Footer = () => {
+  return (
+    <footer
+      style={{
+        width: "100%",
+      }}
+    >
+      <Image src={logo} alt="" width={100} height="auto" />
+      <p>AccessibilityMentor 2023. All rights reserved.</p>
+    </footer>
+  );
+};
+
+export default Footer;
diff --git a/pages/index.js b/pages/index.js
@@ -2,6 +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 (
@@ -16,6 +17,7 @@ export default function Home() {
         <Content />
         <Hero />
       </main>
+      <Footer />
     </div>
   );
 }
diff --git a/stories/assets/logo.png b/stories/assets/logo.png