From 6ac4e6b040084b1d2268fb6e122f95dd88022f4a Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Thu, 20 Mar 2025 01:28:59 -0600
Subject: [PATCH] feat: enhance LicenseSuccess page with email notification for
 API key

---
 apps/website/app/[locale]/license/success/page.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/apps/website/app/[locale]/license/success/page.tsx b/apps/website/app/[locale]/license/success/page.tsx
index 73b8274..4a55da9 100644
--- a/apps/website/app/[locale]/license/success/page.tsx
+++ b/apps/website/app/[locale]/license/success/page.tsx
@@ -2,7 +2,7 @@
 import { Container } from "@/components/Container";
 import { Button } from "@/components/ui/button";
 import confetti from "canvas-confetti";
-import { CheckCircle2, Copy, Terminal } from "lucide-react";
+import { CheckCircle2, Copy, Mail, Terminal } from "lucide-react";
 import Link from "next/link";
 import { useEffect, useState } from "react";
 
@@ -46,11 +46,18 @@ export default function LicenseSuccess() {
 						Thank you for your purchase!
 					</h1>
 
-					<p className="text-xl leading-8 text-zinc-400 mb-12">
+					<p className="text-xl leading-8 text-zinc-400 mb-6">
 						Your Dokploy license has been successfully activated. Here's your
 						API key to get started.
 					</p>
 
+					<div className="flex items-center justify-center gap-2 mb-12">
+						<Mail className="h-5 w-5 text-zinc-500" />
+						<p className="text-sm text-zinc-500">
+							We've also sent your API key to your email for safekeeping
+						</p>
+					</div>
+
 					<div className="bg-black/50 backdrop-blur-sm border border-zinc-800 rounded-xl p-8 mb-12">
 						<div className="flex flex-col items-center space-y-6">
 							<Terminal className="h-10 w-10 text-zinc-500" />