65 lines
2.1 KiB
TypeScript
65 lines
2.1 KiB
TypeScript
"use client";
|
|
import { Button } from "@react-email/button";
|
|
import { Container } from "@react-email/container";
|
|
import { Head } from "@react-email/head";
|
|
import { Heading } from "@react-email/heading";
|
|
import { Hr } from "@react-email/hr";
|
|
import { Html } from "@react-email/html";
|
|
import { Section } from "@react-email/section";
|
|
import { Tailwind } from "@react-email/tailwind";
|
|
import { Text } from "@react-email/text";
|
|
import React from "react";
|
|
export type Props = {
|
|
username: string;
|
|
};
|
|
|
|
export function SubscriptionEnded({ username = "username" }: Props) {
|
|
return (
|
|
<Tailwind>
|
|
<Head />
|
|
<Html className="font-sans text-zinc-800">
|
|
<Section className="bg-white">
|
|
<Container className="container mx-auto">
|
|
<Heading className="font-sans text-2xl text-semibold">
|
|
Your Unkey subscription has ended.
|
|
</Heading>
|
|
<Text>Hey {username},</Text>
|
|
<Text>
|
|
We're reaching out to let you know that your trial period has come to an end for Unkey
|
|
Pro. We have downgraded the workspace to free, which means you lose access to the
|
|
workspace, but we will retain all your team and key data.
|
|
</Text>
|
|
<Text>
|
|
If you want to continue with Unkey Pro, click the button below, and you can add your
|
|
credit card.
|
|
</Text>
|
|
|
|
<Container className="flex items-center justify-center my-8">
|
|
<Button
|
|
href="https://unkey.dev/app/settings/billing"
|
|
className="px-4 py-2 text-white bg-black rounded"
|
|
>
|
|
Upgrade Now
|
|
</Button>
|
|
</Container>
|
|
|
|
<Hr />
|
|
<Text>
|
|
If you have any feedback, please reply to this email. We would love to hear all about
|
|
it.
|
|
</Text>
|
|
|
|
<Text>
|
|
Cheers,
|
|
<br />
|
|
Andreas
|
|
</Text>
|
|
</Container>
|
|
</Section>
|
|
</Html>
|
|
</Tailwind>
|
|
);
|
|
}
|
|
|
|
export default SubscriptionEnded;
|