<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>