diff --git a/app/pages/packs/[packId].tsx b/app/pages/packs/[packId].tsx
new file mode 100644
index 00000000..b6606397
--- /dev/null
+++ b/app/pages/packs/[packId].tsx
@@ -0,0 +1,21 @@
+import Head from 'next/head';
+import { DefaultTopBar } from '../../components/TopBar.js';
+import { withTranslation } from '../../lib/translation.js';
+
+export const getServerSideProps = withTranslation(() => {
+ return Promise.resolve({ props: {} });
+});
+
+export default function Page() {
+ return (
+ <>
+
+ {`Pack | Crosshare Crossword Constructor and Puzzles`}
+
+
+
+
Coming soon...
+
+
+ );
+}
diff --git a/app/pages/packs/[packId]/edit.tsx b/app/pages/packs/[packId]/edit.tsx
new file mode 100644
index 00000000..8ddd6777
--- /dev/null
+++ b/app/pages/packs/[packId]/edit.tsx
@@ -0,0 +1,21 @@
+import Head from 'next/head';
+import { DefaultTopBar } from '../../../components/TopBar.js';
+import { withTranslation } from '../../../lib/translation.js';
+
+export const getServerSideProps = withTranslation(() => {
+ return Promise.resolve({ props: {} });
+});
+
+export default function Page() {
+ return (
+ <>
+
+ {`Edit Pack | Crosshare Crossword Constructor and Puzzles`}
+
+
+
+
Coming soon...
+
+
+ );
+}
diff --git a/app/pages/packs/[packId]/manage.tsx b/app/pages/packs/[packId]/manage.tsx
new file mode 100644
index 00000000..57b49039
--- /dev/null
+++ b/app/pages/packs/[packId]/manage.tsx
@@ -0,0 +1,21 @@
+import Head from 'next/head';
+import { DefaultTopBar } from '../../../components/TopBar.js';
+import { withTranslation } from '../../../lib/translation.js';
+
+export const getServerSideProps = withTranslation(() => {
+ return Promise.resolve({ props: {} });
+});
+
+export default function Page() {
+ return (
+ <>
+
+ {`Manage Pack Access | Crosshare Crossword Constructor and Puzzles`}
+
+
+
+
Coming soon...
+
+
+ );
+}
diff --git a/app/pages/packs/index.tsx b/app/pages/packs/index.tsx
new file mode 100644
index 00000000..086f7bfa
--- /dev/null
+++ b/app/pages/packs/index.tsx
@@ -0,0 +1,21 @@
+import Head from 'next/head';
+import { DefaultTopBar } from '../../components/TopBar.js';
+import { withStaticTranslation } from '../../lib/translation.js';
+
+export const getStaticProps = withStaticTranslation(() => {
+ return { props: {} };
+});
+
+export default function Page() {
+ return (
+ <>
+
+ {`Packs | Crosshare Crossword Constructor and Puzzles`}
+
+
+
+
Coming soon...
+
+
+ );
+}