diff --git a/src/views/emailPage/email3-1CN.vue b/src/views/emailPage/email3-1CN.vue
new file mode 100644
index 00000000..a6324ea6
--- /dev/null
+++ b/src/views/emailPage/email3-1CN.vue
@@ -0,0 +1,137 @@
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted, reactive, toRefs } from "vue";
+//const props = defineProps({
+//})
+//const emit = defineEmits([
+//])
+import { useRouter,useRoute } from 'vue-router'
+
+const router = useRouter();
+
+let data = reactive({
+})
+const toRegister = () => {
+	const resolved = router.resolve("/register");
+	window.open(resolved.href, '_blank');
+	// window.open('https://develop.aida.com.hk/register', '_blank');
+}
+const toAida = ()=>{
+	const resolved = router.resolve("/");
+	window.open(resolved.href, '_blank');
+	// window.open('https://develop.aida.com.hk', '_blank');
+}
+
+onMounted(()=>{
+})
+onUnmounted(()=>{
+})
+defineExpose({})
+const {} = toRefs(data);
+</script>
+<template>
+	<div class="email3-1EN">
+		<div class="img">
+			<img @click="toAida" src="@/assets/images/sendEmailPage/3-1/3-1-1.png" alt="">
+			<span class="info">点击图片进入AiDA</span>
+		</div>
+		<br/>
+		<div class="text">
+			<p>亲爱的朋友们：</p>
+			<br/>
+			<p>首先，我们衷心感谢您一直以来对 AiDA 的关注！您的支持和参与一直是我们产品优化的核心驱动力。 </p>
+			<br/>
+			<p>AiDA 凭借其<strong>用户控制的 AI</strong> 技术赢得了大家的认可——我们强调用户自主控制，以确保与设计师独特的愿景和品牌形象保持一致；我们能够快速高效地帮你整合各种输入（例如情绪板、面料印花和草图等）的连贯系列创作；缩短产品走向市场的时间，使设计流程显著加快 <strong>60%</strong> 以上；以及提供尖端的 AIGC 技术，在提供全面创意辅助灵感生成的同时，生成创新设计。</p>
+			<br/>
+			<p>现在，我们很高兴带来一次更具惊喜的更新。</p>
+			<br/>
+		</div>
+		<div class="img">
+			<img @click="toRegister" src="@/assets/images/sendEmailPage/3-1/3-1-2.png" alt="">
+			<span class="info">点击图片注册，免费体验新版本所有亮点功能</span>
+		</div>
+		<!-- <br/>
+		<br/>
+		<div class="text">
+			<p>Today, we are delighted to announce a major update – <strong class="big">AiDA 3.1.0</strong> is officially launched! As an upgraded AI fashion design tool, this update not only focuses on experience enhancement but also introduces three practical new features. Most excitingly, we now offer <strong class="big">Free Trial</strong> access to AiDA 3.1.0!</p>
+		</div> -->
+		<br/>
+		<br/>
+		<br/>
+		<div class="title">
+			<p>AiDA 3.1.0的主要更新</p>
+		</div>
+		<br/>
+		<div class="text">
+			<p><strong>全新直观的 UI 界面</strong>: 重新设计的界面布局更贴合设计工作流程。无论您是新用户还是经验丰富的设计师，都能快速上手，专注于创意输出。</p>
+			<br/>
+			<p><strong>高级工具使用</strong>: 此前，AI 高级工具（转产品图、产品图编辑、产品视频）需要完成设计稿才能进一步使用；现在，它们都可以直接使用，同时我们也提供全新画布功能让你的草图设计可以修改和优化——立刻帮你提升设计准确性和效率。</p>
+			<br/>
+			<p><strong>全新定制订阅方案</strong>: 新增三个订阅等级——“基础个人版 - 高级个人版 - 学术版”，提供灵活的月/年付款选项。基础版包含核心设计功能，物超所值；学术版提供灵活的定制方案，以满足学校的需求。</p>
+		</div>
+		<div class="video">
+			<video controls  src="https://aida.com.hk/video/test_video.mp4"></video>
+			<span class="info">点击演示视频封面入口观看我们的全新体验介绍</span>
+		</div>
+		<br/>
+		<br/>
+		<div class="text">
+			<p>我们相信 AiDA 3.1.0 将进一步简化您的设计流程，释放更多创意可能性，我们迫不及待地希望您亲身体验。如果您在试用后有任何建议或反馈，请随时联系我们——您的意见对我们至关重要。</p>
+			<br/>
+			<p>再次感谢您对 AiDA 的持续关注和支持! </p>
+			<br/>
+			<br/>
+			<p>祝好, </p>
+			<p>Code-Create</p>
+		</div>
+	</div>
+</template>
+<style lang="less" scoped>
+	.email3-1EN{
+		width: 100%;
+		height: 100%;
+		position: relative;
+		overflow-y: auto;
+		padding: 2rem;
+		> div{
+			width: 100%;
+			> img{
+				width: 100%;
+				cursor: pointer;
+			}
+			> video{
+				width: 100%;
+				cursor: pointer;
+			}
+		}
+		.info{
+			font-size: 1.2rem;
+			color: rgb(102,102,102);
+			@media (max-width: 768px) {
+				font-size: 1rem;
+			}
+		}
+		> .img,> .video{
+			display: flex;
+			flex-direction: column;
+		}
+		> .text{
+			font-size: 1.4rem;
+			@media (max-width: 768px) {
+				font-size: 1.2rem;
+			}
+			> .big{
+				font-size: 1.6rem;
+				@media (max-width: 768px) {
+					font-size: 1.4rem;
+				}
+			}
+		}
+		> .title{
+			font-size: 2.2rem;
+			font-weight: 900;
+			@media (max-width: 768px) {
+				font-size: 1.6rem;
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/src/views/emailPage/email3-1EN.vue b/src/views/emailPage/email3-1EN.vue
new file mode 100644
index 00000000..cd04f944
--- /dev/null
+++ b/src/views/emailPage/email3-1EN.vue
@@ -0,0 +1,139 @@
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted, reactive, toRefs } from "vue";
+//const props = defineProps({
+//})
+//const emit = defineEmits([
+//])
+import { useRouter,useRoute } from 'vue-router'
+
+const router = useRouter();
+
+let data = reactive({
+})
+const toRegister = () => {
+	const resolved = router.resolve("/register");
+	window.open(resolved.href, '_blank');
+	// window.open('https://develop.aida.com.hk/register', '_blank');
+}
+const toAida = ()=>{
+	const resolved = router.resolve("/");
+	window.open(resolved.href, '_blank');
+	// window.open('https://develop.aida.com.hk', '_blank');
+}
+
+
+onMounted(()=>{
+})
+onUnmounted(()=>{
+})
+defineExpose({})
+const {} = toRefs(data);
+</script>
+<template>
+	<div class="email3-1EN">
+		<div class="img">
+			<img @click="toAida" src="@/assets/images/sendEmailPage/3-1/3-1-1.png" alt="">
+			<span class="info">Click the image to enter AiDA</span>
+		</div>
+		<br/>
+		<div class="text">
+			<p>Dear Fashion friends,</p>
+			<br/>
+			<p>First, we sincerely thank you for your continued interest and inquiries about AiDA! Your support and engagement have always been the core driver of our product optimization.</p>
+			<br/>
+			<p>AiDA has earned your recognition with its <strong>User-Controlled AI</strong>—emphasizing user control to ensure alignment with designers' unique vision and brand identity—cohesive collection creation that excels in synthesizing diverse inputs (like moodboards, fabric prints, and sketches) quickly and efficiently, reduced time-to-market that significantly speeds up design processes by over <strong>60%</strong>, and cutting-edge AIGC technology that generates innovative designs while providing comprehensive creative assistance.</p>
+			<br/>
+			<p>Now, we're thrilled to bring you an update with even more surprises.</p>
+			<br/>
+		</div>
+		<div class="img">
+			<img @click="toRegister" src="@/assets/images/sendEmailPage/3-1/3-1-2.png" alt="">
+			<span class="info">Click the image to register and enjoy all highlight features of the new version for free</span>
+		</div>
+		<br/>
+		<br/>
+		<div class="text">
+			<p>Today, we are delighted to announce a major update – <strong class="big">AiDA 3.1.0</strong> is officially launched! As an upgraded AI fashion design tool, this update not only focuses on experience enhancement but also introduces three practical new features. Most excitingly, we now offer <strong class="big">Free Trial</strong> access to AiDA 3.1.0!</p>
+		</div>
+		<br/>
+		<br/>
+		<br/>
+		<div class="title">
+			<p>Key Updates of AiDA 3.1.0</p>
+		</div>
+		<br/>
+		<div class="text">
+			<p><strong>All-New Intuitive UI Interface</strong>: The redesigned interface layout better fits the design workflow. Whether you are a new user or a seasoned designer, you can get started quickly and focus on creative output.</p>
+			<br/>
+			<p><strong>Advanced Tool Use</strong>: Previously, AI advanced tools <strong>(To product image, Edit product image, and To product video)</strong> required completion of a sketch design before further use; now, they are all available for direct use. At the same time, we also provide a new Canvas function that allows your sketch design to be modified and optimized - helping you immediately improve design accuracy and efficiency.</p>
+			<br/>
+			<p><strong>New Customized Subscription Plans</strong>: Three subscription tiers are added – "Basic Personal - Advanced Personal - Academic" – with flexible monthly/annual payment options. The Basic tier includes core design features for great value; the Academic tier offers flexible customized plans to meet school needs.</p>
+		</div>
+		<div class="video">
+			<video controls  src="https://aida.com.hk/video/test_video.mp4"></video>
+			<span class="info">Click on the demo video cover to watch our new experience introduction</span>
+		</div>
+		<br/>
+		<br/>
+		<div class="text">
+			<p>We believe AiDA 3.1.0 will further simplify your design process and unlock more creative possibilities, and we can’t wait for you to experience it firsthand. If you have any suggestions or feedback after the trial, please feel free to contact us – your opinions are crucial to us.</p>
+			<br/>
+			<br/>
+			<p>Thank you again for your continuous attention and support to AiDA! </p>
+			<br/>
+			<br/>
+			<p>Best Regards,</p>
+			<p>Code-Create</p>
+		</div>
+	</div>
+</template>
+<style lang="less" scoped>
+	.email3-1EN{
+		width: 100%;
+		height: 100%;
+		position: relative;
+		overflow-y: auto;
+		padding: 2rem;
+		> div{
+			width: 100%;
+			> img{
+				width: 100%;
+				cursor: pointer;
+			}
+			> video{
+				width: 100%;
+				cursor: pointer;
+			}
+		}
+		.info{
+			font-size: 1.2rem;
+			color: rgb(102,102,102);
+			@media (max-width: 768px) {
+				font-size: 1rem;
+			}
+		}
+		> .img,> .video{
+			display: flex;
+			flex-direction: column;
+		}
+		> .text{
+			font-size: 1.4rem;
+			@media (max-width: 768px) {
+				font-size: 1.2rem;
+			}
+			> .big{
+				font-size: 1.6rem;
+				@media (max-width: 768px) {
+					font-size: 1.4rem;
+				}
+			}
+		}
+		> .title{
+			font-size: 2.2rem;
+			font-weight: 900;
+			@media (max-width: 768px) {
+				font-size: 1.6rem;
+			}
+		}
+	}
+</style>
\ No newline at end of file