Create reusable button component

Author: realstoman

src/components/reusable/Button.js

@@ -0,0 +1,5 @@
+function Button({ title }) {
+	return <button>{title}</button>;
+}
+
+export default Button;

src/pages/Home.js

@@ -2,6 +2,7 @@ import { Link } from 'react-router-dom';
 import AppBanner from '../components/shared/AppBanner';
 import ProjectsGrid from '../components/projects/ProjectsGrid';
 import { ProjectsProvider } from '../context/ProjectsContext';
+import Button from '../components/reusable/Button';
 
 const Home = () => {
 	return (
@@ -18,7 +19,7 @@ const Home = () => {
 					className="font-general-medium flex items-center px-6 py-3 rounded-lg shadow-lg hover:shadow-xl bg-indigo-500 hover:bg-indigo-600 focus:ring-1 focus:ring-indigo-900 text-white text-lg sm:text-xl"
 					aria-label="More Projects"
 				>
-					More Projects
+					<Button title="More Projects" />
 				</Link>
 			</div>
 		</div>