Add page metadata and OG image

Author: Kinin-Code-Offical

public/og.png

@@ -1,7 +1,17 @@
+import type { Metadata } from "next";
 import Link from "next/link";
 import { cookies } from "next/headers";
 import { copy } from "@/lib/i18n";
 
+export const metadata: Metadata = {
+  title: "503 — Service Unavailable",
+  description: "Temporary maintenance or high load.",
+  robots: {
+    index: false,
+    follow: false,
+  },
+};
+
 export default function ServiceUnavailable() {
   const cookieStore = cookies();
   const language = cookieStore.get("lang")?.value === "en" ? "en" : "tr";

public/og.svg

@@ -1,7 +1,14 @@
+import type { Metadata } from "next";
 import Link from "next/link";
 import { cookies } from "next/headers";
 import { copy } from "@/lib/i18n";
 
+export const metadata: Metadata = {
+  title: "About — Yamac",
+  description:
+    "About Yamac, an Electrical & Electronics student building full-stack projects.",
+};
+
 export default function AboutPage() {
   const cookieStore = cookies();
   const language = cookieStore.get("lang")?.value === "en" ? "en" : "tr";

src/app/503/page.tsx

@@ -1,8 +1,14 @@
+import type { Metadata } from "next";
 import Link from "next/link";
 import { cookies } from "next/headers";
 import ContactForm from "@/components/ContactForm";
 import { copy } from "@/lib/i18n";
 
+export const metadata: Metadata = {
+  title: "Contact — Yamac",
+  description: "Contact Yamac for projects and collaborations.",
+};
+
 export default function ContactPage() {
   const cookieStore = cookies();
   const language = cookieStore.get("lang")?.value === "en" ? "en" : "tr";

src/app/about/page.tsx

@@ -22,27 +22,27 @@ const mono = JetBrains_Mono({
 });
 
 export const metadata: Metadata = {
-  title: "Kinin Code — Full-Stack Developer",
+  title: "Kinin Code — Yamac",
   description:
-    "Full-stack developer portfolio with 3D scene, selected projects, and contact form.",
+    "Electrical & Electronics student portfolio with 3D scene, selected projects, and contact form.",
   metadataBase: new URL(process.env.NEXT_PUBLIC_SITE_URL ?? "http://localhost:3000"),
   openGraph: {
-    title: "Kinin Code — Full-Stack Developer",
+    title: "Kinin Code — Yamac",
     description:
-      "Full-stack developer portfolio with 3D scene, selected projects, and contact form.",
+      "Electrical & Electronics student portfolio with 3D scene, selected projects, and contact form.",
     type: "website",
     images: [
       {
-        url: "/og.svg",
+        url: "/og.png",
         width: 1200,
         height: 630,
-        alt: "Kinin Code — Yamaç portfolio",
+        alt: "Kinin Code — Yamac portfolio",
       },
     ],
   },
   twitter: {
     card: "summary_large_image",
-    images: ["/og.svg"],
+    images: ["/og.png"],
   },
 };
 

src/app/contact/page.tsx

@@ -1,7 +1,17 @@
+import type { Metadata } from "next";
 import Link from "next/link";
 import { cookies } from "next/headers";
 import { copy } from "@/lib/i18n";
 
+export const metadata: Metadata = {
+  title: "404 — Not Found",
+  description: "The page you are looking for does not exist.",
+  robots: {
+    index: false,
+    follow: false,
+  },
+};
+
 export default function NotFound() {
   const cookieStore = cookies();
   const language = cookieStore.get("lang")?.value === "en" ? "en" : "tr";

src/app/layout.tsx

@@ -1,9 +1,15 @@
+import type { Metadata } from "next";
 import Link from "next/link";
 import { cookies } from "next/headers";
 import { getGithubProjects } from "@/lib/github";
 import { copy } from "@/lib/i18n";
 import { site } from "@/lib/site";
 
+export const metadata: Metadata = {
+  title: "Projects — Yamac",
+  description: "Selected GitHub projects by Yamac.",
+};
+
 export default async function ProjectsPage() {
   const cookieStore = cookies();
   const language = cookieStore.get("lang")?.value === "en" ? "en" : "tr";