+
+ ArtcraftWebsite
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/apps/artcraft-website/package.json b/frontend/apps/artcraft-website/package.json
new file mode 100644
index 0000000000..84e2b409e5
--- /dev/null
+++ b/frontend/apps/artcraft-website/package.json
@@ -0,0 +1,5 @@
+{
+ "name": "@frontend/artcraft-website",
+ "version": "0.0.1",
+ "private": true
+}
diff --git a/frontend/apps/artcraft-website/public/favicon.ico b/frontend/apps/artcraft-website/public/favicon.ico
new file mode 100644
index 0000000000..317ebcb233
Binary files /dev/null and b/frontend/apps/artcraft-website/public/favicon.ico differ
diff --git a/frontend/apps/artcraft-website/src/app/app.module.css b/frontend/apps/artcraft-website/src/app/app.module.css
new file mode 100644
index 0000000000..7b88fbabf8
--- /dev/null
+++ b/frontend/apps/artcraft-website/src/app/app.module.css
@@ -0,0 +1 @@
+/* Your styles goes here. */
diff --git a/frontend/apps/artcraft-website/src/app/app.spec.tsx b/frontend/apps/artcraft-website/src/app/app.spec.tsx
new file mode 100644
index 0000000000..c19e8c1d14
--- /dev/null
+++ b/frontend/apps/artcraft-website/src/app/app.spec.tsx
@@ -0,0 +1,16 @@
+import { render } from '@testing-library/react';
+import { BrowserRouter } from 'react-router-dom';
+
+import App from './app';
+
+describe('App', () => {
+ it('should render successfully', () => {
+ const { baseElement } = render();
+ expect(baseElement).toBeTruthy();
+ });
+
+ it('should have a greeting as the title', () => {
+ const { getAllByText } = render();
+ expect(getAllByText(new RegExp('Welcome @frontend/artcraft-website', 'gi')).length > 0).toBeTruthy();
+ });
+});
diff --git a/frontend/apps/artcraft-website/src/app/app.tsx b/frontend/apps/artcraft-website/src/app/app.tsx
new file mode 100644
index 0000000000..f8ef08acc8
--- /dev/null
+++ b/frontend/apps/artcraft-website/src/app/app.tsx
@@ -0,0 +1,45 @@
+// Uncomment this line to use CSS modules
+// import styles from './app.module.css';
+import NxWelcome from "./nx-welcome";
+
+import { Route, Routes, Link } from 'react-router-dom';
+
+export function App() {
+ return (
+
+
+
+ {/* START: routes */}
+ {/* These routes and navigation have been generated for you */}
+ {/* Feel free to move and update them to fit your needs */}
+
+
+
+
+
+
Home
+
Page 2
+
+
+
+ This is the generated root route. Click here for page 2.
+ }
+ />
+ Click here to go back to root page.
+ }
+ />
+
+ {/* END: routes */}
+
+ );
+}
+
+export default App;
+
+
diff --git a/frontend/apps/artcraft-website/src/app/nx-welcome.tsx b/frontend/apps/artcraft-website/src/app/nx-welcome.tsx
new file mode 100644
index 0000000000..63cc7d12c2
--- /dev/null
+++ b/frontend/apps/artcraft-website/src/app/nx-welcome.tsx
@@ -0,0 +1,857 @@
+/*
+ * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ This is a starter component and can be deleted.
+ * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ Delete this file and get started with your project!
+ * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ */
+export function NxWelcome({ title }: { title: string }) {
+ return (
+ <>
+