feature(analytics): Add privacy policy

src/components/footer/Footer.tsx

@@ -1,6 +1,8 @@
 import React from 'react'
-import {socialMediaElements} from "../../domain";
+import {RouteGroup, socialMediaElements} from "../../domain";
 import {ContactFormContainer} from "./contact";
+import {Link} from "react-router-dom";
+import {getRouterData} from "../router";
 
 export const Footer = () => {
 
@@ -18,7 +20,18 @@ export const Footer = () => {
                 ))}
             </ul>
             <ContactFormContainer/>
-            <p className="text-light-2 mt-5">© Copyright 2024 Z-100</p>
+            <div className="my-2 mt-3 flex flex-row">
+                {getRouterData(RouteGroup.FOOTER).map((route, index) => (
+                    <span className="px-2">
+                        <Link key={route.name}
+                              to={route.path}>
+
+                            <p className="text-light-1 hover:text-light-2 transition-colors">{route.name}</p>
+                        </Link>
+                    </span>
+                ))}
+            </div>
+            <p className="text-light-2">© Copyright 2024 Z-100</p>
         </div>
     )
 }

src/components/navigation/Navbar.tsx

@@ -1,6 +1,7 @@
 import React, {useEffect, useState} from 'react'
-import {routerData} from "../router";
+import {getRouterData} from "../router";
 import {Link, useLocation} from "react-router-dom";
+import {RouteGroup} from "../../domain";
 
 export const Navbar = () => {
 
@@ -14,7 +15,7 @@ export const Navbar = () => {
         <>
             <div className="fixed top-0 w-full bg-dark-1 h-16 z-50">
                 <div className="w-[50%] ml-[25%] h-full flex gap-6 items-center justify-center">
-                    {routerData.map(route => (
+                    {getRouterData(RouteGroup.NAVBAR).map(route => (
                         <Link key={route.name}
                               to={route.path}>
 

src/components/router/Router.tsx

@@ -1,11 +1,11 @@
 import React from 'react'
-import {routerData} from "./";
+import {getRouterData} from "./";
 import {Route, Routes} from "react-router-dom";
 
 export const Router = () => {
     return (
         <Routes>
-            {routerData.map(({path, element, name}) => (
+            {getRouterData().map(({path, element, name}) => (
                 <Route
                     key={name}
                     path={path}

src/components/router/RouterData.tsx

@@ -2,20 +2,32 @@ import {RouteGroup, RouteType} from "../../domain";
 import React from "react";
 import {HomePage, ProjectsPage} from "../../pages";
 import {BiHomeHeart,} from "react-icons/bi";
+import {PrivacyPolicyPage} from "../../pages/privacy-policy";
 
-export const routerData: RouteType[] = [
+export function getRouterData(group?: RouteGroup) {
+    return group ? routerData.filter(it => it.group === group) : routerData;
+}
+
+const routerData: RouteType[] = [
     {
         path: "/",
         element: <HomePage/>,
         name: "Home",
         icon: BiHomeHeart,
-        group: RouteGroup.LEFT,
+        group: RouteGroup.NAVBAR,
     },
     {
         path: "/projects",
         element: <ProjectsPage/>,
         name: "Projects",
         icon: BiHomeHeart,
-        group: RouteGroup.MID,
+        group: RouteGroup.NAVBAR,
+    },
+    {
+        path: "/privacy-policy",
+        element: <PrivacyPolicyPage/>,
+        name: "Privacy Policy",
+        icon: BiHomeHeart,
+        group: RouteGroup.FOOTER,
     },
 ]

src/domain/models/RouteGroup.ts

@@ -1,5 +1,4 @@
 export enum RouteGroup {
-    LEFT = 'LEFT',
-    MID = 'MID',
-    RIGHT = 'RIGHT',
+    NAVBAR = 'NAVBAR',
+    FOOTER = 'FOOTER',
 }