improvement: custom domain messaging (#1080)

* Update DomainStep.tsx

* logs

* Update VerifyStep.tsx

* Update VerifyStep.tsx

* Update VerifyStep.tsx

Author: ameer2468

apps/web/app/(org)/dashboard/settings/organization/components/CustomDomainDialog/DomainStep.tsx

@@ -32,14 +32,15 @@ const DomainStep = ({
 			<div className="text-center">
 				<h3 className="text-lg font-semibold text-gray-12">Your domain</h3>
 				<p className="text-sm text-gray-11">
-					Enter the custom domain you'd like to use
+					Enter the custom domain you'd like to use e.g.{" "}
+					<span className="font-medium text-gray-12">caps.yourdomain.com</span>
 				</p>
 			</div>
 			<div className="space-y-3">
 				<Input
 					type="text"
 					id="customDomain"
-					placeholder="your-domain.com"
+					placeholder="caps.yourdomain.com"
 					value={domain}
 					disabled={!isSubscribed || submitLoading}
 					className={clsx(

apps/web/app/(org)/dashboard/settings/organization/components/CustomDomainDialog/VerifyStep.tsx

@@ -131,7 +131,7 @@ const VerifyStep = ({
 				<h3 className="text-lg font-semibold text-gray-12">
 					{isVerified ? "Domain Verified" : "Verify your domain"}
 				</h3>
-				<p className="text-sm text-gray-11">
+				<p className="text-sm text-gray-11 w-full max-w-[350px] mx-auto">
 					{isVerified
 						? "Your domain is verified!"
 						: `Add the DNS records below to verify ownership of ${domain}: wait a minute after updating to verify.`}