From a4d044ac4e05cd3458a015680e299dea5bd33174 Mon Sep 17 00:00:00 2001
From: Shane Earley <shanejearley@gmail.com>
Date: Fri, 9 Sep 2022 11:55:42 -0400
Subject: [PATCH 1/4] Break out web and landing apps

---
 .github/workflows/pull_request.yml            |  17 ++--
 .github/workflows/push.yml                    |  10 +--
 .github/workflows/release.yml                 |  13 ++-
 README.md                                     |  11 +++
 apps/{website => landing}/.gitignore          |   0
 apps/landing/README.md                        |   1 +
 apps/{website => landing}/index.html          |   0
 apps/landing/package.json                     |  26 ++++++
 apps/{website => landing}/postcss.config.js   |   0
 .../public/CopyrightIcon.png                  | Bin
 .../public/CopyrightIcon.svg                  |   0
 .../{website => landing}/public/Dashboard.png | Bin
 apps/{website => landing}/public/blob.svg     |   0
 .../{website => landing}/public/copyright.png | Bin
 apps/{website => landing}/public/cosmos.svg   |   0
 .../public/discord-grey.png                   | Bin
 apps/{website => landing}/public/discord.svg  |   0
 apps/{website => landing}/public/earn.png     | Bin
 apps/{website => landing}/public/earn2.png    | Bin
 apps/{website => landing}/public/earn3.png    | Bin
 .../public/email-vector.svg                   |   0
 apps/{website => landing}/public/factom.svg   |   0
 apps/{website => landing}/public/favicon.ico  | Bin
 .../public/github-grey.png                    | Bin
 apps/{website => landing}/public/github.svg   |   0
 apps/{website => landing}/public/iotex.svg    |   0
 apps/{website => landing}/public/kava.png     | Bin
 apps/{website => landing}/public/learn.png    | Bin
 apps/{website => landing}/public/livepeer.svg |   0
 apps/{website => landing}/public/p.svg        |   0
 apps/{website => landing}/public/puddles.svg  |   0
 .../public/twitter-grey.png                   | Bin
 apps/{website => landing}/public/twitter.svg  |   0
 apps/{website => landing}/public/web-demo.svg |   0
 .../public/whitepaper-sc.png                  | Bin
 apps/landing/src/App.vue                      |  12 +++
 .../src/components/Puddles.vue                |   0
 .../src/composables/slideshow.ts              |   0
 .../src/composables/users.ts                  |   0
 apps/{website => landing}/src/env.d.ts        |   0
 apps/{website => landing}/src/index.css       |   0
 .../src/layouts/default-layout.vue            |   0
 apps/{website => landing}/src/main.ts         |   0
 .../src/pages/index/index.vue                 |   0
 .../src/pages/whitepaper/index.vue            |   2 +-
 apps/{website => landing}/tailwind.config.js  |   0
 apps/{website => landing}/tsconfig.json       |   0
 apps/landing/vite.config.ts                   |  36 +++++++++
 apps/web/.gitignore                           |  24 ++++++
 apps/web/README.md                            |   1 +
 apps/web/index.html                           |  16 ++++
 apps/{website => web}/package.json            |   5 +-
 apps/web/postcss.config.js                    |   6 ++
 apps/web/public/favicon.ico                   | Bin 0 -> 15406 bytes
 apps/web/src/App.vue                          |  12 +++
 .../src/components/Wallet.vue                 |   0
 .../src/composables/ethers.ts                 |   0
 .../{website => web}/src/composables/iopay.ts |   0
 .../src/composables/wallet.ts                 |   0
 apps/web/src/env.d.ts                         |  26 ++++++
 apps/web/src/index.css                        |   3 +
 .../src/interfaces/BrowserProviders.ts        |   0
 .../src/interfaces/EthersProvider.ts          |   0
 apps/web/src/layouts/default-layout.vue       |  17 ++++
 apps/web/src/main.ts                          |  18 +++++
 .../wallet => web/src/pages/index}/index.vue  |   0
 .../src/types/ProviderString.ts               |   0
 apps/web/tailwind.config.js                   |  16 ++++
 apps/web/tsconfig.json                        |  26 ++++++
 apps/{website => web}/vite.config.ts          |   6 +-
 apps/website/README.md                        |  16 ----
 apps/website/src/App.vue                      |  28 -------
 apps/website/src/assets/logo.png              | Bin 6849 -> 0 bytes
 apps/website/src/composables/contracts.ts     |  10 ---
 package-lock.json                             |  75 +++++++++++++-----
 package.json                                  |   7 +-
 scripts/local/dev                             |  38 ++++++---
 scripts/local/mock                            |   2 +-
 78 files changed, 361 insertions(+), 119 deletions(-)
 rename apps/{website => landing}/.gitignore (100%)
 create mode 100644 apps/landing/README.md
 rename apps/{website => landing}/index.html (100%)
 create mode 100644 apps/landing/package.json
 rename apps/{website => landing}/postcss.config.js (100%)
 rename apps/{website => landing}/public/CopyrightIcon.png (100%)
 rename apps/{website => landing}/public/CopyrightIcon.svg (100%)
 rename apps/{website => landing}/public/Dashboard.png (100%)
 rename apps/{website => landing}/public/blob.svg (100%)
 rename apps/{website => landing}/public/copyright.png (100%)
 rename apps/{website => landing}/public/cosmos.svg (100%)
 rename apps/{website => landing}/public/discord-grey.png (100%)
 rename apps/{website => landing}/public/discord.svg (100%)
 rename apps/{website => landing}/public/earn.png (100%)
 rename apps/{website => landing}/public/earn2.png (100%)
 rename apps/{website => landing}/public/earn3.png (100%)
 rename apps/{website => landing}/public/email-vector.svg (100%)
 rename apps/{website => landing}/public/factom.svg (100%)
 rename apps/{website => landing}/public/favicon.ico (100%)
 rename apps/{website => landing}/public/github-grey.png (100%)
 rename apps/{website => landing}/public/github.svg (100%)
 rename apps/{website => landing}/public/iotex.svg (100%)
 rename apps/{website => landing}/public/kava.png (100%)
 rename apps/{website => landing}/public/learn.png (100%)
 rename apps/{website => landing}/public/livepeer.svg (100%)
 rename apps/{website => landing}/public/p.svg (100%)
 rename apps/{website => landing}/public/puddles.svg (100%)
 rename apps/{website => landing}/public/twitter-grey.png (100%)
 rename apps/{website => landing}/public/twitter.svg (100%)
 rename apps/{website => landing}/public/web-demo.svg (100%)
 rename apps/{website => landing}/public/whitepaper-sc.png (100%)
 create mode 100644 apps/landing/src/App.vue
 rename apps/{website => landing}/src/components/Puddles.vue (100%)
 rename apps/{website => landing}/src/composables/slideshow.ts (100%)
 rename apps/{website => landing}/src/composables/users.ts (100%)
 rename apps/{website => landing}/src/env.d.ts (100%)
 rename apps/{website => landing}/src/index.css (100%)
 rename apps/{website => landing}/src/layouts/default-layout.vue (100%)
 rename apps/{website => landing}/src/main.ts (100%)
 rename apps/{website => landing}/src/pages/index/index.vue (100%)
 rename apps/{website => landing}/src/pages/whitepaper/index.vue (94%)
 rename apps/{website => landing}/tailwind.config.js (100%)
 rename apps/{website => landing}/tsconfig.json (100%)
 create mode 100644 apps/landing/vite.config.ts
 create mode 100644 apps/web/.gitignore
 create mode 100644 apps/web/README.md
 create mode 100644 apps/web/index.html
 rename apps/{website => web}/package.json (88%)
 create mode 100644 apps/web/postcss.config.js
 create mode 100644 apps/web/public/favicon.ico
 create mode 100644 apps/web/src/App.vue
 rename apps/{website => web}/src/components/Wallet.vue (100%)
 rename apps/{website => web}/src/composables/ethers.ts (100%)
 rename apps/{website => web}/src/composables/iopay.ts (100%)
 rename apps/{website => web}/src/composables/wallet.ts (100%)
 create mode 100644 apps/web/src/env.d.ts
 create mode 100644 apps/web/src/index.css
 rename apps/{website => web}/src/interfaces/BrowserProviders.ts (100%)
 rename apps/{website => web}/src/interfaces/EthersProvider.ts (100%)
 create mode 100644 apps/web/src/layouts/default-layout.vue
 create mode 100644 apps/web/src/main.ts
 rename apps/{website/src/pages/wallet => web/src/pages/index}/index.vue (100%)
 rename apps/{website => web}/src/types/ProviderString.ts (100%)
 create mode 100644 apps/web/tailwind.config.js
 create mode 100644 apps/web/tsconfig.json
 rename apps/{website => web}/vite.config.ts (91%)
 delete mode 100644 apps/website/README.md
 delete mode 100644 apps/website/src/App.vue
 delete mode 100644 apps/website/src/assets/logo.png
 delete mode 100644 apps/website/src/composables/contracts.ts

