|
|
@@ -1,69 +1,83 @@
|
|
|
<script lang='ts' setup>
|
|
|
-import solutionIcon01 from '~/assets/images/solutions_icon01.png'
|
|
|
-import solutionIcon02 from '~/assets/images/solutions_icon02.png'
|
|
|
-import solutionIcon03 from '~/assets/images/solutions_icon03.png'
|
|
|
-import solutionIcon04 from '~/assets/images/solutions_icon04.png'
|
|
|
+import solutionEcommerce from '~/assets/images/ecommerce_img.png'
|
|
|
+import solutionBrands from '~/assets/images/brands_img.png'
|
|
|
+import solutionRetailers from '~/assets/images/retailers_img.png'
|
|
|
+import solutionEcommerce01 from '~/assets/images/solutions_ecommerce01.png'
|
|
|
+import solutionEcommerce02 from '~/assets/images/solutions_ecommerce02.png'
|
|
|
+import solutionEcommerce03 from '~/assets/images/solutions_ecommerce03.png'
|
|
|
+import solutionEcommerce04 from '~/assets/images/solutions_ecommerce04.png'
|
|
|
+import solutionBrand01 from '~/assets/images/solutions_brand01.png'
|
|
|
+import solutionBrand02 from '~/assets/images/solutions_brand02.png'
|
|
|
+import solutionBrand03 from '~/assets/images/solutions_brand03.png'
|
|
|
+import solutionBrand04 from '~/assets/images/solutions_brand04.png'
|
|
|
+import solutionRetailers01 from '~/assets/images/solutions_retailers01.png'
|
|
|
+import solutionRetailers02 from '~/assets/images/solutions_retailers02.png'
|
|
|
+import solutionRetailers03 from '~/assets/images/solutions_retailers03.png'
|
|
|
+import solutionRetailers04 from '~/assets/images/solutions_retailers04.png'
|
|
|
|
|
|
const list = ref([
|
|
|
{
|
|
|
key: 'ecommerce',
|
|
|
title: 'Ecommerce',
|
|
|
description: 'Scale Smarter with Viral-Ready Products for Online Growth',
|
|
|
+ masterImg: solutionEcommerce,
|
|
|
list: [
|
|
|
{
|
|
|
title: 'Real-Time Trend Curation',
|
|
|
- img: solutionIcon01,
|
|
|
+ img: solutionEcommerce01,
|
|
|
subTitle:
|
|
|
- 'Our team constantly monitors market shifts, viral demand, and emerging bestsellers to deliver high-potential products to you.',
|
|
|
+ 'Our team constantly monitors market shifts, viral demand, and emerging bestsellers to deliver high-potential products to you.',
|
|
|
},
|
|
|
{
|
|
|
- img: solutionIcon02,
|
|
|
- title: 'Real-Time Trend Curation',
|
|
|
+ img: solutionEcommerce02,
|
|
|
+ title: 'Low MOQ Limits',
|
|
|
subTitle:
|
|
|
- 'Our team constantly monitors market shifts, viral demand, and emerging bestsellers to deliver high-potential products to you.',
|
|
|
+ 'With zero MOQ, you can test products risk-free and scale only what sells. Perfect for agile sellers and fast-moving trends!',
|
|
|
},
|
|
|
{
|
|
|
- img: solutionIcon03,
|
|
|
- title: 'Real-Time Trend Curation',
|
|
|
+ img: solutionEcommerce03,
|
|
|
+ title: 'Flexible Fulfillment Options',
|
|
|
subTitle:
|
|
|
- 'Our team constantly monitors market shifts, viral demand, and emerging bestsellers to deliver high-potential products to you.',
|
|
|
+ 'Whether you need dropshipping, bulk shipping, or FBA Prep, we adapt to your business with reliable logistics solutions.',
|
|
|
},
|
|
|
{
|
|
|
- img: solutionIcon04,
|
|
|
- title: 'Real-Time Trend Curation',
|
|
|
+ img: solutionEcommerce04,
|
|
|
+ title: 'Winning Product Portfolios',
|
|
|
subTitle:
|
|
|
- 'Our team constantly monitors market shifts, viral demand, and emerging bestsellers to deliver high-potential products to you.',
|
|
|
+ 'Our pre-built product bundles and curated collections combine complementary bestsellers to boost average order value.',
|
|
|
},
|
|
|
],
|
|
|
},
|
|
|
{
|
|
|
key: 'brands',
|
|
|
title: 'Brands & Distributors',
|
|
|
- description: 'Power Your Product Line with Trend Intelligence & Agile Supply',
|
|
|
+ description:
|
|
|
+ 'Power Your Product Line with Trend Intelligence & Agile Supply',
|
|
|
+ masterImg: solutionBrands,
|
|
|
list: [
|
|
|
{
|
|
|
title: 'OEM/ODM Trend Support',
|
|
|
- img: solutionIcon01,
|
|
|
+ img: solutionBrand01,
|
|
|
subTitle:
|
|
|
- 'We provide trend-based design, packaging, and product development to help brands create unique, market-driven products.',
|
|
|
+ 'We provide trend-based design, packaging, and product development to help brands create unique, market-driven products.',
|
|
|
},
|
|
|
{
|
|
|
- img: solutionIcon02,
|
|
|
+ img: solutionBrand02,
|
|
|
title: 'Co-Branded Development',
|
|
|
subTitle:
|
|
|
- 'Quick-turn co-branded collections to help brands launch exclusive, limited-edition products and increase market impact.',
|
|
|
+ 'Quick-turn co-branded collections to help brands launch exclusive, limited-edition products and increase market impact.',
|
|
|
},
|
|
|
{
|
|
|
- img: solutionIcon03,
|
|
|
+ img: solutionBrand03,
|
|
|
title: 'Flexible Logistic Solution',
|
|
|
subTitle:
|
|
|
- 'Whether it’s bulk shipments, mixed containers, our flexible logistics solutions adapt to your business model and market goals.',
|
|
|
+ 'Whether it’s bulk shipments, mixed containers, our flexible logistics solutions adapt to your business model and market goals.',
|
|
|
},
|
|
|
{
|
|
|
- img: solutionIcon04,
|
|
|
+ img: solutionBrand04,
|
|
|
title: 'Exclusive Channel Protection',
|
|
|
subTitle:
|
|
|
- 'We protect your brand with exclusive regional rights, limited distribution agreements, and secure your market position.',
|
|
|
+ 'We protect your brand with exclusive regional rights, limited distribution agreements, and secure your market position.',
|
|
|
},
|
|
|
],
|
|
|
},
|
|
|
@@ -71,30 +85,31 @@ const list = ref([
|
|
|
key: 'retailers',
|
|
|
title: 'Retailers & Chain Stores',
|
|
|
description: 'Upgrade Your Shelves with Trendy, High-Margin Products',
|
|
|
+ masterImg: solutionRetailers,
|
|
|
list: [
|
|
|
{
|
|
|
title: 'Ready-to-Display Portfolios',
|
|
|
- img: solutionIcon01,
|
|
|
+ img: solutionRetailers01,
|
|
|
subTitle:
|
|
|
- 'Curated product bundles that align with current trends, ready for effortless shelf display and enhanced retail appeal.',
|
|
|
+ 'Curated product bundles that align with current trends, ready for effortless shelf display and enhanced retail appeal.',
|
|
|
},
|
|
|
{
|
|
|
- img: solutionIcon02,
|
|
|
+ img: solutionRetailers02,
|
|
|
title: 'Trend-Aligned Launch Plan',
|
|
|
subTitle:
|
|
|
- 'Tailored product launch plans based on market cycles to create a differentiated product portfolio that engages customers.',
|
|
|
+ 'Tailored product launch plans based on market cycles to create a differentiated product portfolio that engages customers.',
|
|
|
},
|
|
|
{
|
|
|
- img: solutionIcon03,
|
|
|
+ img: solutionRetailers03,
|
|
|
title: 'Store Display Solution',
|
|
|
subTitle:
|
|
|
- 'Strategic display guides that show what to place where — helping your team position products by zone and boost visual appeal.',
|
|
|
+ 'Strategic display guides that show what to place where — helping your team position products by zone and boost visual appeal.',
|
|
|
},
|
|
|
{
|
|
|
- img: solutionIcon04,
|
|
|
+ img: solutionRetailers04,
|
|
|
title: 'Go-to Market Support',
|
|
|
subTitle:
|
|
|
- 'Customizable marketing assets to support both online and offline promotions — helping you boost visibility and drive sales.',
|
|
|
+ 'Customizable marketing assets to support both online and offline promotions — helping you boost visibility and drive sales.',
|
|
|
},
|
|
|
],
|
|
|
},
|
|
|
@@ -121,9 +136,9 @@ const solutionList = computed(() => {
|
|
|
</div>
|
|
|
<div class="flex gap-60px">
|
|
|
<img
|
|
|
- src="~/assets/images/solutions_img02.png"
|
|
|
+ :src="list.find((item) => item.key === solution)?.masterImg"
|
|
|
alt=""
|
|
|
- class="w-420px h-520px"
|
|
|
+ class="w-420px h-520px object-cover"
|
|
|
srcset=""
|
|
|
>
|
|
|
<div>
|
