generated from resend/resend-template-example
-
Notifications
You must be signed in to change notification settings - Fork 2
/
waitlist-email.tsx
57 lines (51 loc) · 1.21 KB
/
waitlist-email.tsx
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
import {
Body,
Container,
Head,
Heading,
Html,
Preview,
Text,
} from "@react-email/components";
import * as React from "react";
interface WaitlistEmailProps {
name: string;
}
export const WaitlistEmail = ({ name }: WaitlistEmailProps) => (
<Html>
<Head />
<Preview>Thank you for joining our waitlist and for your patience</Preview>
<Body style={main}>
<Container style={container}>
<Heading style={h1}>Coming Soon.</Heading>
<Text style={text}>
Thank you {name} for joining our waitlist and for your patience. We
will send you a note when we have something new to share.
</Text>
</Container>
</Body>
</Html>
);
const main = {
backgroundColor: "#000000",
margin: "0 auto",
fontFamily:
"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
};
const container = {
margin: "auto",
padding: "96px 20px 64px",
};
const h1 = {
color: "#ffffff",
fontSize: "24px",
fontWeight: "600",
lineHeight: "40px",
margin: "0 0 20px",
};
const text = {
color: "#aaaaaa",
fontSize: "14px",
lineHeight: "24px",
margin: "0 0 40px",
};