Initial Commit

mvp-platform-services/landing/src/App.tsx

@@ -0,0 +1,19 @@
+import { Routes, Route } from 'react-router-dom'
+import HomePage from './components/HomePage'
+import TenantSignup from './components/TenantSignup'
+import CallbackHandler from './components/CallbackHandler'
+
+function App() {
+
+  return (
+    <div className="App">
+      <Routes>
+        <Route path="/" element={<HomePage />} />
+        <Route path="/signup/:tenantId" element={<TenantSignup />} />
+        <Route path="/callback" element={<CallbackHandler />} />
+      </Routes>
+    </div>
+  )
+}
+
+export default App

mvp-platform-services/landing/src/components/CallbackHandler.tsx

@@ -0,0 +1,22 @@
+import React, { useEffect } from 'react'
+
+const CallbackHandler: React.FC = () => {
+  useEffect(() => {
+    // This component is no longer needed since we removed Auth0 from landing page
+    // Redirect to main app
+    window.location.href = 'https://admin.motovaultpro.com'
+  }, [])
+
+  return (
+    <div style={{ 
+      padding: '2rem', 
+      textAlign: 'center',
+      fontFamily: 'Arial, sans-serif'
+    }}>
+      <h2>Redirecting...</h2>
+      <p>Please wait while we redirect you to MotoVaultPro.</p>
+    </div>
+  )
+}
+
+export default CallbackHandler

mvp-platform-services/landing/src/components/HomePage.tsx

@@ -0,0 +1,55 @@
+import React from 'react'
+
+const HomePage: React.FC = () => {
+  const handleLogin = () => {
+    // Redirect directly to admin tenant for login
+    window.location.href = 'https://admin.motovaultpro.com'
+  }
+
+  return (
+    <div style={{ padding: '2rem', fontFamily: 'Arial, sans-serif' }}>
+      <header style={{ textAlign: 'center', marginBottom: '3rem' }}>
+        <h1>MotoVaultPro</h1>
+        <p>The complete vehicle management platform for automotive professionals</p>
+      </header>
+
+      <main style={{ maxWidth: '800px', margin: '0 auto' }}>
+        <section style={{ marginBottom: '3rem' }}>
+          <h2>Features</h2>
+          <ul>
+            <li>Vehicle inventory management</li>
+            <li>Maintenance tracking and scheduling</li>
+            <li>Fuel log analytics</li>
+            <li>Service station locator</li>
+            <li>Multi-tenant architecture for teams</li>
+          </ul>
+        </section>
+
+        <section style={{ textAlign: 'center' }}>
+          <h2>Get Started</h2>
+          <p>Already have an account?</p>
+          <button 
+            onClick={handleLogin}
+            style={{
+              padding: '1rem 2rem',
+              fontSize: '1.1rem',
+              backgroundColor: '#007bff',
+              color: 'white',
+              border: 'none',
+              borderRadius: '4px',
+              cursor: 'pointer'
+            }}
+          >
+            Access Your Dashboard
+          </button>
+          
+          <p style={{ marginTop: '2rem' }}>
+            Need to join a team? Contact your tenant administrator for an invitation.
+          </p>
+        </section>
+      </main>
+    </div>
+  )
+}
+
+export default HomePage

mvp-platform-services/landing/src/components/TenantSignup.tsx

@@ -0,0 +1,109 @@
+import React, { useEffect, useState } from 'react'
+import { useParams } from 'react-router-dom'
+import { useAuth0 } from '@auth0/auth0-react'
+import axios from 'axios'
+
+interface TenantInfo {
+  id: string
+  name: string
+  status: string
+}
+
+const TenantSignup: React.FC = () => {
+  const { tenantId } = useParams<{ tenantId: string }>()
+  const { loginWithRedirect } = useAuth0()
+  const [tenant, setTenant] = useState<TenantInfo | null>(null)
+  const [loading, setLoading] = useState(true)
+  const [error, setError] = useState<string | null>(null)
+
+  useEffect(() => {
+    const fetchTenant = async () => {
+      try {
+        const response = await axios.get(
+          `${import.meta.env.VITE_TENANTS_API_URL}/api/v1/tenants/${tenantId}`
+        )
+        setTenant(response.data)
+      } catch (err) {
+        setError('Tenant not found or not accepting signups')
+      } finally {
+        setLoading(false)
+      }
+    }
+
+    if (tenantId) {
+      fetchTenant()
+    }
+  }, [tenantId])
+
+  const handleSignup = async () => {
+    await loginWithRedirect({
+      authorizationParams: {
+        screen_hint: 'signup',
+        redirect_uri: `${window.location.origin}/callback`
+      }
+    })
+  }
+
+  if (loading) {
+    return <div style={{ padding: '2rem' }}>Loading...</div>
+  }
+
+  if (error || !tenant) {
+    return (
+      <div style={{ padding: '2rem', textAlign: 'center' }}>
+        <h2>Tenant Not Found</h2>
+        <p>{error}</p>
+        <a href="/">Return to Homepage</a>
+      </div>
+    )
+  }
+
+  return (
+    <div style={{ padding: '2rem', maxWidth: '600px', margin: '0 auto', fontFamily: 'Arial, sans-serif' }}>
+      <header style={{ textAlign: 'center', marginBottom: '2rem' }}>
+        <h1>Join {tenant.name}</h1>
+        <p>Create your account to get started</p>
+      </header>
+
+      <main>
+        <div style={{ 
+          border: '1px solid #ddd', 
+          borderRadius: '8px', 
+          padding: '2rem', 
+          backgroundColor: '#f9f9f9' 
+        }}>
+          <h3>What happens next?</h3>
+          <ol>
+            <li>Create your account with Auth0</li>
+            <li>Your signup request will be sent to the tenant administrator</li>
+            <li>Once approved, you'll receive access to {tenant.name}</li>
+            <li>Login at <code>{tenant.id}.motovaultpro.com</code></li>
+          </ol>
+
+          <div style={{ textAlign: 'center', marginTop: '2rem' }}>
+            <button 
+              onClick={handleSignup}
+              style={{
+                padding: '1rem 2rem',
+                fontSize: '1.1rem',
+                backgroundColor: '#28a745',
+                color: 'white',
+                border: 'none',
+                borderRadius: '4px',
+                cursor: 'pointer'
+              }}
+            >
+              Create Account for {tenant.name}
+            </button>
+          </div>
+        </div>
+
+        <div style={{ textAlign: 'center', marginTop: '2rem' }}>
+          <a href="/">← Back to Homepage</a>
+        </div>
+      </main>
+    </div>
+  )
+}
+
+export default TenantSignup

mvp-platform-services/landing/src/main.tsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import { BrowserRouter } from 'react-router-dom'
+import App from './App'
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <BrowserRouter>
+      <App />
+    </BrowserRouter>
+  </React.StrictMode>
+)

mvp-platform-services/landing/src/vite-env.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  readonly VITE_AUTH0_DOMAIN: string
+  readonly VITE_AUTH0_CLIENT_ID: string
+  readonly VITE_TENANTS_API_URL: string
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv
+}