Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Code-Create
This commit is contained in:
@@ -1,9 +1,13 @@
|
||||
<script setup lang="ts">
|
||||
import { ref } from "vue";
|
||||
import { useI18n } from 'vue-i18n'
|
||||
import MyEvent from "@/tools/myEvents";
|
||||
const { t, locale } = useI18n()
|
||||
let videoUrl = 'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2023/05/codec_brand_vid_16x9_ENG.mp4'
|
||||
let videoPosterUrl = 'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/06/codec_brand_vid_16x9_ENG_11_layer.jpeg'
|
||||
const playVideo = ()=>{
|
||||
console.log(locale.value)
|
||||
return
|
||||
MyEvent.emit("playVideo",{
|
||||
url: videoUrl,
|
||||
poster: videoPosterUrl,
|
||||
|
||||
@@ -6,9 +6,22 @@ import Mission from './mission.vue'
|
||||
import OurTeam from './our-team.vue'
|
||||
import StrategicPartners from './strategic-partners.vue'
|
||||
import { useGlobalStore } from '@/stores/global'
|
||||
import { useHead } from '@unhead/vue'
|
||||
import { useI18n } from 'vue-i18n'
|
||||
const globalStore = useGlobalStore()
|
||||
const windowWidth = computed(() => globalStore.state.windowWidth)
|
||||
const { t } = useI18n()
|
||||
useHead({
|
||||
title: t('aboutUs.Title'),
|
||||
meta: [
|
||||
{
|
||||
name: 'description',
|
||||
content: t('aboutUs.meta')
|
||||
}
|
||||
]
|
||||
})
|
||||
defineExpose({})
|
||||
|
||||
</script>
|
||||
<template>
|
||||
<div class="about-us">
|
||||
|
||||
@@ -14,9 +14,9 @@
|
||||
|
||||
const demoVideo = computed(() => {
|
||||
if (locale.value === 'en') {
|
||||
return `${IMAGE_BASE_URL}/wp-content/uploads/2026/02/Demo-video-26-2-27-EN.mp4`
|
||||
return `${IMAGE_BASE_URL}/2026/02/Demo-video-26-2-27-EN.mp4`
|
||||
}
|
||||
return `${IMAGE_BASE_URL}/wp-content/uploads/2026/02/Demo-video-26-2-27-CN.mp4`
|
||||
return `${IMAGE_BASE_URL}/2026/02/Demo-video-26-2-27-CN.mp4`
|
||||
})
|
||||
|
||||
const keyFeatures = computed(() => {
|
||||
@@ -26,17 +26,17 @@
|
||||
const benefits = computed(() => {
|
||||
return [
|
||||
{
|
||||
image: `${IMAGE_BASE_URL}/wp-content/uploads/2022/11/aida_feature_icon_01.png`,
|
||||
image: `${IMAGE_BASE_URL}/2022/11/aida_feature_icon_01.png`,
|
||||
alt: 'Light bulb icon',
|
||||
text: t('Aida.benefits1')
|
||||
},
|
||||
{
|
||||
image: `${IMAGE_BASE_URL}/wp-content/uploads/2022/11/aida_feature_icon_02.png`,
|
||||
image: `${IMAGE_BASE_URL}/2022/11/aida_feature_icon_02.png`,
|
||||
alt: 'Stopwatch icon',
|
||||
text: t('Aida.benefits2')
|
||||
},
|
||||
{
|
||||
image: `${IMAGE_BASE_URL}/wp-content/uploads/2022/11/aida_feature_icon_03-1.png`,
|
||||
image: `${IMAGE_BASE_URL}/2022/11/aida_feature_icon_03-1.png`,
|
||||
alt: 'Drawing brush icon',
|
||||
text: t('Aida.benefits3')
|
||||
}
|
||||
@@ -310,7 +310,7 @@
|
||||
<section class="aida-hero" aria-labelledby="aida-title">
|
||||
<img
|
||||
class="aida-hero-image"
|
||||
:src="`${IMAGE_BASE_URL}/wp-content/uploads/2022/11/aida_banner-1.jpg`"
|
||||
:src="`${IMAGE_BASE_URL}/2022/11/aida_banner-1.jpg`"
|
||||
alt="AiDA 3.1 banner"
|
||||
/>
|
||||
<h1 id="aida-title" class="aida-hero-title">AiDA 3.1</h1>
|
||||
@@ -347,13 +347,13 @@
|
||||
<div class="feature-art">
|
||||
<img
|
||||
class="feature-bg"
|
||||
:src="`${IMAGE_BASE_URL}/wp-content/uploads/2022/11/aida_intro_01_bg.png`"
|
||||
:src="`${IMAGE_BASE_URL}/2022/11/aida_intro_01_bg.png`"
|
||||
alt="Fashion design sketches on paper"
|
||||
loading="lazy"
|
||||
/>
|
||||
<img
|
||||
class="feature-panel"
|
||||
:src="`${IMAGE_BASE_URL}/wp-content/uploads/2024/01/new-layout-1.png`"
|
||||
:src="`${IMAGE_BASE_URL}/2024/01/new-layout-1.png`"
|
||||
alt="AiDA design workspace preview"
|
||||
loading="lazy"
|
||||
/>
|
||||
|
||||
@@ -134,7 +134,7 @@
|
||||
const slides = computed<HomeSlide[]>(() => [
|
||||
{
|
||||
id: 'aida',
|
||||
image: `${IMAGE_BASE_URL}/wp-content/uploads/2022/11/mainbanner01-2.jpg`,
|
||||
image: `${IMAGE_BASE_URL}/2022/11/mainbanner01-2.jpg`,
|
||||
video: '',
|
||||
alt: t('Home.banner1slogan'),
|
||||
title: t('Home.banner1slogan'),
|
||||
@@ -143,7 +143,7 @@
|
||||
},
|
||||
{
|
||||
id: 'mixi',
|
||||
image: `${IMAGE_BASE_URL}/wp-content/uploads/2022/11/mainbanner02-3.jpg`,
|
||||
image: `${IMAGE_BASE_URL}/2022/11/mainbanner02-3.jpg`,
|
||||
video: '',
|
||||
alt: 'Code Create product banner',
|
||||
title: t('Home.banner2slogan'),
|
||||
|
||||
@@ -18,9 +18,9 @@
|
||||
{
|
||||
name: 'AiDA 3.1',
|
||||
title: t('Home.aidaDesc'),
|
||||
backgroundImage: `${IMAGE_BASE_URL}/wp-content/uploads/2022/11/aida_intro_01_bg.png`,
|
||||
backgroundImage: `${IMAGE_BASE_URL}/2022/11/aida_intro_01_bg.png`,
|
||||
backgroundAlt: 'Fashion design sketches on paper',
|
||||
panelImage: `${IMAGE_BASE_URL}/wp-content/uploads/2024/01/new-layout-1.png`,
|
||||
panelImage: `${IMAGE_BASE_URL}/2024/01/new-layout-1.png`,
|
||||
panelAlt: 'AiDA design workspace preview',
|
||||
reversed: false,
|
||||
to:'/aida'
|
||||
@@ -28,9 +28,9 @@
|
||||
{
|
||||
name: 'Mixi',
|
||||
title: t('Home.mixiSlogan'),
|
||||
backgroundImage: `${IMAGE_BASE_URL}/wp-content/uploads/2022/11/mixi_intro_01_bg.png`,
|
||||
backgroundImage: `${IMAGE_BASE_URL}/2022/11/mixi_intro_01_bg.png`,
|
||||
backgroundAlt: 'Layered fabric texture',
|
||||
panelImage: `${IMAGE_BASE_URL}/wp-content/uploads/2022/11/mixi_intro_01_panel.png`,
|
||||
panelImage: `${IMAGE_BASE_URL}/2022/11/mixi_intro_01_panel.png`,
|
||||
panelAlt: 'Mixi visual search interface preview',
|
||||
reversed: true,
|
||||
to:'/mixi'
|
||||
|
||||
@@ -1,5 +1,17 @@
|
||||
<script setup lang="ts">
|
||||
import UserList from './user-list.vue'
|
||||
import { useHead } from '@unhead/vue'
|
||||
import { useI18n } from 'vue-i18n'
|
||||
const { t } = useI18n()
|
||||
useHead({
|
||||
title: t('userStories.Title'),
|
||||
meta: [
|
||||
{
|
||||
name: 'description',
|
||||
content: t('userStories.meta')
|
||||
}
|
||||
]
|
||||
})
|
||||
defineExpose({})
|
||||
</script>
|
||||
<template>
|
||||
|
||||
Reference in New Issue
Block a user