Files
dataroom/components/emails/onboarding-4.tsx
zeekay 60163bce2e rebrand: Papermark → Hanzo Dataroom across user-facing surfaces
108 files: README, marketing copy, page titles, meta tags, footer
text, email templates, .env.example, UI strings. URLs swapped
from papermark.com/papermark.io to dataroom.hanzo.ai.

Internal identifiers left intact per repo policy: localStorage
keys (papermark.email/papermark.name/last_papermark_login —
changing them logs users out), type field names
(papermarkUserId), internal helper symbols (PAPERMARK_HEADERS,
PapermarkSparkle component, isPapermarkUrl helper),
internal-only filenames. LLM.md retains 'Upstream: Papermark'
attribution line. Per-locale .po translations regenerate from
source on the next lingui-extract CI run.

DB migrations untouched (append-only history; rewriting them
breaks installed schemas). LICENSE stays AGPL-3.0.
2026-06-07 12:23:40 -07:00

97 lines
3.3 KiB
TypeScript

import React from "react";
import {
Body,
Button,
Container,
Head,
Hr,
Html,
Preview,
Section,
Tailwind,
Text,
} from "@react-email/components";
const Onboarding4Email = () => {
const previewText = `The document sharing infrastructure for the modern web`;
return (
<Html>
<Head />
<Preview>{previewText}</Preview>
<Tailwind>
<Body className="mx-auto my-auto bg-white font-sans">
<Container className="mx-auto my-10 w-[465px] p-5">
<Text className="mx-0 mb-8 mt-4 p-0 text-center text-2xl font-normal">
<span className="font-bold tracking-tighter">Hanzo Dataroom</span>
</Text>
<Text className="mx-0 mb-8 mt-4 p-0 text-center text-2xl font-normal">
Custom domains and branding
</Text>
<Text className="text-sm">
Look professional with custom branding!
</Text>
<Text className="text-sm">With Hanzo Dataroom you can:</Text>
<ul className="list-inside list-disc text-sm">
<li>
Share documnets with your <strong>custom domain💫</strong>{" "}
</li>
<li>Remove &quot;powered by Hanzo Dataroom&quot;</li>
<li>Add logo and custom colors</li>
<li>Share data room with custom domain</li>
<li>Add banner and custom brand to data rooms</li>
</ul>
<Text className="text-sm">
(Customization for data rooms is seaprate and available in each
data room you create)
</Text>
{/* <Text className="text-sm">You can also use Bulk upload</Text> */}
<Section className="mb-[32px] mt-[32px] text-center">
<Button
className="rounded bg-black text-center text-xs font-semibold text-white no-underline"
href={`https://dataroom.hanzo.ai/documents?utm_source=onboarding&utm_medium=email&utm_campaign=20240723&utm_content=upload_documents`}
style={{ padding: "12px 20px" }}
>
Add your domain and branding
</Button>
</Section>
<Text className="text-sm">
If you are looking for full white-labelling just{" "}
<a
href="https://dataroom.hanzo.ai/contact"
className="text-blue-500 underline"
>
book a call
</a>{" "}
with us.
</Text>
<Hr />
<Section className="mt-8 text-gray-400">
<Text className="text-xs">
© {new Date().getFullYear()}{" "}
<a
href="https://dataroom.hanzo.ai"
className="text-gray-400 no-underline"
target="_blank"
>
dataroom.hanzo.ai
</a>
</Text>
<Text className="text-xs">
If you have any feedback or questions about this email, simply
reply to it. I&apos;d love to hear from you!{" "}
</Text>
<Text className="text-xs">Stop this onboarding sequence</Text>
</Section>
</Container>
</Body>
</Tailwind>
</Html>
);
};
export default Onboarding4Email;