first commit

app/newsletters/[id]/page.tsx

@@ -0,0 +1,24 @@
+interface PageProps {
+  params: Promise<{ id: string }>;
+}
+
+const NewsletterDetailPage = async ({ params }: PageProps) => {
+  const { id } = await params;
+
+  return (
+    <>
+      <div className="text-center">
+        <h1 className="font-bold text-center text-amber-900 tracking-tight mt-2 text-3xl">
+          Newsletter Page
+        </h1>
+        <h2 className="text-center text-fuchsia-600 mt-2">
+          {" "}
+          ID requested {id}{" "}
+        </h2>
+        <p className="mt-5">Your implementation goes here </p>
+      </div>
+    </>
+  );
+};
+
+export default NewsletterDetailPage;

app/newsletters/page.tsx

@@ -0,0 +1,14 @@
+"use client";
+
+const NewslettersPage = () => {
+  return (
+    <div className="text-center">
+      <h1 className="font-bold text-center text-amber-900 tracking-tight mt-2 text-3xl">
+        Newsletters Page
+      </h1>
+      <p className="mt-5">Your implementation goes here </p>
+    </div>
+  );
+};
+
+export default NewslettersPage;