diff --git a/.github/workflows/pull_request.yml b/.github/workflows/pull_request.yml
index 0fa934d30..65be2eeaa 100644
--- a/.github/workflows/pull_request.yml
+++ b/.github/workflows/pull_request.yml
@@ -17,21 +17,16 @@ jobs:
       - name: Install dependencies
         run: npm ci
 
-      - name: Build common helpers
-        run: npm run build
-        working-directory: common/helpers
+      - name: Build helpers
+        run: npm run build --workspace @casimir/helpers
 
-      - name: Build website app
-        run: npm run build
-        working-directory: apps/website
+      - name: Build landing app
+        run: npm run build --workspace @casimir/landing
         env:
           PUBLIC_STAGE: ${{ env.STAGE }}
 
       - name: Build users service
-        run: npm run build
-        working-directory: services/users
+        run: npm run build --workspace @casimir/users
 
       - name: Test cdk stacks
-        run: |
-          npm run test
-        working-directory: infrastructure/cdk
\ No newline at end of file
+        run: npm run test --workspace @casimir/cdk
\ No newline at end of file
diff --git a/.github/workflows/push.yml b/.github/workflows/push.yml
index e98c7621e..1f3c1ba6e 100644
--- a/.github/workflows/push.yml
+++ b/.github/workflows/push.yml
@@ -37,19 +37,17 @@ jobs:
       - name: Install dependencies
         run: npm ci
 
-      - name: Build common helpers
+      - name: Build helpers
         run: npm run build
         working-directory: common/helpers
 
-      - name: Build website app
-        run: npm run build
-        working-directory: apps/website
+      - name: Build landing app
+        run: npm run build --workspace @casimir/landing
         env:
           PUBLIC_STAGE: ${{ env.STAGE }}
 
       - name: Build users service
-        run: npm run build
-        working-directory: services/users
+        run: npm run build --workspace @casimir/users
 
       - name: Deploy cdk infrastructure
         run: npm run deploy
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
index 288eb209e..c324b89b4 100644
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -37,17 +37,14 @@ jobs:
       - name: Install dependencies
         run: npm ci
 
-      - name: Build common helpers
-        run: npm run build
-        working-directory: common/helpers
+      - name: Build helpers
+        run: npm run build --workspace @casimir/helpers
 
-      - name: Build website app
-        run: npm run build
-        working-directory: apps/website
+      - name: Build landing app
+        run: npm run build --workspace @casimir/landing
 
       - name: Build users service
-        run: npm run build
-        working-directory: services/users
+        run: npm run build --workspace @casimir/users
 
       - name: Deploy cdk infrastructure
         run: npm run deploy
