fix(web): lifetime instructions missing vercel

web/app/dashboard/lifetime/page.tsx

@@ -11,12 +11,12 @@ export default async function LifetimeAccessPage() {
       </div>
     );
   }
-  
+
   return (
     <div className="min-h-screen bg-gradient-to-b from-gray-100 to-gray-200 dark:from-gray-900 dark:to-gray-800">
       <main className="container mx-auto px-4 py-12">
         <h1 className="text-4xl font-bold mb-8">Lifetime Access Setup</h1>
-        
+
         <div className="grid md:grid-cols-2 gap-12">
           <div>
             <Card className="p-4 bg-transparent bg-center bg-cover">
@@ -31,7 +31,7 @@ export default async function LifetimeAccessPage() {
                 </div>
               </CardContent>
             </Card>
-            
+
             <Card className="mt-8 p-4 bg-transparent">
               <CardHeader>
                 <CardTitle>Generate License</CardTitle>
@@ -41,12 +41,25 @@ export default async function LifetimeAccessPage() {
               </CardContent>
             </Card>
           </div>
-          
+
           <Card className="p-4 bg-transparent">
             <CardContent>
               <ol className="space-y-4">
                 <li className="rounded-lg border bg-card p-4 text-card-foreground shadow-sm">
                   <strong>Deploy your instance:</strong>
+                  <div className="flex gap-4 mt-2 items-center">
+                    <a
+                      href="https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fdifferent-ai%2Ffile-organizer-2000%2Ftree%2Fmaster%2Fweb&env=OPENAI_API_KEY,SOLO_API_KEY&envDescription=For%20SOLO_API_KEY%2C%20enter%20your%20lifetime%20license%20key%20you%20generated%20on%20the%20dashboard&envLink=https%3A%2F%2Fgithub.com%2Fdifferent-ai%2Ffile-organizer-2000%2Fblob%2Fmaster%2Ftutorials%2Fenv-vars.md&project-name=file-organizer-2000&repository-name=file-organizer-2000&build-command=npm%20run%20build:self-host"
+                      target="_blank"
+                      rel="noopener noreferrer"
+                    >
+                      <img
+                        src="https://vercel.com/button"
+                        alt="Deploy with Vercel"
+                        className="hover:bg-gray-200 transition-colors"
+                      />
+                    </a>
+                    or
                     <a
                       href="https://render.com/deploy?repo=https://github.com/different-ai/file-organizer-2000"
                       target="_blank"
@@ -58,6 +71,7 @@ export default async function LifetimeAccessPage() {
                         className="rounded-md hover:bg-gray-200 transition-colors"
                       />
                     </a>
+                  </div>
                   <ul className="list-disc list-inside mt-4 text-sm">
                     <li>You'll need to sign up/in on Vercel and GitHub.</li>
                     <li>
@@ -99,7 +113,7 @@ export default async function LifetimeAccessPage() {
             </CardContent>
           </Card>
         </div>
-        
+
         <footer className="mt-12 text-center">
           <Card className="p-4 bg-transparent inline-block">
             <CardHeader>
@@ -116,4 +130,4 @@ export default async function LifetimeAccessPage() {
       </main>
     </div>
   );
-}
+}