forked from dubinc/dub
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathrebrand-email.tsx
148 lines (145 loc) · 5.37 KB
/
rebrand-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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
import {
Body,
Link,
Container,
Head,
Heading,
Hr,
Html,
Img,
Preview,
Section,
Tailwind,
Text,
} from "@react-email/components";
import { DUB_LOGO, DUB_THUMBNAIL } from "../lib/constants";
import Footer from "./components/footer";
export default function RebrandEmail({
name = "Brendon Urie",
email = "[email protected]",
}: {
name: string | null;
email: string;
}) {
return (
<Html>
<Head />
<Preview>
Today, we're thrilled to announce our rebrand. Dub.sh is now Dub.co.
</Preview>
<Tailwind>
<Body className="mx-auto my-auto bg-white font-sans">
<Container className="mx-auto my-10 max-w-[500px] rounded border border-solid border-gray-200 px-10 py-5">
<Section className="mt-8">
<Img
src={DUB_LOGO}
width="40"
height="40"
alt="Dub"
className="mx-auto my-0"
/>
</Section>
<Heading className="mx-0 my-7 p-0 text-center text-xl font-semibold text-black">
Dub.sh is rebranding to Dub.co
</Heading>
<Section className="my-8">
<Img src={DUB_THUMBNAIL} alt="Dub" className="max-w-[500px]" />
</Section>
<Text className="text-sm leading-6 text-black">
Hey{name ? ` ${name}` : " there"}!
</Text>
<Text className="text-sm leading-6 text-black">
My name is Steven, and I'm the founder of Dub. Today, I have some
exciting news to share with you.
</Text>
<Text className="text-sm font-bold leading-6 text-black">
Dub.sh is rebranding to Dub.co.
</Text>
<Text className="text-sm leading-6 text-black">
You can learn more about the rebrand and what's changing{" "}
<Link
href="https://dub.co/blog/rebrand"
className="font-medium text-blue-600 no-underline"
>
in this blog post
</Link>
.
</Text>
<Text className="text-sm leading-6 text-black">
Moving forward, we'll also be sending product update emails from{" "}
<strong>ship.dub.co</strong> instead of{" "}
<strong>ship.dub.sh</strong>. We'd appreciate it if you can add{" "}
<strong>ship.dub.co</strong> to your email whitelist to ensure
you receive our emails.
</Text>
<Hr />
<Text className="text-sm leading-6 text-black">
Along with the rebrand, we've also been working on a multitude of
new features. In the last 30 days, we rolled out 9 major updates:
</Text>
<Text className="ml-1 text-sm leading-6 text-black">
◆{" "}
<Link
href="https://dub.co/blog/migration-assistants"
className="font-bold text-blue-600 no-underline"
>
Migration Assistants
</Link>{" "}
for Bitly and Short.io
</Text>
<Text className="ml-1 text-sm leading-6 text-black">
◆{" "}
<Link
href="https://dub.co/help"
className="font-bold text-blue-600 no-underline"
>
Dub Help Center
</Link>{" "}
- a one-stop shop for all your Dub questions
</Text>
<Text className="ml-1 text-sm leading-6 text-black">
◆ <strong>Geo Targeting</strong> - Redirect visitors based on
their location
</Text>
<Text className="ml-1 text-sm leading-6 text-black">
◆ <strong>Link comments</strong> - Leave comments on your links
</Text>
<Text className="ml-1 text-sm leading-6 text-black">
◆ <strong>Link Cloaking</strong> – Mask your destination URL
</Text>
<Text className="ml-1 text-sm leading-6 text-black">
◆ <strong>Custom QR Codes</strong> – Available on the Pro plan
</Text>
<Text className="ml-1 text-sm leading-6 text-black">
◆ <strong>Custom Social Media Cards</strong>
</Text>
<Text className="ml-1 text-sm leading-6 text-black">
◆ <strong>Detailed Link Stats</strong>
</Text>
<Text className="ml-1 text-sm leading-6 text-black">
◆ <strong>Link Pagination</strong>
</Text>
<Text className="text-sm leading-6 text-black">
Check out our{" "}
<Link
href="https://dub.co/changelog"
className="font-medium text-blue-600 no-underline"
>
changelog
</Link>{" "}
to see what's new on Dub.
</Text>
<Text className="text-sm leading-6 text-black">
Let me know if you have any questions or feedback. I'm always
happy to help!
</Text>
<Text className="text-sm font-light leading-6 text-gray-400">
Steven from Dub
</Text>
<Footer email={email} marketing />
</Container>
</Body>
</Tailwind>
</Html>
);
}