diff --git a/README.md b/README.md
index 5a139831b..208ee6194 100644
--- a/README.md
+++ b/README.md
@@ -70,6 +70,17 @@ You can get up and running without configuration. You can also mock local backen
 
     > 🚩 You will need the [SAM CLI](https://docs.aws.amazon.com/serverless-application-model/latest/developerguide/serverless-sam-cli-install-mac.html) for local mocking.
 
+3. The commands and flags above apply to any package in the [apps](apps/) directory. While the default app is [@casimir/web](apps/web/), you can specify others by passing a subcommand to `npm run dev`.
+
+    ```zsh
+    # @casimir/web
+    npm run dev # or
+    npm run dev:web
+
+    # @casimir/landing
+    npm run dev:landing
+    ```
+
 ### Hardhat
 
 EVM contract development is serviced through [Hardhat](https://hardhat.io/). The Hardhat development environment is configured in the [contracts/evm/hardhat.config.ts](contracts/evm/hardhat.config.ts) file.
diff --git a/apps/website/.gitignore b/apps/landing/.gitignore
similarity index 100%
rename from apps/website/.gitignore
rename to apps/landing/.gitignore
diff --git a/apps/landing/README.md b/apps/landing/README.md
new file mode 100644
index 000000000..a5c94c9c2
--- /dev/null
+++ b/apps/landing/README.md
@@ -0,0 +1 @@
+# Casimir Landing App
diff --git a/apps/website/index.html b/apps/landing/index.html
similarity index 100%
rename from apps/website/index.html
rename to apps/landing/index.html
diff --git a/apps/landing/package.json b/apps/landing/package.json
new file mode 100644
index 000000000..7b2c583bc
--- /dev/null
+++ b/apps/landing/package.json
@@ -0,0 +1,26 @@
+{
+  "name": "@casimir/landing",
+  "description": "Casimir landing page",
+  "private": true,
+  "version": "0.0.1",
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc --noEmit && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@heroicons/vue": "^1.0.6",
+    "vue": "^3.2.25",
+    "vue-router": "^4.0.15"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^2.3.3",
+    "autoprefixer": "^10.4.7",
+    "postcss": "^8.4.14",
+    "tailwindcss": "^3.0.24",
+    "typescript": "^4.5.4",
+    "vite": "^2.9.9",
+    "vite-plugin-pages": "^0.23.0",
+    "vue-tsc": "^0.34.7"
+  }
+}
diff --git a/apps/website/postcss.config.js b/apps/landing/postcss.config.js
similarity index 100%
rename from apps/website/postcss.config.js
rename to apps/landing/postcss.config.js
diff --git a/apps/website/public/CopyrightIcon.png b/apps/landing/public/CopyrightIcon.png
similarity index 100%
rename from apps/website/public/CopyrightIcon.png
rename to apps/landing/public/CopyrightIcon.png
diff --git a/apps/website/public/CopyrightIcon.svg b/apps/landing/public/CopyrightIcon.svg
similarity index 100%
rename from apps/website/public/CopyrightIcon.svg
rename to apps/landing/public/CopyrightIcon.svg
diff --git a/apps/website/public/Dashboard.png b/apps/landing/public/Dashboard.png
similarity index 100%
rename from apps/website/public/Dashboard.png
rename to apps/landing/public/Dashboard.png
diff --git a/apps/website/public/blob.svg b/apps/landing/public/blob.svg
similarity index 100%
rename from apps/website/public/blob.svg
rename to apps/landing/public/blob.svg
diff --git a/apps/website/public/copyright.png b/apps/landing/public/copyright.png
similarity index 100%
rename from apps/website/public/copyright.png
rename to apps/landing/public/copyright.png
diff --git a/apps/website/public/cosmos.svg b/apps/landing/public/cosmos.svg
similarity index 100%
rename from apps/website/public/cosmos.svg
rename to apps/landing/public/cosmos.svg
diff --git a/apps/website/public/discord-grey.png b/apps/landing/public/discord-grey.png
similarity index 100%
rename from apps/website/public/discord-grey.png
rename to apps/landing/public/discord-grey.png
diff --git a/apps/website/public/discord.svg b/apps/landing/public/discord.svg
similarity index 100%
rename from apps/website/public/discord.svg
rename to apps/landing/public/discord.svg
diff --git a/apps/website/public/earn.png b/apps/landing/public/earn.png
similarity index 100%
rename from apps/website/public/earn.png
rename to apps/landing/public/earn.png
diff --git a/apps/website/public/earn2.png b/apps/landing/public/earn2.png
similarity index 100%
rename from apps/website/public/earn2.png
rename to apps/landing/public/earn2.png
diff --git a/apps/website/public/earn3.png b/apps/landing/public/earn3.png
similarity index 100%
rename from apps/website/public/earn3.png
rename to apps/landing/public/earn3.png
diff --git a/apps/website/public/email-vector.svg b/apps/landing/public/email-vector.svg
similarity index 100%
rename from apps/website/public/email-vector.svg
rename to apps/landing/public/email-vector.svg
diff --git a/apps/website/public/factom.svg b/apps/landing/public/factom.svg
similarity index 100%
rename from apps/website/public/factom.svg
rename to apps/landing/public/factom.svg
diff --git a/apps/website/public/favicon.ico b/apps/landing/public/favicon.ico
similarity index 100%
rename from apps/website/public/favicon.ico
rename to apps/landing/public/favicon.ico
diff --git a/apps/website/public/github-grey.png b/apps/landing/public/github-grey.png
similarity index 100%
rename from apps/website/public/github-grey.png
rename to apps/landing/public/github-grey.png
diff --git a/apps/website/public/github.svg b/apps/landing/public/github.svg
similarity index 100%
rename from apps/website/public/github.svg
rename to apps/landing/public/github.svg
diff --git a/apps/website/public/iotex.svg b/apps/landing/public/iotex.svg
similarity index 100%
rename from apps/website/public/iotex.svg
rename to apps/landing/public/iotex.svg
diff --git a/apps/website/public/kava.png b/apps/landing/public/kava.png
similarity index 100%
rename from apps/website/public/kava.png
rename to apps/landing/public/kava.png
diff --git a/apps/website/public/learn.png b/apps/landing/public/learn.png
similarity index 100%
rename from apps/website/public/learn.png
rename to apps/landing/public/learn.png
diff --git a/apps/website/public/livepeer.svg b/apps/landing/public/livepeer.svg
similarity index 100%
rename from apps/website/public/livepeer.svg
rename to apps/landing/public/livepeer.svg
diff --git a/apps/website/public/p.svg b/apps/landing/public/p.svg
similarity index 100%
rename from apps/website/public/p.svg
rename to apps/landing/public/p.svg
diff --git a/apps/website/public/puddles.svg b/apps/landing/public/puddles.svg
similarity index 100%
rename from apps/website/public/puddles.svg
rename to apps/landing/public/puddles.svg
diff --git a/apps/website/public/twitter-grey.png b/apps/landing/public/twitter-grey.png
similarity index 100%
rename from apps/website/public/twitter-grey.png
rename to apps/landing/public/twitter-grey.png
diff --git a/apps/website/public/twitter.svg b/apps/landing/public/twitter.svg
similarity index 100%
rename from apps/website/public/twitter.svg
rename to apps/landing/public/twitter.svg
diff --git a/apps/website/public/web-demo.svg b/apps/landing/public/web-demo.svg
similarity index 100%
rename from apps/website/public/web-demo.svg
rename to apps/landing/public/web-demo.svg
diff --git a/apps/website/public/whitepaper-sc.png b/apps/landing/public/whitepaper-sc.png
similarity index 100%
rename from apps/website/public/whitepaper-sc.png
rename to apps/landing/public/whitepaper-sc.png
diff --git a/apps/landing/src/App.vue b/apps/landing/src/App.vue
new file mode 100644
index 000000000..6144d26f8
--- /dev/null
+++ b/apps/landing/src/App.vue
@@ -0,0 +1,12 @@
+<script lang="ts" setup>
+import { RouterView } from 'vue-router'
+import DefaultLayout from '@/layouts/default-layout.vue'
+</script>
+
+<template>
+  <Suspense>
+    <component :is="DefaultLayout">
+      <RouterView />
+    </component>
+  </Suspense>
+</template>
diff --git a/apps/website/src/components/Puddles.vue b/apps/landing/src/components/Puddles.vue
similarity index 100%
rename from apps/website/src/components/Puddles.vue
rename to apps/landing/src/components/Puddles.vue
diff --git a/apps/website/src/composables/slideshow.ts b/apps/landing/src/composables/slideshow.ts
similarity index 100%
rename from apps/website/src/composables/slideshow.ts
rename to apps/landing/src/composables/slideshow.ts
diff --git a/apps/website/src/composables/users.ts b/apps/landing/src/composables/users.ts
similarity index 100%
rename from apps/website/src/composables/users.ts
rename to apps/landing/src/composables/users.ts
diff --git a/apps/website/src/env.d.ts b/apps/landing/src/env.d.ts
similarity index 100%
rename from apps/website/src/env.d.ts
rename to apps/landing/src/env.d.ts
diff --git a/apps/website/src/index.css b/apps/landing/src/index.css
similarity index 100%
rename from apps/website/src/index.css
rename to apps/landing/src/index.css
diff --git a/apps/website/src/layouts/default-layout.vue b/apps/landing/src/layouts/default-layout.vue
similarity index 100%
rename from apps/website/src/layouts/default-layout.vue
rename to apps/landing/src/layouts/default-layout.vue
diff --git a/apps/website/src/main.ts b/apps/landing/src/main.ts
similarity index 100%
rename from apps/website/src/main.ts
rename to apps/landing/src/main.ts
diff --git a/apps/website/src/pages/index/index.vue b/apps/landing/src/pages/index/index.vue
similarity index 100%
rename from apps/website/src/pages/index/index.vue
rename to apps/landing/src/pages/index/index.vue
diff --git a/apps/website/src/pages/whitepaper/index.vue b/apps/landing/src/pages/whitepaper/index.vue
similarity index 94%
rename from apps/website/src/pages/whitepaper/index.vue
rename to apps/landing/src/pages/whitepaper/index.vue
index cd6e0a235..448fd3ebb 100644
--- a/apps/website/src/pages/whitepaper/index.vue
+++ b/apps/landing/src/pages/whitepaper/index.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 
-import { ArrowLeftIcon , DownloadIcon } from '@heroicons/vue/outline'
+// import { ArrowLeftIcon , DownloadIcon } from '@heroicons/vue/outline'
 </script>
 
 <template>
diff --git a/apps/website/tailwind.config.js b/apps/landing/tailwind.config.js
similarity index 100%
rename from apps/website/tailwind.config.js
rename to apps/landing/tailwind.config.js
diff --git a/apps/website/tsconfig.json b/apps/landing/tsconfig.json
similarity index 100%
rename from apps/website/tsconfig.json
rename to apps/landing/tsconfig.json
diff --git a/apps/landing/vite.config.ts b/apps/landing/vite.config.ts
new file mode 100644
index 000000000..1faa786d4
--- /dev/null
+++ b/apps/landing/vite.config.ts
@@ -0,0 +1,36 @@
+import vue from '@vitejs/plugin-vue'
+import { UserConfig } from 'vite'
+import { fileURLToPath } from 'url'
+import * as path from 'path'
+import pages from 'vite-plugin-pages'
+
+const config: UserConfig = {
+  plugins: [
+    vue({ include: [/\.vue$/] }),
+    pages({
+      dirs: [{ dir: 'src/pages', baseRoute: '' }],
+      extensions: ['vue'],
+    }),
+  ],
+  define: {
+    'window.global': 'globalThis',
+  },
+  resolve: {
+    alias: {
+      '@': path.resolve(path.dirname(fileURLToPath(import.meta.url)), 'src'),
+      './runtimeConfig': './runtimeConfig.browser',
+    },
+    extensions: [
+      '.js',
+      '.json',
+      '.jsx',
+      '.mjs',
+      '.ts',
+      '.tsx',
+      '.vue',
+    ]
+  },
+  envPrefix: 'PUBLIC_'
+}
+
+export default config
diff --git a/apps/web/.gitignore b/apps/web/.gitignore
new file mode 100644
index 000000000..a547bf36d
--- /dev/null
+++ b/apps/web/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/apps/web/README.md b/apps/web/README.md
new file mode 100644
index 000000000..20fbcb963
--- /dev/null
+++ b/apps/web/README.md
@@ -0,0 +1 @@
+# Casimir Web App
diff --git a/apps/web/index.html b/apps/web/index.html
new file mode 100644
index 000000000..9488ba40a
--- /dev/null
+++ b/apps/web/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Casimir</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/apps/website/package.json b/apps/web/package.json
similarity index 88%
rename from apps/website/package.json
rename to apps/web/package.json
index 0beabef37..ee36eb0d2 100644
--- a/apps/website/package.json
+++ b/apps/web/package.json
@@ -1,7 +1,8 @@
 {
-  "name": "@casimir/website",
+  "name": "@casimir/web",
+  "description": "Casimir web app",
   "private": true,
-  "version": "0.0.0",
+  "version": "0.0.1",
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc --noEmit && vite build",
diff --git a/apps/web/postcss.config.js b/apps/web/postcss.config.js
new file mode 100644
index 000000000..5a3d19ff3
--- /dev/null
+++ b/apps/web/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+    plugins: {
+        tailwindcss: {},
+        autoprefixer: {},
+    },
+}
\ No newline at end of file
diff --git a/apps/web/public/favicon.ico b/apps/web/public/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..0e6dff5c13aeede06305c2cee85a74da188ef970
GIT binary patch
literal 15406
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
T`EL04GYP04Z+>K8Is^X&gIQSA

literal 0
HcmV?d00001

diff --git a/apps/web/src/App.vue b/apps/web/src/App.vue
new file mode 100644
index 000000000..e09992e9b
--- /dev/null
+++ b/apps/web/src/App.vue
@@ -0,0 +1,12 @@
+<script lang="ts" setup>
+  import { RouterView } from 'vue-router'
+  import DefaultLayout from '@/layouts/default-layout.vue'
+  </script>
+  
+<template>
+  <Suspense>
+    <component :is="DefaultLayout">
+      <RouterView />
+    </component>
+  </Suspense>
+</template>
diff --git a/apps/website/src/components/Wallet.vue b/apps/web/src/components/Wallet.vue
similarity index 100%
rename from apps/website/src/components/Wallet.vue
rename to apps/web/src/components/Wallet.vue
diff --git a/apps/website/src/composables/ethers.ts b/apps/web/src/composables/ethers.ts
similarity index 100%
rename from apps/website/src/composables/ethers.ts
rename to apps/web/src/composables/ethers.ts
diff --git a/apps/website/src/composables/iopay.ts b/apps/web/src/composables/iopay.ts
similarity index 100%
rename from apps/website/src/composables/iopay.ts
rename to apps/web/src/composables/iopay.ts
diff --git a/apps/website/src/composables/wallet.ts b/apps/web/src/composables/wallet.ts
similarity index 100%
rename from apps/website/src/composables/wallet.ts
rename to apps/web/src/composables/wallet.ts
diff --git a/apps/web/src/env.d.ts b/apps/web/src/env.d.ts
new file mode 100644
index 000000000..be15b0dcb
--- /dev/null
+++ b/apps/web/src/env.d.ts
@@ -0,0 +1,26 @@
+/// <reference types="vite/client" />
+/// <reference types="vite-plugin-pages/client" />
+
+import {
+  SendMessagesCommandOutput,
+  UpdateEndpointCommandOutput
+} from '@aws-sdk/client-pinpoint'
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
+
+declare type APIGatewayResponse = {
+  headers?: any
+  statusCode: number
+  body: [UpdateEndpointCommandOutput, SendMessagesCommandOutput] | any | Error
+}
+
+declare global {
+  interface Window {
+    ethereum: any;
+  }
+}
diff --git a/apps/web/src/index.css b/apps/web/src/index.css
new file mode 100644
index 000000000..bd6213e1d
--- /dev/null
+++ b/apps/web/src/index.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
\ No newline at end of file
diff --git a/apps/website/src/interfaces/BrowserProviders.ts b/apps/web/src/interfaces/BrowserProviders.ts
similarity index 100%
rename from apps/website/src/interfaces/BrowserProviders.ts
rename to apps/web/src/interfaces/BrowserProviders.ts
diff --git a/apps/website/src/interfaces/EthersProvider.ts b/apps/web/src/interfaces/EthersProvider.ts
similarity index 100%
rename from apps/website/src/interfaces/EthersProvider.ts
rename to apps/web/src/interfaces/EthersProvider.ts
diff --git a/apps/web/src/layouts/default-layout.vue b/apps/web/src/layouts/default-layout.vue
new file mode 100644
index 000000000..2bee5ebe8
--- /dev/null
+++ b/apps/web/src/layouts/default-layout.vue
@@ -0,0 +1,17 @@
+<template>
+  <div
+    id="layout"
+  >
+    <!-- Nav -->
+    <!-- <NavBar /> -->
+
+    <!-- Page -->
+    <div id="content">
+      <slot />
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+// import NavBar from '@/components/nav-bar.vue'
+</script>
\ No newline at end of file
diff --git a/apps/web/src/main.ts b/apps/web/src/main.ts
new file mode 100644
index 000000000..ac7b903b8
--- /dev/null
+++ b/apps/web/src/main.ts
@@ -0,0 +1,18 @@
+import { createApp } from 'vue'
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+import App from '@/App.vue'
+import '@/index.css'
+import { createRouter, createWebHistory } from 'vue-router'
+import routes from '~pages'
+
+console.log('Creating app...', import.meta.env)
+console.log('Local mocking is', import.meta.env.PUBLIC_MOCK_ENABLED ? 'enabled' : 'disabled')
+
+const app = createApp(App)
+const router = createRouter({
+  history: createWebHistory(),
+  routes,
+})
+app.use(router)
+app.mount('#app')
diff --git a/apps/website/src/pages/wallet/index.vue b/apps/web/src/pages/index/index.vue
similarity index 100%
rename from apps/website/src/pages/wallet/index.vue
rename to apps/web/src/pages/index/index.vue
diff --git a/apps/website/src/types/ProviderString.ts b/apps/web/src/types/ProviderString.ts
similarity index 100%
rename from apps/website/src/types/ProviderString.ts
rename to apps/web/src/types/ProviderString.ts
diff --git a/apps/web/tailwind.config.js b/apps/web/tailwind.config.js
new file mode 100644
index 000000000..5a59014ee
--- /dev/null
+++ b/apps/web/tailwind.config.js
@@ -0,0 +1,16 @@
+module.exports = {
+    content: [
+        './**/*.{vue,ts,js,css}'
+    ],
+    theme: {
+        extend: {
+            colors: {},
+            screens: {
+                'laptop': '450px',
+                'tablet': '450px',
+                'mobile': '450px'
+            },
+        }
+    },
+    plugins: []
+}
\ No newline at end of file
diff --git a/apps/web/tsconfig.json b/apps/web/tsconfig.json
new file mode 100644
index 000000000..cb70bd058
--- /dev/null
+++ b/apps/web/tsconfig.json
@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "module": "esnext",
+    "moduleResolution": "node",
+    "strict": true,
+    "jsx": "preserve",
+    "sourceMap": true,
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "lib": [
+      "esnext",
+      "dom"
+    ],
+    "types": ["vite/client", "vite-plugin-pages/client"],
+    "skipLibCheck": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"],    
+    },
+    "typeRoots": [
+      "./node_modules/@types"
+    ]
+  },
+  "include": ["./src/**/*.ts", "./src/**/*.vue"]
+}
diff --git a/apps/website/vite.config.ts b/apps/web/vite.config.ts
similarity index 91%
rename from apps/website/vite.config.ts
rename to apps/web/vite.config.ts
index 3eca6e798..674816c93 100644
--- a/apps/website/vite.config.ts
+++ b/apps/web/vite.config.ts
@@ -9,14 +9,14 @@ import NodeGlobalsPolyfillPlugin from '@esbuild-plugins/node-globals-polyfill'
 
 const config: UserConfig = {
   plugins: [
-    vue({ include: [/\.vue$/, /\.md$/] }),
+    vue({ include: [/\.vue$/] }),
     pages({
       dirs: [{ dir: 'src/pages', baseRoute: '' }],
-      extensions: ['vue', 'md'],
+      extensions: ['vue'],
     }),
   ],
   define: {
-    'window.global': [],
+    'window.global': 'globalThis'
   },
   optimizeDeps: {
     include: ['iotex-antenna'],
diff --git a/apps/website/README.md b/apps/website/README.md
deleted file mode 100644
index 30b15e215..000000000
--- a/apps/website/README.md
+++ /dev/null
@@ -1,16 +0,0 @@
-# Vue 3 + TypeScript + Vite
-
-This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
-
-## Recommended IDE Setup
-
-- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)
-
-## Type Support For `.vue` Imports in TS
-
-Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's Take Over mode by following these steps:
-
-1. Run `Extensions: Show Built-in Extensions` from VS Code's command palette, look for `TypeScript and JavaScript Language Features`, then right click and select `Disable (Workspace)`. By default, Take Over mode will enable itself if the default TypeScript extension is disabled.
-2. Reload the VS Code window by running `Developer: Reload Window` from the command palette.
-
-You can learn more about Take Over mode [here](https://github.com/johnsoncodehk/volar/discussions/471).
diff --git a/apps/website/src/App.vue b/apps/website/src/App.vue
deleted file mode 100644
index 57f7e6fc8..000000000
--- a/apps/website/src/App.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<script lang="ts" setup>
-// import Web3 from 'web3'
-import { useRoute, RouterView } from 'vue-router'
-import { ref, markRaw, watch } from 'vue'
-import DefaultLayout from '@/layouts/default-layout.vue'
-const route = useRoute()
-const layout = ref(markRaw(DefaultLayout))
-// console.log('web3 in App.vue:>> ', web3)
-watch(
-  () => route.path,
-  (value) => {
-    // Alternative blog layout example
-    if (value.includes('/blog')) {
-      // layout.value = markRaw(BlogLayout)
-    } else {
-      layout.value = markRaw(DefaultLayout)
-    }
-  }
-)
-</script>
-
-<template>
-  <Suspense>
-    <component :is="layout">
-      <RouterView />
-    </component>
-  </Suspense>
-</template>
diff --git a/apps/website/src/assets/logo.png b/apps/website/src/assets/logo.png
deleted file mode 100644
index f3d2503fc2a44b5053b0837ebea6e87a2d339a43..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 6849
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

diff --git a/apps/website/src/composables/contracts.ts b/apps/website/src/composables/contracts.ts
deleted file mode 100644
index f6f1acbf2..000000000
--- a/apps/website/src/composables/contracts.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-// import Sample from '@casimir/evm/build/artifacts/contracts/src/Sample.sol/Sample.json'
-// import { ethers } from 'ethers'
-
-export default function useContracts() {
-
-
-    return {
-
-    }
-}
diff --git a/package-lock.json b/package-lock.json
index c681bf08f..0b1a9dc32 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -27,9 +27,28 @@
         "release-it": "^10.0.3"
       }
     },
-    "apps/website": {
-      "name": "@casimir/website",
-      "version": "0.0.0",
+    "apps/landing": {
+      "name": "@casimir/landing",
+      "version": "0.0.1",
+      "dependencies": {
+        "@heroicons/vue": "^1.0.6",
+        "vue": "^3.2.25",
+        "vue-router": "^4.0.15"
+      },
+      "devDependencies": {
+        "@vitejs/plugin-vue": "^2.3.3",
+        "autoprefixer": "^10.4.7",
+        "postcss": "^8.4.14",
+        "tailwindcss": "^3.0.24",
+        "typescript": "^4.5.4",
+        "vite": "^2.9.9",
+        "vite-plugin-pages": "^0.23.0",
+        "vue-tsc": "^0.34.7"
+      }
+    },
+    "apps/web": {
+      "name": "@casimir/web",
+      "version": "0.0.1",
       "dependencies": {
         "@heroicons/vue": "^1.0.6",
         "ethers": "^5.6.9",
@@ -99,12 +118,8 @@
     },
     "contracts/evm/node_modules/@types/node": {
       "version": "17.0.45",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.45.tgz",
-      "integrity": "sha512-w+tIMs3rq2afQdsPJlODhoUEKzFP1ayaoyl1CcnwtIlsVe7K7bA1NGm4s3PraqTLlXnbIN84zuBlxBWo1u9BLw==",
-      "dev": true
-    },
-    "contracts/solidity": {
-      "extraneous": true
+      "dev": true,
+      "license": "MIT"
     },
     "infrastructure/cdk": {
       "name": "@casimir/cdk",
@@ -2493,12 +2508,16 @@
       "resolved": "common/helpers",
       "link": true
     },
+    "node_modules/@casimir/landing": {
+      "resolved": "apps/landing",
+      "link": true
+    },
     "node_modules/@casimir/users": {
       "resolved": "services/users",
       "link": true
     },
-    "node_modules/@casimir/website": {
-      "resolved": "apps/website",
+    "node_modules/@casimir/web": {
+      "resolved": "apps/web",
       "link": true
     },
     "node_modules/@cnakazawa/watch": {
@@ -18215,7 +18234,7 @@
     },
     "node_modules/ganache-core/node_modules/keccak": {
       "version": "3.0.1",
-      "extraneous": true,
+      "dev": true,
       "hasInstallScript": true,
       "inBundle": true,
       "license": "MIT",
@@ -18788,7 +18807,7 @@
     },
     "node_modules/ganache-core/node_modules/node-addon-api": {
       "version": "2.0.2",
-      "extraneous": true,
+      "dev": true,
       "inBundle": true,
       "license": "MIT"
     },
@@ -18802,7 +18821,7 @@
     },
     "node_modules/ganache-core/node_modules/node-gyp-build": {
       "version": "4.2.3",
-      "extraneous": true,
+      "dev": true,
       "inBundle": true,
       "license": "MIT",
       "bin": {
@@ -41090,8 +41109,6 @@
       "dependencies": {
         "@types/node": {
           "version": "17.0.45",
-          "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.45.tgz",
-          "integrity": "sha512-w+tIMs3rq2afQdsPJlODhoUEKzFP1ayaoyl1CcnwtIlsVe7K7bA1NGm4s3PraqTLlXnbIN84zuBlxBWo1u9BLw==",
           "dev": true
         }
       }
@@ -41110,6 +41127,22 @@
         }
       }
     },
+    "@casimir/landing": {
+      "version": "file:apps/landing",
+      "requires": {
+        "@heroicons/vue": "^1.0.6",
+        "@vitejs/plugin-vue": "^2.3.3",
+        "autoprefixer": "^10.4.7",
+        "postcss": "^8.4.14",
+        "tailwindcss": "^3.0.24",
+        "typescript": "^4.5.4",
+        "vite": "^2.9.9",
+        "vite-plugin-pages": "^0.23.0",
+        "vue": "^3.2.25",
+        "vue-router": "^4.0.15",
+        "vue-tsc": "^0.34.7"
+      }
+    },
     "@casimir/users": {
       "version": "file:services/users",
       "requires": {
@@ -41131,8 +41164,8 @@
         }
       }
     },
-    "@casimir/website": {
-      "version": "file:apps/website",
+    "@casimir/web": {
+      "version": "file:apps/web",
       "requires": {
         "@esbuild-plugins/node-globals-polyfill": "^0.1.1",
         "@esbuild-plugins/node-modules-polyfill": "^0.1.4",
@@ -52290,7 +52323,7 @@
         "keccak": {
           "version": "3.0.1",
           "bundled": true,
-          "extraneous": true,
+          "dev": true,
           "requires": {
             "node-addon-api": "^2.0.0",
             "node-gyp-build": "^4.2.0"
@@ -52721,7 +52754,7 @@
         "node-addon-api": {
           "version": "2.0.2",
           "bundled": true,
-          "extraneous": true
+          "dev": true
         },
         "node-fetch": {
           "version": "2.1.2",
@@ -52730,7 +52763,7 @@
         "node-gyp-build": {
           "version": "4.2.3",
           "bundled": true,
-          "extraneous": true
+          "dev": true
         },
         "normalize-url": {
           "version": "4.5.0",
diff --git a/package.json b/package.json
index 7df968401..091d5eb39 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,9 @@
     "clean": "npm exec --workspaces -- npx rimraf node_modules && npx rimraf node_modules",
     "deploy": "scripts/cdk/deploy -d infrastructure/cdk",
     "deploy:templates": "scripts/pinpoint/deploy -d content/email/templates",
-    "dev": "scripts/local/dev",
+    "dev": "scripts/local/dev -a \"web\" -m \"$npm_config_mock\"",
+    "dev:ethereum": "scripts/ethereum/dev -f \"$npm_config_fork\"",
+    "dev:landing": "scripts/local/dev -a \"landing\" -m \"$npm_config_mock\"",
     "lint": "eslint --ext .vue,.ts ./ --fix",
     "test": "echo \"Error: no test specified\" && exit 1",
     "test:push": "scripts/actions/test -w push",
@@ -22,8 +24,7 @@
     "test:contracts": "npm run test:contracts --workspace @casimir/evm",
     "task:accounts": "npm run task:accounts --workspace @casimir/evm",
     "task:compile": "npm run task:compile --workspace @casimir/evm",
-    "task:clean": "npm run task:clean --workspace @casimir/evm",
-    "dev:ethereum": "scripts/ethereum/dev -f $npm_config_fork"
+    "task:clean": "npm run task:clean --workspace @casimir/evm"
   },
   "repository": {
     "type": "git",
diff --git a/scripts/local/dev b/scripts/local/dev
index 7f533a971..00d2042f4 100755
--- a/scripts/local/dev
+++ b/scripts/local/dev
@@ -1,20 +1,40 @@
 #!/bin/bash
-# Select ports for services
+# Run an application dev server
+#
+# Example:
+#
+#    scripts/local/dev -a app-name -m whether-to-mock-app-services (i.e. -a web -m true)
+#
+# Further information:
+# See https://docs.aws.amazon.com/cdk/api/v2/
 #
-
-echo "npm_config_mock is set to '$npm_config_mock'"
 
 # Configure and expose variables
 source scripts/aws/configure
 export PUBLIC_STAGE=${STAGE}
 
-if [ ${npm_config_mock+x} ]; then
+# Comma-separated list of app services to mock
+services_landing="users"
+services_web=""
+
+# Get args
+while getopts :a:m: flag
+do
+    case "${flag}" in
+        a) app=${OPTARG};;
+        m) mock=${OPTARG};;
+    esac
+done
+
+if [ -z "$app" ]; then
+    app="web"
+    echo "app is not set, using default app $app"
+fi
 
-    # Set comma-separated list of services to mock
-    services="users"
+if [ -n "$mock" ]; then
 
     # Loop over comma-separated string of services
-    IFS=',' read -r -a service_list <<< "$services"
+    IFS=',' read -r -a service_list <<< services_$app
     port=3999
 
     # Todo kill dynamically
@@ -28,7 +48,7 @@ if [ ${npm_config_mock+x} ]; then
         port=$(( port + 1 ))
         export PUBLIC_${SERVICE}_PORT=$port
     done
-    scripts/local/mock -d infrastructure/cdk -s $services & npm run dev --workspace @casimir/website
+    scripts/local/mock -d infrastructure/cdk -s $services & npm run dev --workspace @casimir/$app
 else
-    npm run dev --workspace @casimir/website
+    npm run dev --workspace @casimir/$app
 fi
\ No newline at end of file
diff --git a/scripts/local/mock b/scripts/local/mock
index b276fd464..2b5785cd1 100755
--- a/scripts/local/mock
+++ b/scripts/local/mock
@@ -3,7 +3,7 @@
 #
 # Example:
 #
-#    scripts/local/mock -d ./path/to/cdk-directory -s string-of-services (i.e. -s users,analytics)
+#    scripts/local/mock -d ./path/to/cdk-directory -s <string-of-services (i.e. -s users,analytics)
 #
 # Further information:
 # See https://docs.aws.amazon.com/cdk/api/v2/

From 2cb6d33a3570a4cfce50b030a81da6ab578f19ae Mon Sep 17 00:00:00 2001
From: Shane Earley <shanejearley@gmail.com>
Date: Fri, 9 Sep 2022 12:36:17 -0400
Subject: [PATCH 2/4] Update infrastructure to landing app naming

---
 README.md                                     |  5 +--
 infrastructure/cdk/bin/index.ts               |  4 +--
 infrastructure/cdk/lib/dns/dns-stack.ts       |  4 +--
 .../landing-stack.ts}                         | 34 +++++++++----------
 infrastructure/cdk/test/all.test.ts           | 10 +++---
 5 files changed, 29 insertions(+), 28 deletions(-)
 rename infrastructure/cdk/lib/{website/website-stack.ts => landing/landing-stack.ts} (76%)

diff --git a/README.md b/README.md
index 208ee6194..1a1cf91ae 100644
--- a/README.md
+++ b/README.md
@@ -185,7 +185,7 @@ npm install -D some-dev-dependency
 Install a workspace dependency or dev dependency.
 
 ```zsh
-npm install some-dependency --workspace @casimir/workspace-name # i.e. @casimir/website
+npm install some-dependency --workspace @casimir/workspace-name # i.e. @casimir/web
 # or
 npm install -D some-dev-dependency --workspace @casimir/workspace-name
 ```
@@ -214,7 +214,8 @@ Code is organized into work directories (apps, services, infrastructure – and
 ├── .github/ (workflows and issue templates)
 |   └── workflows/ (gh actions workflows)
 ├── apps/ (frontend apps)
-|   └── website/ (main web app)
+    |── landing/ (landing page app)
+|   └── web/ (main web app)
 ├── infrastructure/ (deployment resources)
 |   └── cdk/ (aws stacks)
 ├── common/ (shared code)
diff --git a/infrastructure/cdk/bin/index.ts b/infrastructure/cdk/bin/index.ts
index 6c2a992ce..ee2c06927 100755
--- a/infrastructure/cdk/bin/index.ts
+++ b/infrastructure/cdk/bin/index.ts
@@ -2,7 +2,7 @@
 import 'source-map-support/register'
 import * as cdk from 'aws-cdk-lib'
 import { pascalCase } from '@casimir/helpers'
-import { WebsiteStack } from '../lib/website/website-stack'
+import { LandingStack } from '../lib/landing/landing-stack'
 import { UsersStack } from '../lib/users/users-stack'
 import { DnsStack } from '../lib/dns/dns-stack'
 import { EtlStack } from '../lib/etl/etl-stack'
@@ -20,5 +20,5 @@ if (!process.env.PROJECT || !process.env.STAGE) {
     const { domain, dnsRecords, hostedZone } = dnsStack
     new EtlStack(app, `${project}EtlStack${stage}`, { env: defaultEnv, project, stage })
     new UsersStack(app, `${project}UsersStack${stage}`, { env: defaultEnv, project, stage, domain, dnsRecords, hostedZone })
-    new WebsiteStack(app, `${project}WebsiteStack${stage}`, { env: defaultEnv, project, stage, domain, dnsRecords, hostedZone })
+    new LandingStack(app, `${project}LandingStack${stage}`, { env: defaultEnv, project, stage, domain, dnsRecords, hostedZone })
 }
diff --git a/infrastructure/cdk/lib/dns/dns-stack.ts b/infrastructure/cdk/lib/dns/dns-stack.ts
index d2ebad559..0c5701e2d 100644
--- a/infrastructure/cdk/lib/dns/dns-stack.ts
+++ b/infrastructure/cdk/lib/dns/dns-stack.ts
@@ -8,7 +8,7 @@ export interface DnsStackProps extends StackProps {
 }
 
 /**
- * Class representing the website stack.
+ * Class representing the dns stack.
  *
  * Shortest name:  {@link DnsStack}
  * Full name:      {@link (DnsStack:class)}
@@ -42,7 +42,7 @@ export class DnsStack extends Stack {
     
     const dnsRecords = {
         wildcard: '*',
-        website: 'www',
+        landing: 'www',
         users: 'users'
     }
 
diff --git a/infrastructure/cdk/lib/website/website-stack.ts b/infrastructure/cdk/lib/landing/landing-stack.ts
similarity index 76%
rename from infrastructure/cdk/lib/website/website-stack.ts
rename to infrastructure/cdk/lib/landing/landing-stack.ts
index 7115a3d31..db36057db 100644
--- a/infrastructure/cdk/lib/website/website-stack.ts
+++ b/infrastructure/cdk/lib/landing/landing-stack.ts
@@ -8,7 +8,7 @@ import { BucketDeployment, Source } from 'aws-cdk-lib/aws-s3-deployment'
 import { Distribution, OriginAccessIdentity } from 'aws-cdk-lib/aws-cloudfront'
 import { S3Origin } from 'aws-cdk-lib/aws-cloudfront-origins'
 
-export interface WebsiteStackProps extends StackProps {
+export interface LandingStackProps extends StackProps {
   project: string;
   stage: string;
   domain: string;
@@ -17,29 +17,29 @@ export interface WebsiteStackProps extends StackProps {
 }
 
 /**
- * Class representing the website stack.
+ * Class representing the landing stack.
  *
- * Shortest name:  {@link WebsiteStack}
- * Full name:      {@link (WebsiteStack:class)}
+ * Shortest name:  {@link LandingStack}
+ * Full name:      {@link (LandingStack:class)}
  */
-export class WebsiteStack extends Stack {
+export class LandingStack extends Stack {
 
-  public readonly service: string = 'Website'
-  public readonly assetPath: string = '../../apps/website/dist'
+  public readonly service: string = 'Landing'
+  public readonly assetPath: string = '../../apps/landing/dist'
 
   /**
-   * WebsiteStack class constructor.
+   * LandingStack class constructor.
    * 
-   * Shortest name:  {@link (WebsiteStack:constructor)}
-   * Full name:      {@link (WebsiteStack:constructor)}
+   * Shortest name:  {@link (LandingStack:constructor)}
+   * Full name:      {@link (LandingStack:constructor)}
    */
-  constructor(scope: Construct, id: string, props: WebsiteStackProps) {
+  constructor(scope: Construct, id: string, props: LandingStackProps) {
 
     /**
-     * WebsiteStack class constructor super method.
+     * LandingStack class constructor super method.
      * 
-     * Shortest name:  {@link (WebsiteStack:constructor:super)}
-     * Full name:      {@link (WebsiteStack:constructor:super)}
+     * Shortest name:  {@link (LandingStack:constructor:super)}
+     * Full name:      {@link (LandingStack:constructor:super)}
      */
     super(scope, id, props)
 
@@ -51,7 +51,7 @@ export class WebsiteStack extends Stack {
     const certificate = new certmgr.DnsValidatedCertificate(this, `${project}${this.service}Cert${stage}`, {
       domainName: serviceDomain,
       subjectAlternativeNames: [
-        [dnsRecords.website, serviceDomain].join('.')
+        [dnsRecords.landing, serviceDomain].join('.')
       ],
       hostedZone,
       region: 'us-east-1'
@@ -88,7 +88,7 @@ export class WebsiteStack extends Stack {
       defaultBehavior: {
         origin: new S3Origin(bucket, { originAccessIdentity }),
       },
-      domainNames: [serviceDomain, [dnsRecords.website, serviceDomain].join('.')],
+      domainNames: [serviceDomain, [dnsRecords.landing, serviceDomain].join('.')],
       certificate
     })
 
@@ -100,7 +100,7 @@ export class WebsiteStack extends Stack {
     })
 
     new route53.ARecord(this, `${project}${this.service}DnsARecordWww${stage}`, {
-      recordName: [dnsRecords.website, serviceDomain].join('.'),
+      recordName: [dnsRecords.landing, serviceDomain].join('.'),
       zone: hostedZone as route53.IHostedZone,
       target: route53.RecordTarget.fromAlias(new route53targets.CloudFrontTarget(distribution)),
       ttl: Duration.minutes(1),
diff --git a/infrastructure/cdk/test/all.test.ts b/infrastructure/cdk/test/all.test.ts
index 75bc9a39b..0ec2e9ee5 100644
--- a/infrastructure/cdk/test/all.test.ts
+++ b/infrastructure/cdk/test/all.test.ts
@@ -3,7 +3,7 @@ import { Template } from 'aws-cdk-lib/assertions'
 import { DnsStack } from '../lib/dns/dns-stack'
 import { EtlStack } from '../lib/etl/etl-stack'
 import { UsersStack } from '../lib/users/users-stack'
-import { WebsiteStack } from '../lib/website/website-stack'
+import { LandingStack } from '../lib/landing/landing-stack'
 
 test('All stacks created', () => {
 
@@ -15,7 +15,7 @@ test('All stacks created', () => {
   const dnsStack = new DnsStack(app, `${project}DnsStack${stage}`, { env: defaultEnv, project, stage })
   const { domain, dnsRecords, hostedZone } = dnsStack
   const etlStack = new EtlStack(app, `${project}EtlStack${stage}`, { env: defaultEnv, project, stage })
-  const websiteStack = new WebsiteStack(app, `${project}WebsiteStack${stage}`, { env: defaultEnv, project, stage, domain, dnsRecords, hostedZone })
+  const landingStack = new LandingStack(app, `${project}LandingStack${stage}`, { env: defaultEnv, project, stage, domain, dnsRecords, hostedZone })
   const usersStack = new UsersStack(app, `${project}UsersStack${stage}`, { env: defaultEnv, project, stage, domain, dnsRecords, hostedZone })
 
   const etlTemplate = Template.fromStack(etlStack)
@@ -25,9 +25,9 @@ test('All stacks created', () => {
     expect(output).toBeDefined()
   })
 
-  const websiteTemplate = Template.fromStack(websiteStack)
-  console.log(websiteTemplate)
-  Object.keys(websiteTemplate.findOutputs('*')).forEach(output => {
+  const landingTemplate = Template.fromStack(landingStack)
+  console.log(landingTemplate)
+  Object.keys(landingTemplate.findOutputs('*')).forEach(output => {
     console.log(output)
     expect(output).toBeDefined()
   })

From 54721eeda786e880b3ea1c5752956facbbdea00c Mon Sep 17 00:00:00 2001
From: Shane Earley <shanejearley@gmail.com>
Date: Fri, 9 Sep 2022 14:02:50 -0400
Subject: [PATCH 3/4] Remove unnecessary ts-ignore

---
 apps/landing/src/main.ts | 2 --
 apps/web/src/main.ts     | 2 --
 2 files changed, 4 deletions(-)

diff --git a/apps/landing/src/main.ts b/apps/landing/src/main.ts
index ac7b903b8..3fa26a96d 100644
--- a/apps/landing/src/main.ts
+++ b/apps/landing/src/main.ts
@@ -1,6 +1,4 @@
 import { createApp } from 'vue'
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
 import App from '@/App.vue'
 import '@/index.css'
 import { createRouter, createWebHistory } from 'vue-router'
diff --git a/apps/web/src/main.ts b/apps/web/src/main.ts
index ac7b903b8..3fa26a96d 100644
--- a/apps/web/src/main.ts
+++ b/apps/web/src/main.ts
@@ -1,6 +1,4 @@
 import { createApp } from 'vue'
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
 import App from '@/App.vue'
 import '@/index.css'
 import { createRouter, createWebHistory } from 'vue-router'

From f8635c1315908e09ea17a0eda586df345200ccbd Mon Sep 17 00:00:00 2001
From: Shane Earley <shanejearley@gmail.com>
Date: Fri, 9 Sep 2022 14:06:44 -0400
Subject: [PATCH 4/4] Remove unneccessary types specification in tsconfig

---
 apps/landing/tsconfig.json | 1 -
 apps/web/tsconfig.json     | 1 -
 2 files changed, 2 deletions(-)

diff --git a/apps/landing/tsconfig.json b/apps/landing/tsconfig.json
index cb70bd058..4ff7eea8f 100644
--- a/apps/landing/tsconfig.json
+++ b/apps/landing/tsconfig.json
@@ -12,7 +12,6 @@
       "esnext",
       "dom"
     ],
-    "types": ["vite/client", "vite-plugin-pages/client"],
     "skipLibCheck": true,
     "baseUrl": ".",
     "paths": {
diff --git a/apps/web/tsconfig.json b/apps/web/tsconfig.json
index cb70bd058..4ff7eea8f 100644
--- a/apps/web/tsconfig.json
+++ b/apps/web/tsconfig.json
@@ -12,7 +12,6 @@
       "esnext",
       "dom"
     ],
-    "types": ["vite/client", "vite-plugin-pages/client"],
     "skipLibCheck": true,
     "baseUrl": ".",
     "paths": {