added about and contact page

source/src/data/NavbarData.tsx

@@ -1,5 +1,10 @@
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
-import { faHome, faUserTie } from "@fortawesome/free-solid-svg-icons"
+import {
+	faComments,
+	faHome,
+	faIdCard,
+	faUserTie,
+} from "@fortawesome/free-solid-svg-icons"
 
 // item from sidebar data
 export type Item = {
@@ -17,6 +22,16 @@ const NavbarData: Array<Item> = [
 		path: "/",
 		icon: <FontAwesomeIcon icon={faHome} />,
 	},
+	{
+		title: "About",
+		path: "/about",
+		icon: <FontAwesomeIcon icon={faIdCard} />,
+	},
+	{
+		title: "Contact",
+		path: "/contact",
+		icon: <FontAwesomeIcon icon={faComments} />,
+	},
 	{
 		title: "Portfolio",
 		path: "/portfolio",