Tugas

app/(contact)/layout.tsx

@@ -0,0 +1,21 @@
+import type { Metadata } from "next";
+import type { ReactNode } from "react";
+
+// pilihan CSS: external (styles.css).
+// alasan: halaman ini hanya teks dan daftar tautan, tampilannya harus sama dengan hobbies.
+// external CSS memakai ulang aturan yang sudah ada (navbar, card, footer) tanpa menyalin kode,
+// tanpa menambah skrip CDN, dan lebih mudah dirawat daripada inline per elemen.
+// tailwind tidak dipilih karena halaman sesederhana ini tidak butuh utility class tambahan.
+import "../styles.css";
+
+export const metadata: Metadata = {
+  title: "Contact - Yovan",
+};
+
+export default function ContactLayout({ children }: { children: ReactNode }) {
+  return (
+    <html lang="id">
+      <body className="page-body">{children}</body>
+    </html>
+  );
+}