Waitlist on landing

.env.example

@@ -15,4 +15,4 @@ AWS_ACCESS_KEY_ID=
 AWS_SECRET_ACCESS_KEY=
 
 # Used for landing only
-MATTRAX_CLOUD_ORIGIN=http://localhost:3000 # Should point to `apps/web`
+VITE_MATTRAX_CLOUD_ORIGIN=http://localhost:3000 # Should point to `apps/web`

.vscode/settings.json

@@ -16,5 +16,6 @@
 	},
 	"editor.codeActionsOnSave": {
 		"quickfix.biome": "explicit"
-	}
+	},
+	"typescript.tsdk": "node_modules/typescript/lib"
 }

apps/landing/app.config.ts

@@ -1,4 +1,5 @@
 import { defineConfig } from "@solidjs/start/config";
+import { monorepoRoot } from "./loadEnv";
 import mattraxUI from "@mattrax/ui/vite";
 
 export default defineConfig({
@@ -9,6 +10,7 @@ export default defineConfig({
 		},
 	},
 	vite: {
+		envDir: monorepoRoot,
 		plugins: [mattraxUI],
 		server: {
 			fs: {

apps/landing/loadEnv.ts

@@ -0,0 +1,14 @@
+import { loadEnv } from "vite";
+import { dirname, join } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+const monorepoRoot = join(__dirname, "../..");
+
+process.env = {
+	...process.env,
+	...loadEnv("production", monorepoRoot, ""),
+};
+
+export { monorepoRoot };

apps/landing/package.json

@@ -24,6 +24,7 @@
 		"h3": "^1.11.1",
 		"solid-js": "^1.8.15",
 		"vinxi": "=0.3.4",
-		"vite": "^5.1.5"
+		"vite": "^5.1.5",
+		"zod": "^3.22.4"
 	}
 }

apps/landing/src/routes/company.tsx

@@ -3,22 +3,27 @@ export default function Page() {
 		<main>
 			<div class="mt-32 sm:mt-56">
 				<div class="mx-auto max-w-7xl px-6 lg:px-8">
-					<div class="mx-auto max-w-3xl sm:text-center">
+					<div class="mx-auto max-w-4xl sm:text-center">
 						<p class="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-7xl">
-							Mattrax Technologies
+							Mattrax Inc.
 						</p>
 						<p class="mt-6 text-xl leading-8 text-gray-600">
-							We at Mattrax Technologies are setting out to build better tools
-							for IT administrators. <br /> Empowering smaller teams to move
-							faster and more reliably than was ever possible.
+							<span class="inline-block">
+								We at Mattrax are setting out to build better tools for IT
+								administrators.
+							</span>
+							<span class="inline-block">
+								Empowering smaller teams to move faster without compromising on
+								end-user experience.
+							</span>
 						</p>
 
 						<h5 class="pt-8 text-2xl font-semibold leading-7 text-center">
 							Team
 						</h5>
 
 						<div class="mt-6 flex justify-center items-center text-start">
-							<div class="space-y-4 flex flex-col sm:w-full sm:flex-row sm:justify-around">
+							<div class="flex flex-col sm:w-full sm:flex-row sm:justify-around">
 								<div class="flex">
 									<img
 										class="w-16 h-16 rounded-full"