diff --git a/apps/website/pages/shop/[filter_slug]/[product_slug].tsx b/apps/website/pages/shop/[filter_slug]/[product_slug].tsx
new file mode 100644
index 0000000..e69de29
diff --git a/apps/website/pages/shop/[filter_slug]/index.tsx b/apps/website/pages/shop/[filter_slug]/index.tsx
new file mode 100644
index 0000000..e69de29
diff --git a/apps/website/pages/shop/index.module.scss b/apps/website/pages/shop/index.module.scss
new file mode 100644
index 0000000..45c2aa4
--- /dev/null
+++ b/apps/website/pages/shop/index.module.scss
@@ -0,0 +1,7 @@
+/*
+ * Replace this with your own classes
+ *
+ * e.g.
+ * .container {
+ * }
+*/
diff --git a/apps/website/pages/shop/index.tsx b/apps/website/pages/shop/index.tsx
new file mode 100644
index 0000000..cf35386
--- /dev/null
+++ b/apps/website/pages/shop/index.tsx
@@ -0,0 +1,14 @@
+import styles from './index.module.scss';
+
+/* eslint-disable-next-line */
+export interface ShopProps {}
+
+export function Shop(props: ShopProps) {
+  return (
+    <div className={styles['container']}>
+      <h1>Welcome to Shop!</h1>
+    </div>
+  );
+}
+
+export default Shop;