feat: add new content pages

app/[locale]/about/page.tsx

@@ -0,0 +1,24 @@
+import { Header } from "@/components/layout/header"
+import { AboutContent } from "@/components/about/about-content"
+import { getTranslations } from "next-intl/server"
+
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }) {
+    const { locale } = await params
+    const t = await getTranslations({ locale, namespace: "common" })
+    return {
+        title: `${t("nav.about")} - ${t("app.name")}`
+    }
+}
+
+export default function AboutPage() {
+    return (
+        <div className="min-h-screen bg-background flex flex-col">
+            <Header />
+            <main className="container mx-auto px-4 py-24 flex-1">
+                <div className="max-w-4xl mx-auto">
+                    <AboutContent />
+                </div>
+            </main>
+        </div>
+    )
+}