init

app/about/layout.tsx

@@ -0,0 +1,13 @@
+export default function AboutLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <section className="flex flex-col items-center justify-center gap-4 py-8 md:py-10">
+      <div className="inline-block max-w-lg text-center justify-center">
+        {children}
+      </div>
+    </section>
+  );
+}

app/about/page.tsx

@@ -0,0 +1,9 @@
+import { title } from "@/components/primitives";
+
+export default function AboutPage() {
+  return (
+    <div>
+      <h1 className={title()}>About</h1>
+    </div>
+  );
+}