udpate for coming soon

app/[locale]/about/page.tsx

@@ -1,19 +1,36 @@
+import type { Metadata } from "next";
 import { getDictionary, isLocale, type Locale } from "@/lib/i18n";
-import { notFound } from "next/navigation";
+import { buildPageMetadata } from "@/lib/metadata";
+import { isComingSoonMode } from "@/lib/site";
+import { notFound, redirect } from "next/navigation";
+
+export function generateMetadata({ params }: { params: { locale: string } }): Metadata {
+  if (!isLocale(params.locale)) {
+    return {};
+  }
+
+  return buildPageMetadata(params.locale, "about");
+}
 
 export default function AboutPage({ params }: { params: { locale: string } }) {
   if (!isLocale(params.locale)) {
     notFound();
   }
 
+  if (isComingSoonMode()) {
+    redirect(`/${params.locale}`);
+  }
+
   const locale = params.locale as Locale;
   const dictionary = getDictionary(locale);
 
   return (
-    <section className="panel">
-      <p className="eyebrow">{dictionary.about.kicker}</p>
-      <h1>{dictionary.about.title}</h1>
-      <p className="lead">{dictionary.about.story}</p>
+    <section className="panel section-stack">
+      <div>
+        <p className="eyebrow">{dictionary.about.kicker}</p>
+        <h1>{dictionary.about.title}</h1>
+        <p className="lead">{dictionary.about.story}</p>
+      </div>
 
       <div className="split-grid">
         <article className="card">
@@ -34,6 +51,15 @@ export default function AboutPage({ params }: { params: { locale: string } }) {
           </ul>
         </article>
       </div>
+
+      <article className="card">
+        <h2>{dictionary.about.principlesTitle}</h2>
+        <ul className="list">
+          {dictionary.about.principles.map((item) => (
+            <li key={item}>{item}</li>
+          ))}
+        </ul>
+      </article>
     </section>
   );
 }