first commit

src/app/forbidden/page.js

@@ -0,0 +1,27 @@
+"use server";
+
+import React from "react";
+import styles from "@/app/forbidden/forbidden.module.css";
+
+import { EB_Garamond } from "next/font/google";
+
+const ebGaramond = EB_Garamond({
+  variable: "--font-eb-garamond",
+  weight: ["400", "500", "600", "700", "800"],
+  subsets: ["latin"],
+});
+
+const Forbidden = async () => {
+  return (
+    <div className={`${styles.container} ${ebGaramond.className}`}>
+      <div className={styles.error}>
+        <h1 className={styles.code}>403</h1>
+        <span className={styles.line}></span>
+        <p className={styles.message}>Forbidden</p>
+        <p>You do not have permission to access this page.</p>
+      </div>
+    </div>
+  );
+};
+
+export default Forbidden;