fix

src/pages/about-us/ecosystem.vue

@@ -0,0 +1,65 @@
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted, reactive, toRefs } from "vue";
+import { gsap, TweenMax, TweenLite } from 'gsap'
+import { ScrollTrigger } from 'gsap/ScrollTrigger'
+//const props = defineProps({
+//})
+//const emit = defineEmits([
+//])
+let data = reactive({
+})
+onMounted(()=>{
+})
+onUnmounted(()=>{
+})
+defineExpose({})
+const {} = toRefs(data);
+</script>
+<template>
+	<section class="ecosystem">
+		<div class="content">
+			<img src="https://code-create.com.hk/wp-content/uploads/2022/11/home_ai_logo.png" alt="">
+			<h2>REVITALISE THE FASHION ECOSYSTEM</h2>
+			<h4>through Artificial Intelligence (AI)</h4>
+		</div>
+	</section>
+	<section class="ecosystem-video">
+		<div class="content">
+		</div>
+	</section>
+</template>
+<style lang="less" scoped>
+	.ecosystem{
+		width: 100%;
+		background-color: #fff;
+		> .content{
+			margin: 0 auto;
+			max-width: 1200px;
+			padding: 100px 0px 100px 0px;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			> img{
+				width: 300px;
+				height: 300px;
+				margin-bottom: 20px;
+			}
+			> h2{
+				margin-bottom: 20px;
+				font-size: 24px;
+			}
+			> h4{
+				color: #333333;
+				font-size: 18px;
+			}
+
+		}
+	}
+	.ecosystem-video{
+		width: 100%;
+		background-color: #463a37;
+		> .content{
+			max-width: 1200px;
+		}
+	}
+</style>