Merge pull request #34 from Princeton21/feature/footer

Created simple Footer component

src/Components/Footer.jsx

@@ -0,0 +1,16 @@
+import React from "react";
+import { Link } from "react-router-dom";
+import { FaGithub } from "react-icons/fa";
+
+const Footer = () => {
+  return (
+    <div className="h-16 flex justify-center items-center bg-custom-pink border-t-2 border-white">
+      <Link to="https://github.com/pooranjoyb/BeatBridge" className="mr-2">
+        <FaGithub size={24} />
+      </Link>
+      <div>&copy; 2023 BeatBridge</div>
+    </div>
+  );
+};
+
+export default Footer;

src/Components/Home.jsx

@@ -4,6 +4,7 @@ import Background from "/Background.png";
 import PageThree from "./PageThree";
 import Features from "./Features";
 import Navbar from "./Navbar";
+import Footer from "./Footer";
 
 export default function Home() {
   const animationControls = {
@@ -79,6 +80,7 @@ export default function Home() {
 
       <Features />
       <PageThree />
+      <Footer/>
     </>
   );
 }

tailwind.config.js

@@ -3,6 +3,9 @@ export default {
   content: ["./src/**/*.{html,js,jsx}"],
   theme: {
     extend: {
+      colors: {
+        "custom-pink": "#ff86c8",
+      },
       fontFamily: {
         josh: ["Jost", "sans"],
       },