Fix: Create “Become a Host” Placeholder Page

apps/web/src/app/become-host/page.tsx

@@ -0,0 +1,65 @@
+import Link from 'next/link';
+export default function BecomeHostPage() {
+
+  return (
+    <div className="min-h-screen flex items-center justify-center p-4 bg-gray-50 dark:bg-gray-900">
+      <div className="max-w-2xl w-full text-center space-y-8">
+        <div>
+          <h1 className="text-4xl font-bold mb-4 text-gray-900 dark:text-white">
+            Become a Host
+          </h1>
+          <p className="text-xl text-gray-600 dark:text-gray-300 mb-8">
+            Share your property on StellarRent and start earning today
+          </p>
+        </div>
+
+        <div className="bg-yellow-50 dark:bg-yellow-900/20 border-2 border-yellow-200 dark:border-yellow-700 rounded-lg p-6">
+          <p className="text-yellow-800 dark:text-yellow-200 font-medium">
+            🚧 Host Onboarding in Progress
+          </p>
+          <p className="text-sm text-yellow-700 dark:text-yellow-300 mt-2">
+            Our team is building a seamless host onboarding experience. The full verification and property listing process will launch soon in Phase 2.
+          </p>
+        </div>
+
+        <div className="space-y-6">
+          <div className="p-6 bg-white dark:bg-gray-800 rounded-lg shadow-md">
+            <h3 className="font-bold text-lg mb-2 text-gray-900 dark:text-white">
+              ✓ Verify Your Identity
+            </h3>
+            <p className="text-sm text-gray-600 dark:text-gray-400">
+              Complete a secure identity verification process (coming soon)
+            </p>
+          </div>
+
+          <div className="p-6 bg-white dark:bg-gray-800 rounded-lg shadow-md">
+            <h3 className="font-bold text-lg mb-2 text-gray-900 dark:text-white">
+              ✓ Set Up Payments
+            </h3>
+            <p className="text-sm text-gray-600 dark:text-gray-400">
+              Configure your payment method to receive earnings (coming soon)
+            </p>
+          </div>
+
+          <div className="p-6 bg-white dark:bg-gray-800 rounded-lg shadow-md">
+            <h3 className="font-bold text-lg mb-2 text-gray-900 dark:text-white">
+              ✓ List Your Property
+            </h3>
+            <p className="text-sm text-gray-600 dark:text-gray-400">
+              Add your property details and start hosting (coming soon)
+            </p>
+          </div>
+        </div>
+
+        <div className="mt-8">
+          <Link
+              to="/dashboard"
+            className="inline-block px-6 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600 transition-colors"
+          >
+            Back to Dashboard
+          </Link>
+        </div>
+      </div>
+    </div>
+  );
+}