style: tweaked email templates

components/emails/unsubscribe.tsx

@@ -1,3 +1,5 @@
+import { Link } from '../custom/link';
+import { Note } from './components/note';
 import Email from './template';
 
 export default function UnsubscribeTemplate() {
@@ -6,8 +8,26 @@ export default function UnsubscribeTemplate() {
     template: (
       <Email
         title="We're sad you're leaving :("
-        body={<>You have unsubscribed from the newsletter.</>}
+        body={
+          <div className='mt-8'>
+            <p className='mt-2 text-base text-gray-700 dark:text-gray-400'>
+              You have been successfully unsubscribed from our newsletter. You
+              won&apos;t receive any further communications from us unless you
+              explicitly opt-in again.
+            </p>
+            <div className='my-8 flex justify-center'>
+              <Link path='/' text='Re-subscribe' />
+            </div>
+            <Note>
+              If you have any questions or concerns, please feel free to{' '}
+              <a className='text-blue-500 underline' href='#'>
+                contact us
+              </a>
+              .
+            </Note>
+          </div>
+        }
       />
-    ),
+    )
   };
 }