feat: adds about page metadata (#122)

Author: malcodeman

src/app/[locale]/(marketing)/_components/About.tsx

@@ -0,0 +1,31 @@
+"use client";
+import { Heading, Box, Text, Container, Avatar } from "@chakra-ui/react";
+import { useTranslations } from "next-intl";
+import { Stats } from "./Stats";
+import { Footer } from "./Footer";
+
+function About() {
+  const t = useTranslations();
+  return (
+    <>
+      <Container maxW="container.sm">
+        <Heading mb="4">{t("about")}</Heading>
+        <Text mb="4">{t("about_description_1")}</Text>
+        <Text mb="4">{t("about_description_2")}</Text>
+        <Text mb="4">{t("about_description_3")}</Text>
+        <Heading mb="4">{t("complete_platform_for_career")}</Heading>
+        <Text mb="4">{t("about_description_4")}</Text>
+        <Text mb="4">{t("about_description_5")}</Text>
+        <Text mb="4">{t("about_description_6")}</Text>
+        <Stats mb="4" />
+        <Box mb="32">
+          <Avatar name="Amer Karamustafić" src="/about/avatar.png" />
+          <Text>Amer Karamustafić, {t("founder_of_resumebuilder")}</Text>
+        </Box>
+      </Container>
+      <Footer />
+    </>
+  );
+}
+
+export { About };

src/app/[locale]/(marketing)/about/page.tsx

@@ -1,32 +1,12 @@
-"use client";
-import { Text, Heading, Container, Avatar, Box } from "@chakra-ui/react";
-import { useTranslations } from "next-intl";
-import { Footer } from "app/[locale]/(marketing)/_components/Footer";
-import { Stats } from "app/[locale]/(marketing)/_components/Stats";
+import { Metadata } from "next";
+import { About } from "app/[locale]/(marketing)/_components/About";
 
-function About() {
-  const t = useTranslations();
+export const metadata: Metadata = {
+  title: "About | resumebuilder.dev",
+};
 
-  return (
-    <>
-      <Container maxW="container.sm">
-        <Heading mb="4">{t("about")}</Heading>
-        <Text mb="4">{t("about_description_1")}</Text>
-        <Text mb="4">{t("about_description_2")}</Text>
-        <Text mb="4">{t("about_description_3")}</Text>
-        <Heading mb="4">{t("complete_platform_for_career")}</Heading>
-        <Text mb="4">{t("about_description_4")}</Text>
-        <Text mb="4">{t("about_description_5")}</Text>
-        <Text mb="4">{t("about_description_6")}</Text>
-        <Stats mb="4" />
-        <Box mb="32">
-          <Avatar name="Amer Karamustafić" src="/about/avatar.png" />
-          <Text>Amer Karamustafić, {t("founder_of_resumebuilder")}</Text>
-        </Box>
-      </Container>
-      <Footer />
-    </>
-  );
+function AboutPage() {
+  return <About />;
 }
 
-export default About;
+export default AboutPage;