diff --git a/content-samples/react/emails/magic-links/novu-happyBirthday.tsx b/content-samples/react/emails/magic-links/novu-happyBirthday.tsx
new file mode 100644
index 0000000..77e7e03
--- /dev/null
+++ b/content-samples/react/emails/magic-links/novu-happyBirthday.tsx
@@ -0,0 +1,133 @@
+import {
+ Body,
+ Container,
+ Head,
+ Heading,
+ Hr,
+ Html,
+ Img,
+ Preview,
+ Section,
+ Text,
+ Link,
+ } from "@react-email/components";
+ import * as React from "react";
+
+ interface BirthdayEmailProps {
+ name?: string;
+ }
+
+ export const BirthdayEmail = ({ name }: BirthdayEmailProps) => (
+
+
+
+
+
+ Happy Birthday, Hodaya! 🎉
+
+
+ 
+ 
+ Happy Birthday, Hodaya! 🎂🚀
+
+
+ May your code be bug-free and your ideas groundbreaking! Here's to
+ another year of creating and innovating for a better world.
+
+ Keep coding, keep inspiring!
+
+
+ Best wishes,
+
- The Novu Team
+
+
+
+ Novu Technologies Inc.
+
+ 2093 Philadelphia Pike #3222, Claymont, DE 19703
+
+
+
+
+ );
+
+ BirthdayEmail.PreviewProps = {
+ name: "Amazing Developer",
+ } as BirthdayEmailProps;
+
+ export default BirthdayEmail;
+
+ const main: React.CSSProperties = {
+ backgroundColor: "rgba(255, 255, 255, 0.8)",
+ fontFamily: "'Nunito', sans-serif",
+ position: "relative",
+ minHeight: "100vh",
+ };
+
+ const container: React.CSSProperties = {
+ margin: "0 auto",
+ padding: "20px 25px 48px",
+ position: "relative",
+ };
+
+ const heading: React.CSSProperties = {
+ fontFamily: "'Pacifico', cursive",
+ fontSize: "32px",
+ fontWeight: "normal",
+ marginTop: "48px",
+ color: "#FF6363",
+ textAlign: "center",
+ };
+
+ const body: React.CSSProperties = {
+ margin: "24px 0",
+ };
+
+ const paragraph: React.CSSProperties = {
+ fontSize: "18px",
+ lineHeight: "26px",
+ textAlign: "center",
+ };
+
+ const hr: React.CSSProperties = {
+ borderColor: "#dddddd",
+ marginTop: "48px",
+ };
+
+ const footer: React.CSSProperties = {
+ color: "#8898aa",
+ fontSize: "12px",
+ marginLeft: "4px",
+ textAlign: "center",
+ };
+
\ No newline at end of file
diff --git a/content-samples/react/emails/magic-links/novu-verify-email.tsx b/content-samples/react/emails/magic-links/novu-verify-email.tsx
index dd65f53..ab51717 100644
--- a/content-samples/react/emails/magic-links/novu-verify-email.tsx
+++ b/content-samples/react/emails/magic-links/novu-verify-email.tsx
@@ -16,7 +16,6 @@ import * as React from "react";
interface NovuVerifyEmailProps {
verificationCode?: string;
}
-
const baseUrl = process.env.VERCEL_URL
? `https://${process.env.VERCEL_URL}`
: "";
diff --git a/content-samples/react/package-lock.json b/content-samples/react/package-lock.json
index e205b7d..1735ea6 100644
--- a/content-samples/react/package-lock.json
+++ b/content-samples/react/package-lock.json
@@ -1,11 +1,11 @@
{
- "name": "emails",
+ "name": "react-email-templates",
"version": "0.0.19",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
- "name": "emails",
+ "name": "react-email-templates",
"version": "0.0.19",
"dependencies": {
"@react-email/components": "0.0.18",
@@ -13,6 +13,7 @@
"react-email": "2.1.4"
},
"devDependencies": {
+ "@types/node": "^22.5.4",
"@types/react": "18.2.33",
"@types/react-dom": "18.2.14"
}
@@ -2424,11 +2425,11 @@
"integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA=="
},
"node_modules/@types/node": {
- "version": "20.14.2",
- "resolved": "https://registry.npmjs.org/@types/node/-/node-20.14.2.tgz",
- "integrity": "sha512-xyu6WAMVwv6AKFLB+e/7ySZVr/0zLCzOa7rSpq6jNwpqOrUbcACDWC+53d4n2QHOnDou0fbIsg8wZu/sxrnI4Q==",
+ "version": "22.5.4",
+ "resolved": "https://registry.npmjs.org/@types/node/-/node-22.5.4.tgz",
+ "integrity": "sha512-FDuKUJQm/ju9fT/SeX/6+gBzoPzlVCzfzmGkwKvRHQVxi4BntVbyIwf6a4Xn62mrvndLiml6z/UBXIdEVjQLXg==",
"dependencies": {
- "undici-types": "~5.26.4"
+ "undici-types": "~6.19.2"
}
},
"node_modules/@types/prismjs": {
@@ -6084,9 +6085,9 @@
}
},
"node_modules/undici-types": {
- "version": "5.26.5",
- "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
- "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA=="
+ "version": "6.19.8",
+ "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.19.8.tgz",
+ "integrity": "sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw=="
},
"node_modules/update-browserslist-db": {
"version": "1.0.16",
diff --git a/content-samples/react/package.json b/content-samples/react/package.json
index 77ea9f9..6684b43 100644
--- a/content-samples/react/package.json
+++ b/content-samples/react/package.json
@@ -9,10 +9,11 @@
},
"dependencies": {
"@react-email/components": "0.0.18",
- "react-email": "2.1.4",
- "react": "^18.2.0"
+ "react": "^18.2.0",
+ "react-email": "2.1.4"
},
"devDependencies": {
+ "@types/node": "^22.5.4",
"@types/react": "18.2.33",
"@types/react-dom": "18.2.14"
}
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..94f1164
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,6 @@
+{
+ "name": "examples",
+ "lockfileVersion": 3,
+ "requires": true,
+ "packages": {}
+}