Added Footer Component

src/App.css

@@ -4,13 +4,13 @@
 
 .App-header {
   background-color: #282c34;
+  color: white;
   min-height: 20vh;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   font-size: calc(10px + 2vmin);
-  color: white;
 }
 
 .App-link {

src/App.js

@@ -1,5 +1,6 @@
 import DOMPurify from "dompurify";
 import './App.css';
+import Footer from './Footer';
 
 function App() {
 
@@ -35,6 +36,7 @@ function App() {
       <h2>Location</h2>
       <p>We are in the process of securing a space for our community. The space will be in San Francisco</p>
       </div>
+      <Footer />
     </div>
   );
 }

src/Footer.css

@@ -0,0 +1,10 @@
+.footer {
+    width: 100%;
+    margin: 0px;
+    padding: 15px;
+    background-color: #282c34;
+    color: white;
+    p {
+        margin: 0px;
+    }
+}

src/Footer.js

@@ -0,0 +1,37 @@
+// Footer.js
+import './Footer.css';
+import React from 'react';
+
+const copyright="©2023 Sequoia Fabrica. All rights reserved."
+
+const Footer = () => {
+    const getContactItem = () => {
+
+    }
+
+    const getLocationItem = () => {
+
+    }
+
+    const getDonationItem = () => {
+
+    }
+
+    const footerItems = []
+    return (
+        <footer className='footer'>
+        <ul>
+        {footerItems.map((item, index) => (
+            <li key={index}>{item}</li>
+        ))}
+        </ul>
+        <div>
+        <p>{copyright}</p>
+        </div>
+        </footer>
+    );
+};
+
+
+
+export default Footer;