init

app/blog/layout.tsx

@@ -0,0 +1,13 @@
+export default function BlogLayout({
+  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/blog/page.tsx

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