+
\ No newline at end of file
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
new file mode 100644
index 0000000..9f693f5
--- /dev/null
+++ b/src/components/Footer.vue
@@ -0,0 +1,62 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/components/input-code.vue b/src/components/input-code.vue
new file mode 100644
index 0000000..b353073
--- /dev/null
+++ b/src/components/input-code.vue
@@ -0,0 +1,109 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/lang/en.ts b/src/lang/en.ts
index a0b49e0..42fe27c 100644
--- a/src/lang/en.ts
+++ b/src/lang/en.ts
@@ -2,5 +2,40 @@ export default {
Login: {
login: 'Log in',
register: 'Register',
- }
+ loginTo: 'Log on to FiDA',
+ loginTitle: 'A multi-agent canvas for rapid, trend driven design iteration.',
+ name: 'Name',
+ email: 'Email',
+ password: 'Password',
+ enterName: 'Enter your name',
+ enterEmail: 'Enter your email',
+ enterPassword: 'Enter your password',
+ forgotPassword: 'Forget password?',
+ pleaseInputName: 'Please input the name',
+ nameLengthError: 'Name length must be between {min} and {max} characters',
+ passwordSpecial: 'Must contain special characters',
+ passwordCase: 'Mix of uppercase, lowercase and numbers',
+ pleaseInputEmail: 'Please input the email',
+ emailFormatError: 'Please input the email again',
+ pleaseInputPassword: 'Please input the password',
+ passwordLengthError: 'Password length must be between {min} and {max} characters',
+ pleaseTermsPolicy: 'Please agree to the Terms, Policy and Fees',
+ agreeTermsPolicy:
+ 'I agree to the Terms, Policy and Fees.',
+ noAccountToSignUp: `Don't have an account? Sign up`,
+ signUpFor: 'Sign up for FiDA',
+ registerTip: 'A multi-agent canvas for rapid, trend driven design iteration.',
+ havenAccountToLogin: `Already have an account? Log in`,
+ verifyEmail: 'Verify your email address',
+ verifyCodeHasSent: 'A verification code has been sent to {email}',
+ verify: 'Verify',
+ resendCode: 'Resend Code',
+ resendCodeIn: 'Resend Code in {time}',
+ orContinueWith: 'or continue with',
+ googleLogin: 'Sign in with Google',
+ wechatLogin: 'Sign in with Wechat',
+ indexTip: 'A multi-agent canvas for rapid, trend driven design iteration.',
+ sendCodeError: 'Send code error',
+ retrievePassword: 'Retrieve password'
+ },
}
diff --git a/src/lang/zh-cn.ts b/src/lang/zh-cn.ts
index a3dc01a..1afe79a 100644
--- a/src/lang/zh-cn.ts
+++ b/src/lang/zh-cn.ts
@@ -2,5 +2,41 @@ export default {
Login: {
login: '登录',
register: '注册',
- }
+ signUp: '注册',
+ loginTo: '登录到 FiDA条款、政策 和费用。',
+ noAccountToSignUp: `还没有账号？ 注册`,
+ signUpFor: '注册账号',
+ registerTip: '一个多智能体画布，用于快速、趋势驱动的设计迭代。',
+ havenAccountToLogin: `已经有账号？ 登录`,
+ verifyEmail: '验证您的邮箱地址',
+ verifyCodeHasSent: '已发送验证码到 {email}',
+ verifyCode: '请输入验证码',
+ verify: '验证',
+ resendCode: '重新发送验证码',
+ resendCodeIn: '重新发送验证码倒计时 {time}',
+ orContinueWith: '或者使用',
+ googleLogin: '使用 Google 登录',
+ wechatLogin: '使用微信登录',
+ indexTip: '一个多智能体画布，用于快速、趋势驱动的设计迭代。',
+ sendCodeError: '发送验证码失败',
+ retrievePassword: '找回密码'
+ },
}
diff --git a/src/router/index.ts b/src/router/index.ts
index 77bf7f4..08508be 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -41,6 +41,30 @@ const router = createRouter({
component: () => import('../views/404.vue')
}
]
+ history: createWebHistory('/'),
+ // history: createWebHistory(import.meta.env.VITE_APP_URL),
+ routes: [
+ {
+ path: '/',
+ name: 'home',
+ component: () => import('../views/home/index.vue'),
+ },
+ {
+ path: '/collectionStory',
+ name: 'collectionStory',
+ component: () => import('../views/collectionStory/index.vue'),
+ },
+ {
+ path: '/brand',
+ name: 'brand',
+ component: () => import('../views/brand/index.vue'),
+ },
+ {
+ path: '/:pathMatch(.*)',
+ name: '404',
+ component: () => import('../views/404.vue'),
+ },
+ ]
})
router.beforeEach((to, from, next) => {
diff --git a/src/utils/tools.ts b/src/utils/tools.ts
index eac100e..69403ed 100644
--- a/src/utils/tools.ts
+++ b/src/utils/tools.ts
@@ -183,4 +183,15 @@ export async function shareImageToWhatsapp (url: string){
const whatsappLink = `https://api.whatsapp.com/send/?text=${encodeURIComponent(message)}`
window.open(whatsappLink, '_blank')
}
-}
\ No newline at end of file
+}
+
+/**
+ * 倒计时
+ * @param time 倒计时时间，单位秒
+ * @returns 倒计时字符串，格式为 mm:ss
+*/
+export function CountDown(time: number) {
+ const mm = String(Math.floor(time / 60)).padStart(2, '0');
+ const ss = String(time % 60).padStart(2, '0');
+ return `${mm}:${ss}`;
+}
diff --git a/src/views/brand/commodity-list.vue b/src/views/brand/commodity-list.vue
new file mode 100644
index 0000000..012e2da
--- /dev/null
+++ b/src/views/brand/commodity-list.vue
@@ -0,0 +1,169 @@
+
+
+
+
+
+ Items
+
+
+
All
+
Male
+
Female
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/brand/index.vue b/src/views/brand/index.vue
new file mode 100644
index 0000000..9e2999d
--- /dev/null
+++ b/src/views/brand/index.vue
@@ -0,0 +1,72 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/brand/merchant-info.vue b/src/views/brand/merchant-info.vue
new file mode 100644
index 0000000..674b516
--- /dev/null
+++ b/src/views/brand/merchant-info.vue
@@ -0,0 +1,129 @@
+
+
+
+
+
+
+
+
+
Lian Su
+
Roaming Clouds
+
+
+
Contact
+
+
+
+
+
lian.su@urieworweoo.com
+
+
+
+
+
+
+86 139 4829 7710
+
+
+
+
+
+
746312432
+
+
+
+
+
+
https://urieworweoo.com
+
+
+
+
About
+
Lian Su’s work weaves understated ethnic influences into contemporary minimalism. She explores materials and silhouettes that bridge heritage and modern sensibilities. Her designs reflect a quiet dialogue between cultural memory and forward-looking innovation.
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/collectionStory/detail/coreConcept.vue b/src/views/collectionStory/detail/coreConcept.vue
new file mode 100644
index 0000000..807180e
--- /dev/null
+++ b/src/views/collectionStory/detail/coreConcept.vue
@@ -0,0 +1,142 @@
+
+
+
+
Core Concept
+
+
+ We are spiritual nomads carrying what wind cannot take. This collection honors those who knew home is not a place, but what you wear. Earthy palettes of terracotta, ochre, and natural beige evoke pastoral landscapes, while layered textiles and handwoven fabrics embody portable heritage. Each garment balances burden and beauty—sustainable materials and artisanal craftsmanship create timeless pieces that travel with the wearer, transforming clothing into sanctuary and memory woven into fabric.
+
+
+
+ This winterwear series reinterprets high-altitude nomadic clothing through modern, refined construction. Layered silhouettes, tactile wools, and structured draping create warmth while preserving fluid movement. Textural contrasts and sculptural volumes evoke the surrounding snowy landscapes and monastic architecture. The collection balances cultural references with contemporary tailoring, presenting outerwear that feels protective, grounded, and quietly elegant within its harsh winter environment.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{{ item.text }}
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/collectionStory/detail/feelingWithAiDA.vue b/src/views/collectionStory/detail/feelingWithAiDA.vue
new file mode 100644
index 0000000..e0686d8
--- /dev/null
+++ b/src/views/collectionStory/detail/feelingWithAiDA.vue
@@ -0,0 +1,85 @@
+
+
+
+
Feeling with AiDA
+
+
+ AiDA significantly enhances the creative latitude for cross-disciplinary creators like myself. Its functionalities, particularly the robust line-art extraction and the ability to edit the front and back garment panels, have been a major source of inspiration. This allows me to rapidly prototype by extracting traditional ethnic wear and conduct detailed style modifications directly on the canvas. As an integrated creation platform, AiDA enables a deeper focus on the design process. For seasoned designers, AI serves as a powerful source of inspiration, and AiDA is an exemplary manifestation of this principle.
+
+
+
+
+
+
{{ item.text }}
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/collectionStory/detail/index.vue b/src/views/collectionStory/detail/index.vue
new file mode 100644
index 0000000..9633a5f
--- /dev/null
+++ b/src/views/collectionStory/detail/index.vue
@@ -0,0 +1,142 @@
+
+
+
+
+
+
+
+ Lian Su
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/collectionStory/detail/inspiration.vue b/src/views/collectionStory/detail/inspiration.vue
new file mode 100644
index 0000000..158fe4d
--- /dev/null
+++ b/src/views/collectionStory/detail/inspiration.vue
@@ -0,0 +1,87 @@
+
+
+
+
Inspiration
+
+
+ This project is inspired by the enduring traditions and unique material culture of high-altitude nomadic communities, particularly those found across Central Asia and the Himalayan plateau.
+
+
+ The moodboard now balances rugged, natural fibers and dramatic, layered silhouettes with vibrant color and refined pattern work. Key visual elements include the strength of traditional nomadic crafts like falconry and the warmth of textured knitwear. The palette expands from earthy browns to striking accents of lime green, teal, and gold, often expressed through intricate geometric ornamental motifs. The silhouettes emphasize functional draping (scarves and outerwear) and structured, high-collar layering, translating ancient heritage into a bold, contemporary aesthetic.
+
+
+
+
+
+
{{ item.text }}
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/collectionStory/index.vue b/src/views/collectionStory/index.vue
index e29ef80..3fc0a59 100644
--- a/src/views/collectionStory/index.vue
+++ b/src/views/collectionStory/index.vue
@@ -1,11 +1,13 @@
-
- collection Story
+
+
+
+
+
Back to Home
+
+
+
+
+
+ Windswept Burden
+
+
+ Publish Date: 24th Nov 2025
+
+
+
+
+ “We are spiritual nomads carrying what wind cannot take.
+ Inspired by those who knew home is not a place, but what you wear.”
+
+
+
+
+
Scrolling Learn More
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 6788ffc..872f9be 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,18 +1,22 @@
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
- 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+ 
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+
+ 
+