datum-cloud · yahyafakhroji · Feb 10, 2026 · Feb 10, 2026 · Feb 10, 2026 · Feb 10, 2026
diff --git a/.gitignore b/.gitignore
@@ -65,3 +65,5 @@ Thumbs.db
 *.tsbuildinfo
 .tsc-watch/
 
+.claude/
+
diff --git a/emails/layouts/main.layout.tsx b/emails/layouts/main.layout.tsx
@@ -61,7 +61,7 @@ export const MainLayout = ({
       {preview && <Preview>{preview}</Preview>}
       <Tailwind config={tailwindConfig}>
         <Body className={bodyClassName}>
-          <Container className="mx-auto my-20 rounded-lg border border-solid border-brand-light-gray pt-9 pb-[55px] px-[52px] bg-white">
+          <Container className="mx-auto my-20 max-w-[600px] rounded-lg border border-solid border-brand-light-gray pt-9 pb-[55px] px-[52px] bg-white">
             <Header />
             {children}
             <Footer />

diff --git a/emails/platform-invitation.tsx b/emails/platform-invitation.tsx
@@ -19,16 +19,16 @@ export const PlatformInvitation = ({
     <MainLayout preview={previewText}>
       <Section className="my-10.5">
         <Row>
-          <Text className="mt-0 text-4.5 mb-5.5 leading-4.5 font-medium">
+          <Text className="mt-0 text-4.5 mb-5.5 leading-6 font-medium">
             Hi {UserName},
           </Text>
-          <Text className="mt-0 mb-5.5 text-4.5 leading-4.5 font-normal">
+          <Text className="mt-0 mb-5.5 text-4.5 leading-6 font-normal">
             We&apos;re building an open network cloud to help the next
             generation of builders get access to some of the building blocks of
             the internet. I&apos;m hoping you&apos;ll take some time to kick the
             tires during our private beta.
           </Text>
-          <Text className="text-4.5 leading-4.5 m-0 font-normal">
+          <Text className="text-4.5 leading-6 m-0 font-normal">
             We&apos;re intentionally keeping this group small so we can listen
             closely to feedback.
           </Text>
@@ -40,11 +40,11 @@ export const PlatformInvitation = ({
               Get started
             </CustomButton>
           )}
-          <Text className="text-4.5 leading-4.5 m-0 font-normal">
+          <Text className="text-4.5 leading-6 m-0 font-normal">
             Let me know your thoughts?
           </Text>
 
-          <Text className="text-4.5 leading-4.5 font-normal mt-5.5 mb-0">
+          <Text className="text-4.5 leading-6 font-normal mt-5.5 mb-0">
             Cheers,
             <br />
             <br />

diff --git a/emails/user-approved.tsx b/emails/user-approved.tsx
@@ -17,10 +17,10 @@ export const UserApproved = ({ UserName, ActionUrl }: UserApprovedProps) => {
     <MainLayout preview={previewText}>
       <Section className="my-10.5">
         <Row>
-          <Text className="mt-0 text-4.5 mb-5.5 leading-4.5 font-medium">
+          <Text className="mt-0 text-4.5 mb-5.5 leading-6 font-medium">
             Hi {UserName},
           </Text>
-          <Text className="mt-0 mb-5.5 text-4.5 leading-4.5 font-normal">
+          <Text className="mt-0 mb-5.5 text-4.5 leading-6 font-normal">
             Good news, you&apos;re off the waitlist! I&apos;m excited to share
             what we&apos;ve built (so far) with Datum Cloud and get your
             feedback. To get started, just login below:
@@ -33,7 +33,7 @@ export const UserApproved = ({ UserName, ActionUrl }: UserApprovedProps) => {
               Start building
             </CustomButton>
           )}
-          <Text className="text-4.5 leading-4.5 font-normal">
+          <Text className="text-4.5 leading-6 font-normal">
             We&apos;re releasing new features each week and chatting about
             issues and opportunities on{' '}
             <Link
@@ -46,7 +46,7 @@ export const UserApproved = ({ UserName, ActionUrl }: UserApprovedProps) => {
             . Feel free to join me there with any questions or feedback.
           </Text>
 
-          <Text className="text-4.5 leading-4.5 font-normal mt-5.5 mb-0">
+          <Text className="text-4.5 leading-6 font-normal mt-5.5 mb-0">
             Cheers,
             <br />
             <br />

diff --git a/emails/user-invitation.tsx b/emails/user-invitation.tsx
@@ -25,11 +25,11 @@ export const UserInvitation = ({
           <Text className="mt-0 text-2xl mb-5.5 leading-10 font-medium">
             Hey there!
           </Text>
-          <Text className="mt-0 mb-5.5 text-4.5 leading-4.5 font-normal">
+          <Text className="mt-0 mb-5.5 text-4.5 leading-6 font-normal">
             {InviterDisplayName} has invited you to join the{' '}
             {OrganizationDisplayName} organization at Datum.
           </Text>
-          <Text className="m-0 text-4.5 leading-4.5 font-normal">
+          <Text className="m-0 text-4.5 leading-6 font-normal">
             Please click the button to set up your account and get started. If
             you need help, just reply to this email or visit us on{' '}
             <Link

diff --git a/emails/user-rejected.tsx b/emails/user-rejected.tsx
@@ -14,18 +14,18 @@ export const UserRejected = ({ UserName }: UserRejectedProps) => {
     <MainLayout preview={previewText}>
       <Section className="my-10.5">
         <Row>
-          <Text className="mt-0 text-4.5 mb-5.5 leading-4.5 font-medium">
+          <Text className="mt-0 text-4.5 mb-5.5 leading-6 font-medium">
             Hi {UserName},
           </Text>
-          <Text className="mt-0 mb-5.5 text-4.5 leading-4.5 font-normal">
+          <Text className="mt-0 mb-5.5 text-4.5 leading-6 font-normal">
             Thank you for your interest in Datum Cloud. Unfortunately,
             we&apos;re unable to approve your account at this time.
           </Text>
-          <Text className="text-4.5 leading-4.5 m-0 font-normal">
+          <Text className="text-4.5 leading-6 m-0 font-normal">
             If you have questions, or think this decision is in error, please
             respond to this email and we can investigate further.
           </Text>
-          <Text className="text-4.5 leading-4.5 font-normal mt-5.5 mb-0">
+          <Text className="text-4.5 leading-6 font-normal mt-5.5 mb-0">
             Many thanks,
             <br />
             <br />

diff --git a/emails/user-waitlist.tsx b/emails/user-waitlist.tsx
@@ -14,20 +14,20 @@ export const UserWaitlist = ({ UserName }: UserWaitlistProps) => {
     <MainLayout preview={previewText}>
       <Section className="my-10.5">
         <Row>
-          <Text className="mt-0 text-4.5 mb-5.5 leading-4.5 font-medium">
+          <Text className="mt-0 text-4.5 mb-5.5 leading-6 font-medium">
             Hi {UserName},
           </Text>
-          <Text className="mt-0 mb-5.5 text-4.5 leading-4.5 font-normal">
+          <Text className="mt-0 mb-5.5 text-4.5 leading-6 font-normal">
             Thanks for joining the waitlist for Datum Cloud. We&apos;re
             currently in a private beta, but we're onboarding people in batches
             every week.
           </Text>
-          <Text className="text-4.5 leading-4.5 m-0 font-normal">
+          <Text className="text-4.5 leading-6 m-0 font-normal">
             I&apos;d love to hear about your use case, or what you feel is
             missing in your toolkit. Just reply to this email with any thoughts.
           </Text>
 
-          <Text className="text-4.5 leading-4.5 font-normal mt-5.5 mb-0">
+          <Text className="text-4.5 leading-6 font-normal mt-5.5 mb-0">
             Cheers,
             <br />
             <br />

diff --git a/emails/user-welcome.tsx b/emails/user-welcome.tsx
@@ -0,0 +1,93 @@
+import 'web-streams-polyfill/polyfill';
+
+import { Link, Row, Section, Text } from '@react-email/components';
+import { brandConfig } from './config/brand.config';
+import { MainLayout } from './layouts';
+
+interface UserWelcomeProps {
+  UserName: string;
+}
+
+export const UserWelcome = ({ UserName }: UserWelcomeProps) => {
+  const previewText = `${UserName} Welcome to Datum!`;
+
+  return (
+    <MainLayout preview={previewText}>
+      <Section className="my-10.5">
+        <Row>
+          <Text className="mt-0 text-4.5 mb-5.5 leading-6 font-medium">
+            Hey {UserName}, welcome to Datum! We&apos;re glad you&apos;re here.
+          </Text>
+          <Text className="mt-0 mb-5.5 text-4.5 leading-6 font-normal">
+            Datum is building for a future that is evolving in front of our
+            eyes, so we&apos;re shipping updates all the time. We&apos;re also
+            serious about making improvements based on feedback, so if
+            you&apos;ve got some for us (good, bad, ugly) we&apos;d love to have
+            it.
+          </Text>
+          <Text className="mt-0 mb-5.5 text-4.5 leading-6 font-normal">
+            Here&apos;s how to stay in the loop, get help, or get involved:
+          </Text>
+          <Text className="mt-0 mb-2 text-4.5 leading-6 font-normal">
+            <span className="font-semibold">Email</span> – Respond to this note
+            and we&apos;ll get back to you
+          </Text>
+          <Text className="mt-0 mb-2 text-4.5 leading-6 font-normal">
+            <Link
+              href={brandConfig.discordUrl}
+              target="_blank"
+              className="text-brand-canyon-clay underline font-semibold"
+            >
+              Discord
+            </Link>{' '}
+            – Join for support and connect with other builders
+          </Text>
+          <Text className="mt-0 mb-2 text-4.5 leading-6 font-normal">
+            <Link
+              href="https://link.datum.net/events"
+              target="_blank"
+              className="text-brand-canyon-clay underline font-semibold"
+            >
+              Luma
+            </Link>{' '}
+            – Know when and where to meet us in person
+          </Text>
+          <Text className="mt-0 mb-2 text-4.5 leading-6 font-normal">
+            <Link
+              href="https://link.datum.net/discussions"
+              target="_blank"
+              className="text-brand-canyon-clay underline font-semibold"
+            >
+              GitHub Discussions
+            </Link>{' '}
+            – Submit feedback, report issues, or request &amp; upvote features
+          </Text>
+          <Text className="mt-0 mb-0 text-4.5 leading-6 font-normal">
+            <Link
+              href="https://link.datum.net/careers"
+              target="_blank"
+              className="text-brand-canyon-clay underline font-semibold"
+            >
+              Careers
+            </Link>{' '}
+            – We&apos;re actively hiring, and value folks spreading the word
+          </Text>
+
+          <Text className="text-4.5 leading-6 font-normal mt-5.5 mb-0">
+            {'\u2764\uFE0F'}
+            <br />
+            The Team at Datum
+          </Text>
+        </Row>
+      </Section>
+    </MainLayout>
+  );
+};
+
+UserWelcome.PreviewProps = {
+  UserName: 'John Doe',
+} as UserWelcomeProps;
+
+UserWelcome.Subject = '{{.UserName}} Welcome to Datum!';
+
+export default UserWelcome;
diff --git a/package.json b/package.json
@@ -19,18 +19,18 @@
     "check:fix": "biome check --write ./emails"
   },
   "dependencies": {
-    "@react-email/components": "0.5.5",
-    "@react-email/render": "1.4.0",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
+    "@react-email/components": "1.0.7",
+    "@react-email/render": "2.0.4",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "web-streams-polyfill": "^4.2.0"
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.2.4",
-    "@react-email/preview-server": "4.2.12",
-    "@types/react": "^19.2.0",
-    "@types/react-dom": "^19.2.0",
-    "react-email": "4.2.12",
-    "tsx": "^4.19.0"
+    "@biomejs/biome": "^2.3.14",
+    "@react-email/preview-server": "5.2.8",
+    "@types/react": "^19.2.13",
+    "@types/react-dom": "^19.2.3",
+    "react-email": "5.2.8",
+    "tsx": "^4.21.0"
   }
 }
Original file line number	Diff line number	Diff line change
Expand Up		@@ -65,3 +65,5 @@ Thumbs.db
		*.tsbuildinfo
		.tsc-watch/

		.claude/