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