first commit

app/newsletters/[id]/page.tsx

@@ -0,0 +1,19 @@
+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;