diff --git a/apps/contact/email-templates/components/Blog.tsx b/apps/contact/email-templates/components/Blog.tsx
new file mode 100644
index 00000000..ac91d6e7
--- /dev/null
+++ b/apps/contact/email-templates/components/Blog.tsx
@@ -0,0 +1,39 @@
+import { Column, Img, Link, Row, Section, Text } from "@react-email/components";
+
+const baseUrl = "https://www.crocoder.dev";
+
+const Blog = ({
+ blogLinks = [],
+ description,
+}: {
+ blogLinks: Array<{ path: string; title: string; imageUrl: string }>;
+ description: string;
+}) => {
+ return (
+
+
+
+ {description}
+
+
+
+ {blogLinks.map(({ path, title, imageUrl }) => {
+ return (
+
+
+
+ {title}
+
+
+ );
+ })}
+
+
+ );
+};
+export default Blog;
diff --git a/apps/contact/email-templates/contact.tsx b/apps/contact/email-templates/contact.tsx
index 0656e72e..7173529c 100644
--- a/apps/contact/email-templates/contact.tsx
+++ b/apps/contact/email-templates/contact.tsx
@@ -1,4 +1,5 @@
-import { Text, Section } from "@react-email/components";
+import { Hr, Section, Text } from "@react-email/components";
+import Blog from "./components/Blog";
import Layout from "./components/Layout";
const ContactTemplate = () => {
@@ -24,6 +25,30 @@ const ContactTemplate = () => {
Best regards,
The CroCoder team
+
+
);