All files / src/lib/email/templates welcomeEmailTemplate.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
 
 
 
 
 
 
 
 
 
 
1x
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x
 
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x
 
 
import {
  emailButton,
  emailContent,
  emailFooter,
  emailHeader,
  emailLayout,
  emailList,
  emailParagraph,
} from './shared/emailComponents';
 
export const welcomeEmailTemplate = (userName: string) => {
  const content = `
    ${emailHeader('Welcome to Cookbook! 🎉')}
    
    ${emailContent(`
      ${emailParagraph(`Hello <strong>${userName}</strong>,`)}
      
      ${emailParagraph("Thank you for joining Cookbook! We're excited to have you as part of our culinary community.")}
      
      ${emailParagraph('You can now:')}
      
      ${emailList([
        'Browse and save your favorite recipes',
        'Create and share your own recipes',
        'Connect with other food enthusiasts',
        'Organize your personal cookbook',
      ])}
      
      ${emailParagraph('Start exploring delicious recipes now!', '30px')}
      
      <div style="text-align: center;">
        ${emailButton('Explore Recipes', process.env.NEXTAUTH_URL || 'http://localhost:3000')}
      </div>
    `)}
    
    ${emailFooter('Happy cooking! 👨‍🍳👩‍🍳', "If you didn't create this account, please ignore this email.")}
  `;
 
  const html = emailLayout(content);
 
  const text = `
Welcome to Cookbook! 🎉
 
Hello ${userName},
 
Thank you for joining Cookbook! We're excited to have you as part of our culinary community.
 
You can now:
- Browse and save your favorite recipes
- Create and share your own recipes
- Connect with other food enthusiasts
- Organize your personal cookbook
 
Start exploring delicious recipes now!
 
Visit: ${process.env.NEXTAUTH_URL || 'http://localhost:3000'}
 
Happy cooking! 👨‍🍳👩‍🍳
 
If you didn't create this account, please ignore this email.
  `;
 
  return { html, text };
};