Implement about page

app/components/navigation/Footer.tsx

@@ -149,7 +149,7 @@ const Footer = memo(() => {
                   {t("navigation.learn")}
                 </Link>
                 <Link
-                  href="#"
+                  href="/about"
                   className={`w-full text-left ${primaryLinkClass} md:w-auto md:text-right`}
                 >
                   {t("navigation.about")}

app/components/navigation/Top/Top.container.tsx

@@ -79,7 +79,7 @@ const TopContainer = memo<TopProps>(
     const navigationItems = [
       { href: "#", text: t("navigation.useCases"), extraPadding: true },
       { href: "/learn", text: t("navigation.learn") },
-      { href: "#", text: t("navigation.about") },
+      { href: "/about", text: t("navigation.about") },
     ];
 
     const renderNavigationItems = (size: NavSize) => {