diff --git a/app.css b/app.css
index af12b00..770b133 100644
--- a/app.css
+++ b/app.css
@@ -228,3 +228,11 @@ page {
.safe-bottom {
padding-bottom: env(safe-area-inset-bottom);
}
+
+/* 全局隐藏横向滚动条(scroll-view / webkit) */
+::-webkit-scrollbar {
+ display: none;
+ width: 0;
+ height: 0;
+ background: transparent;
+}
diff --git a/pages.json b/pages.json
index b6fbd88..868336c 100644
--- a/pages.json
+++ b/pages.json
@@ -31,11 +31,15 @@
"list": [
{
"pagePath": "pages/index/index",
- "text": "首页"
+ "text": "首页",
+ "iconPath": "static/icons/tabbar/tab_home_gray.svg",
+ "selectedIconPath": "static/icons/tabbar/tab_home_orange.svg"
},
{
"pagePath": "pages/products/products",
- "text": "产品"
+ "text": "产品",
+ "iconPath": "static/icons/tabbar/tab_product_gray.svg",
+ "selectedIconPath": "static/icons/tabbar/tab_product_orange.svg"
}
]
},
diff --git a/pages/index/components/CompanyIntro.vue b/pages/index/components/CompanyIntro.vue
index 04a0ac6..b00fa64 100644
--- a/pages/index/components/CompanyIntro.vue
+++ b/pages/index/components/CompanyIntro.vue
@@ -1,68 +1,76 @@
-
+
-
+
-
+
公司简介
-
+
用科技重新定义POD供应链
让每一个创意,都能高效抵达全球
-
-
- INKREACH印美达全球，一家以AI与智能印花技术驱动的全球化POD柔性供应链公司，致力于成为全球创业者最可靠的成长伙伴。
-
+
+ Inkreach印美达全球，一家以AI与智能印花技术驱动的全球化POD柔性供应链公司，致力于成为全球创业者最可靠的成长伙伴。
服务对象与场景
-
- 服务于数千家跨境独立站、TikTok、TEMU、SHEIN等平台商家，提供从海外生产到末端物流的一站式供应链服务，让电商创业者专注增长，无惧后端履约。
-
+ 服务于数千家跨境独立站、TikTok、TEMU、SHEIN等平台商家，提供从海外生产到末端物流的一站式供应链服务，让电商创业者专注增长，无惧后端履约。
愿景
-
- 我们坚信，每一个创意都值得被完美呈现。Inkreach将持续深耕智能供应链生态，用科技消除制造壁垒，让全球创业者专注发挥创造力，共同书写个性化电商的新纪元。
-
+ 我们坚信，每一个创意都值得被完美呈现。 Inkreach将持续深耕智能供应链生态，用科技消除制造壁垒，让全球创业者专注发挥创造力，共同书写个性化电商的新纪元。
-
+
-
- {{ getAbilityIcon(index) }}
+
+
+ {{ item.title }}
+ {{ item.desc }}
- {{ item.title }}
- {{ item.desc }}
-
+
@@ -75,12 +83,6 @@ export default {
type: Array,
default: () => []
}
- },
- methods: {
- getAbilityIcon(index) {
- const icons = ['🎨', '🤖', '🏭', '📦']
- return icons[index] || ''
- }
}
}
@@ -94,17 +96,22 @@ export default {
overflow: hidden;
}
-/* 背景图 */
+/* 背景图 - 模糊 + 0.5透明 */
.company-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
+ height: 1088rpx;
z-index: 0;
+ overflow: hidden;
}
.bg-img {
width: 100%;
- display: block;
+ height: 100%;
+ opacity: 0.5;
+ filter: blur(30rpx);
+ -webkit-filter: blur(30rpx);
}
.company-content {
@@ -113,53 +120,57 @@ export default {
padding-top: 40rpx;
}
-/* 公司简介标题 - 设计稿 20px/400/#000000 居中 */
+/* 公司简介标题 - 20px Heavy #000000 居中 */
.section-title {
display: block;
text-align: center;
- font-size: 38rpx;
- font-weight: 700;
- color: #1a1a1a;
+ font-size: 40rpx;
+ font-weight: 900;
+ color: #000000;
+ line-height: 1.4;
margin-bottom: 40rpx;
}
-/* slogan - 设计稿 18px/400 */
+/* Slogan - 18px Heavy 渐变文字 */
.company-slogan {
- padding: 0 32rpx;
- margin-bottom: 24rpx;
+ padding: 0 20rpx;
+ margin-bottom: 30rpx;
}
.slogan-main {
display: block;
- font-size: 34rpx;
- font-weight: 700;
- color: #1a1a1a;
+ font-size: 36rpx;
+ font-weight: 900;
+ color: #000000;
line-height: 1.4;
}
.slogan-sub {
display: block;
- font-size: 34rpx;
- font-weight: 700;
- color: #ff6800;
+ font-size: 36rpx;
+ font-weight: 900;
line-height: 1.4;
- margin-top: 6rpx;
+ margin-top: 4rpx;
+ background: linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(255, 104, 0, 1) 100%);
+ -webkit-background-clip: text;
+ background-clip: text;
+ -webkit-text-fill-color: transparent;
}
-/* 公司描述 - 设计稿 12px/400/#000000 */
+/* 公司描述 - 12px Regular #000000 */
.company-desc {
display: block;
- padding: 0 32rpx;
+ padding: 0 20rpx;
font-size: 24rpx;
- color: #666666;
- line-height: 1.7;
+ color: #000000;
+ line-height: 1.5;
margin-bottom: 40rpx;
}
-/* 两栏 - 设计稿 14px/400/#000000 标题 */
+/* 两栏 - 14px Bold 标题 + 12px Regular 正文 */
.company-cols {
display: flex;
- padding: 0 32rpx;
- gap: 24rpx;
- margin-bottom: 50rpx;
+ padding: 0 20rpx;
+ gap: 32rpx;
+ margin-bottom: 60rpx;
}
.col-left,
.col-right {
@@ -167,92 +178,121 @@ export default {
}
.col-title {
display: block;
- font-size: 26rpx;
- font-weight: 600;
- color: #1a1a1a;
- margin-bottom: 12rpx;
+ font-size: 28rpx;
+ font-weight: 700;
+ color: #000000;
+ line-height: 1.4;
+ margin-bottom: 16rpx;
}
.col-text {
display: block;
- font-size: 22rpx;
- color: #666666;
- line-height: 1.7;
-}
-
-/* 核心能力卡片 - 2列网格 */
-.ability-grid {
- padding: 0 32rpx;
- display: flex;
- flex-wrap: wrap;
- justify-content: space-between;
- margin-bottom: 70rpx;
-}
-.ability-card {
- width: 330rpx;
- padding: 32rpx 24rpx;
- background: #ffffff;
- border-radius: 12rpx;
- border: 2rpx solid #f0f0f0;
- margin-bottom: 20rpx;
- display: flex;
- flex-direction: column;
- box-sizing: border-box;
-}
-.ability-icon {
- width: 56rpx;
- height: 56rpx;
- margin-bottom: 16rpx;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-.icon-emoji {
- font-size: 40rpx;
-}
-.ability-title {
- font-size: 26rpx;
- font-weight: 600;
- color: #1a1a1a;
- margin-bottom: 8rpx;
-}
-.ability-desc {
- font-size: 22rpx;
- color: #999999;
+ font-size: 24rpx;
+ color: #000000;
line-height: 1.5;
}
-/* 底部CTA - 橙色背景 */
+/* 核心能力卡片 - 自适应2列(避免宽度+间距同时固定导致挤压) */
+.ability-grid {
+ padding: 0 20rpx;
+ display: flex;
+ flex-wrap: wrap;
+ gap: 20rpx;
+ margin-bottom: 60rpx;
+}
+.ability-card {
+ flex: 1 1 calc(50% - 10rpx);
+ min-width: 0;
+ height: 180rpx;
+ background: #ffffff;
+ border-radius: 12rpx;
+ margin-bottom: 20rpx;
+ padding: 32rpx 20rpx;
+ box-sizing: border-box;
+ display: flex;
+ align-items: flex-start;
+ gap: 22rpx;
+}
+/* 图标 24x24 */
+.ability-icon {
+ width: 48rpx;
+ height: 48rpx;
+ flex-shrink: 0;
+}
+.ability-text {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+}
+/* 标题 12px Bold #000000 */
+.ability-title {
+ font-size: 24rpx;
+ font-weight: 700;
+ color: #000000;
+ line-height: 1.4;
+}
+/* 描述 10px Regular #000000 */
+.ability-desc {
+ margin-top: 8rpx;
+ font-size: 20rpx;
+ color: #000000;
+ line-height: 1.45;
+}
+
+/* 底部CTA - 橙色背景+图片叠加+二维码+文字 */
.cta-footer {
position: relative;
- z-index: 1;
width: 100%;
- padding: 60rpx 32rpx 80rpx;
- background: #ff6800;
display: flex;
flex-direction: column;
align-items: center;
+ padding: 0;
box-sizing: border-box;
}
+/* 橙色背景层 - 391x200 */
+.cta-orange-bg {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 400rpx;
+ background: #ff6800;
+ z-index: 0;
+}
+/* 图片叠加层 - 390x219 */
+.cta-overlay-img {
+ position: relative;
+ width: 100%;
+ z-index: 1;
+ display: block;
+}
+/* 二维码 - 104x104 居中 圆角10px 白底 */
.qr-wrap {
- width: 260rpx;
- height: 260rpx;
+ position: absolute;
+ top: 54rpx;
+ left: 50%;
+ transform: translateX(-50%);
+ width: 208rpx;
+ height: 208rpx;
background: #ffffff;
- border-radius: 16rpx;
+ border-radius: 20rpx;
padding: 20rpx;
- margin-bottom: 30rpx;
+ box-sizing: border-box;
+ z-index: 2;
display: flex;
align-items: center;
justify-content: center;
- box-sizing: border-box;
}
.qr-img {
width: 100%;
height: 100%;
}
-.cta-text {
- font-size: 28rpx;
- color: #ffffff;
- font-weight: 500;
- text-align: center;
+/* 联系我们文字图 - 236x78 居中 */
+.cta-text-img {
+ position: absolute;
+ top: 256rpx;
+ left: 50%;
+ transform: translateX(-50%);
+ width: 472rpx;
+ z-index: 3;
}
diff --git a/pages/index/components/HeroBanner.vue b/pages/index/components/HeroBanner.vue
index aab041e..013e083 100644
--- a/pages/index/components/HeroBanner.vue
+++ b/pages/index/components/HeroBanner.vue
@@ -1,38 +1,46 @@
-
+
-
-
- inkreach
- 印美达全球
-
+
+
-
-
- 全球POD供应链平台
-
-
-
-
- 连接设计、生产、订单与全球物流，助力跨境卖家快速上新、稳定履约
-
-
-
-
-
- {{ item.value }}
- {{ item.label }}
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 全球POD供应链平台
+
+
+ 连接设计、生产、订单与全球物流，助力跨境卖家快速上新、稳定履约
+
+
+
+
+
+ {{ item.value }}
+ {{ item.unit }}
+
+ {{ item.label }}
+
+
+
+
@@ -44,6 +52,19 @@ export default {
type: Array,
default: () => []
}
+ },
+ data() {
+ return {
+ statusBarHeight: 20
+ }
+ },
+ created() {
+ try {
+ const sysInfo = uni.getSystemInfoSync()
+ this.statusBarHeight = sysInfo.statusBarHeight || 20
+ } catch (e) {
+ this.statusBarHeight = 20
+ }
}
}
@@ -52,87 +73,156 @@ export default {
.hero {
position: relative;
width: 100%;
- padding-top: 30rpx;
- padding-bottom: 0;
+ height: 1196rpx;
background: #ffffff;
overflow: hidden;
}
-/* Logo */
-.hero-logo {
- display: flex;
- align-items: baseline;
- padding: 0 32rpx;
- margin-bottom: 40rpx;
-}
-.logo-en {
- font-size: 36rpx;
- font-weight: 700;
- color: #ff6800;
- letter-spacing: 1rpx;
-}
-.logo-cn {
- margin-left: 12rpx;
- font-size: 22rpx;
- color: #ff6800;
-}
-
-/* 标题 - 设计稿 28px/400/黑色 */
-.hero-title {
- padding: 0 32rpx;
- margin-bottom: 16rpx;
-}
-.title-main {
- font-size: 54rpx;
- font-weight: 700;
- color: #1a1a1a;
- line-height: 1.3;
-}
-
-/* 副标题 - 设计稿 10px/400/#000000 */
-.hero-subtitle {
- display: block;
- padding: 0 32rpx;
- font-size: 20rpx;
- color: #999999;
- line-height: 1.6;
- margin-bottom: 36rpx;
-}
-
-/* 4个指标 - 设计稿 16px/400/#ff6800 */
-.hero-stats {
- display: flex;
- padding: 0 32rpx;
- gap: 24rpx;
- margin-bottom: 40rpx;
-}
-.stat-item {
- flex: 1;
- display: flex;
- flex-direction: column;
- align-items: flex-start;
-}
-.stat-value {
- font-size: 32rpx;
- font-weight: 700;
- color: #ff6800;
- line-height: 1.2;
-}
-.stat-label {
- margin-top: 8rpx;
- font-size: 20rpx;
- color: #999999;
-}
-
-/* 地球图 - 全宽 */
-.hero-earth {
+/* 渐变背景 - linear-gradient(180deg, rgba(255,228,210,1) 0%, rgba(255,255,255,1) 100%) */
+.hero-gradient-bg {
+ position: absolute;
+ top: 0;
+ left: 0;
width: 100%;
+ height: 1196rpx;
+ background: linear-gradient(180deg, rgba(255, 228, 210, 1) 0%, rgba(255, 255, 255, 1) 100%);
+ z-index: 0;
+}
+
+/* 地球图 - y:228 全宽 390x390 */
+.hero-earth {
+ position: absolute;
+ top: 456rpx;
+ left: 0;
+ width: 100%;
+ height: 780rpx;
+ z-index: 1;
display: flex;
align-items: center;
justify-content: center;
}
.earth-img {
width: 100%;
+ height: 100%;
+}
+
+/* 顶部 Logo 栏 */
+.hero-top-bar {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ z-index: 3;
+ box-sizing: border-box;
+}
+.logo-wrap {
+ display: flex;
+ align-items: center;
+ height: 88rpx;
+ padding: 0 20rpx;
+ box-sizing: border-box;
+}
+/* 英文 logo 73x30 */
+.logo-en {
+ width: 146rpx;
+ height: 60rpx;
+}
+/* 中文 logo 72x12 - 左侧带分隔线 */
+.logo-cn {
+ width: 144rpx;
+ height: 24rpx;
+ margin-left: 12rpx;
+ padding-left: 12rpx;
+ border-left: 1rpx solid #ff6800;
+}
+
+/* 内容层 */
+.hero-content {
+ position: relative;
+ z-index: 2;
+ padding: 0 20rpx;
+}
+
+/* 大标题 - 28px Heavy gradient linear-gradient(90deg, #000000 0%, #7C3300 100%) 自动宽度居中 */
+.hero-title {
display: block;
+ margin: 236rpx auto 0;
+ width: fit-content;
+ max-width: 100%;
+ font-size: 56rpx;
+ font-weight: 900;
+ color: #1a1a1a;
+ line-height: 1.4;
+ background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(124, 51, 0, 1) 100%);
+ -webkit-background-clip: text;
+ background-clip: text;
+ -webkit-text-fill-color: transparent;
+ white-space: nowrap;
+}
+
+/* 副标题 - 10px Regular #000000 自动宽度居中 */
+.hero-subtitle {
+ display: block;
+ margin: 12rpx auto 0;
+ width: fit-content;
+ max-width: calc(100% - 80rpx);
+ font-size: 20rpx;
+ color: #000000;
+ line-height: 1.4;
+ text-align: center;
+}
+
+/* 4个指标 - 居中布局带分隔线 */
+.hero-stats {
+ display: flex;
+ align-items: flex-start;
+ justify-content: center;
+ margin-top: 64rpx;
+ padding: 0 20rpx;
+}
+.stat-item {
+ position: relative;
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0 20rpx;
+}
+.stat-value-wrap {
+ display: flex;
+ align-items: baseline;
+ justify-content: center;
+}
+/* 数值 - 18px Bold #FF6800 */
+.stat-value {
+ font-size: 36rpx;
+ font-weight: 700;
+ color: #ff6800;
+ line-height: 1.2;
+}
+/* 单位 - 10px Bold #FF6800 */
+.stat-unit {
+ margin-left: 2rpx;
+ font-size: 20rpx;
+ font-weight: 700;
+ color: #ff6800;
+ line-height: 1.2;
+}
+/* 标签 - 8px Regular #000000 */
+.stat-label {
+ margin-top: 18rpx;
+ font-size: 16rpx;
+ color: #000000;
+ line-height: 1.2;
+ white-space: nowrap;
+}
+/* 分隔线 - 0.5px #D7D7D7 */
+.stat-divider {
+ position: absolute;
+ right: 0;
+ top: 20rpx;
+ width: 1rpx;
+ height: 40rpx;
+ background: #d7d7d7;
}
diff --git a/pages/index/components/PlatformFeatures.vue b/pages/index/components/PlatformFeatures.vue
index c005597..771c8ab 100644
--- a/pages/index/components/PlatformFeatures.vue
+++ b/pages/index/components/PlatformFeatures.vue
@@ -1,5 +1,5 @@
-
+
用强大的功能，开启盈利快车道
@@ -13,22 +13,22 @@
:key="index"
@tap="onFeatTap(index)"
>
- 0{{ index + 1 }}
- {{ item.title }}
- {{ item.desc }}
+ {{ item.step }}
+
+ {{ item.title }}
+ {{ item.desc }}
+
-
+
-
-
-
+
@@ -59,38 +59,45 @@ export default {
diff --git a/pages/index/components/PodCatalog.vue b/pages/index/components/PodCatalog.vue
index d823d33..0101be1 100644
--- a/pages/index/components/PodCatalog.vue
+++ b/pages/index/components/PodCatalog.vue
@@ -1,6 +1,7 @@
-
+
+
全球POD货盘
@@ -12,9 +13,7 @@
v-for="(item, index) in countries"
:key="index"
@tap="onCountryTap(item.id)"
- >
- {{ item.flag }} {{ item.name }}
-
+ >{{ item.name }}
@@ -33,10 +32,10 @@
-
+
更多产品
- →
+
@@ -75,97 +74,118 @@ export default {
diff --git a/pages/index/components/StepsFlow.vue b/pages/index/components/StepsFlow.vue
index 4618550..5821de3 100644
--- a/pages/index/components/StepsFlow.vue
+++ b/pages/index/components/StepsFlow.vue
@@ -1,5 +1,5 @@
-
+
4步开始你的按需定制生意
@@ -14,21 +14,21 @@
@tap="onStepTap(index)"
>
{{ item.step }}
- {{ item.title }}
- {{ item.desc }}
+
+ {{ item.title }}
+ {{ item.desc }}
+
-
+
-
-
-
+
@@ -59,91 +59,97 @@ export default {
diff --git a/pages/index/components/WhyChoose.vue b/pages/index/components/WhyChoose.vue
index 01a69b2..5d3fe4d 100644
--- a/pages/index/components/WhyChoose.vue
+++ b/pages/index/components/WhyChoose.vue
@@ -1,15 +1,14 @@
-
+
- 为什么选择Inkreach？
+
+ 为什么选择Inkrecah？
+
-
-
-
+
{{ item.title }}
- {{ item.desc }}
@@ -23,75 +22,61 @@ export default {
type: Array,
default: () => []
}
- },
- methods: {
- getIcon(index) {
- const icons = [
- '/static/icons/home/零库存图标.svg',
- '/static/icons/home/快速生产图标.svg',
- '/static/icons/home/优质产品图标.svg',
- '/static/icons/home/全球配送图标.svg'
- ]
- return icons[index] || ''
- }
}
}
diff --git a/pages/index/mock.js b/pages/index/mock.js
index ec1cfac..3d7032c 100644
--- a/pages/index/mock.js
+++ b/pages/index/mock.js
@@ -1,12 +1,12 @@
// 首页 mock 数据
-// 设计稿尺寸: 390px 宽度，1px = 750/390 ≈ 1.923rpx
+// 设计稿尺寸: 390px 宽度，1px ≈ 2rpx
// Hero 区 4个指标
export const trustStats = [
- { value: '11国', label: '全球生产工厂' },
- { value: '24h', label: '极速发货' },
- { value: '1000w+', label: '订单履约' },
- { value: '800+', label: '产品SKU' }
+ { value: '11', unit: '国', label: '全球本土工厂' },
+ { value: '24', unit: 'H', label: '极速发货' },
+ { value: '1000', unit: 'W+', label: '订单履约' },
+ { value: '800', unit: '+', label: '产品生产' }
]
// 4步流程
@@ -14,7 +14,7 @@ export const stepList = [
{
step: '01',
title: '选择产品',
- desc: '海量爆款产品，满足多元化场景需求'
+ desc: '海量精选产品，满足多元定制需求'
},
{
step: '02',
@@ -23,23 +23,26 @@ export const stepList = [
},
{
step: '03',
- title: '自动生产',
- desc: '智能分发工厂，高效品质管控'
+ title: '在线销售',
+ desc: '一键开通店铺，多渠道触达目标客群'
},
{
step: '04',
- title: '全球配送',
- desc: '多国本地仓，7日极速达'
+ title: '生产配送',
+ desc: '智能化柔性生产，快速响应全球配送'
}
]
// 全球POD货盘 - 国家tab
export const countryTabs = [
- { id: 'us', name: '美国', flag: '🇺🇸' },
- { id: 'ca', name: '加拿大', flag: '🇨🇦' },
- { id: 'mx', name: '墨西哥', flag: '🇲🇽' },
- { id: 'br', name: '巴西', flag: '🇧🇷' },
- { id: 'ar', name: '阿根廷', flag: '🇦🇷' }
+ { id: 'us', name: '美国' },
+ { id: 'ca', name: '加拿大' },
+ { id: 'mx', name: '墨西哥' },
+ { id: 'br', name: '巴西' },
+ { id: 'ar', name: '阿根廷' },
+ { id: 'cl', name: '智利' },
+ { id: 'co', name: '哥伦比亚' },
+ { id: 'pe', name: '秘鲁' }
]
// 全球POD货盘 - 产品列表
@@ -47,124 +50,123 @@ export const podProducts = [
{
id: 1,
name: '女士短款露脐T恤',
- price: '19.00',
- image: '/static/images/home/Rectangle_181_1455_1450.png'
+ image: '/static/images/home/Rectangle_63_1446_1437.png'
},
{
id: 2,
name: '女士短款露脐T恤',
- price: '19.00',
- image: '/static/images/home/Rectangle_181_1455_1456.png'
+ image: '/static/images/home/Rectangle_181_1455_1450.png'
},
{
id: 3,
name: '女士短款露脐T恤',
- price: '19.00',
- image: '/static/images/home/Rectangle_63_1446_1437.png'
+ image: '/static/images/home/Rectangle_63_1455_1461.png'
},
{
id: 4,
name: '女士短款露脐T恤',
- price: '19.00',
- image: '/static/images/home/Rectangle_63_1455_1461.png'
+ image: '/static/images/home/Rectangle_181_1455_1456.png'
}
]
// 平台功能卡片
export const featureList = [
{
- id: 1,
- title: '在线设计工具',
- desc: '可视化编辑器，支持图片文字自由创作',
- icon: '/static/icons/home/Vector_1460_1460.svg',
- bgColor: '#FFF0E5'
+ step: '01',
+ title: '设计工具',
+ desc: '轻松设计，快速定制'
},
{
- id: 2,
+ step: '02',
title: '自动化履约',
- desc: '订单自动分配工厂生产发货',
- icon: '/static/icons/home/Vector_1461_1461.svg',
- bgColor: '#E5F5FF'
+ desc: '从生产到配送，全程无忧，准时交付'
},
{
- id: 3,
+ step: '03',
title: '全球配送',
- desc: '多国本地仓7日达',
- icon: '/static/icons/home/Vector_1462_1462.svg',
- bgColor: '#F0FFE5'
+ desc: '全球11国自营本土工厂'
},
{
- id: 4,
+ step: '04',
title: '店铺集成',
- desc: '对接主流电商平台',
- icon: '/static/icons/home/Vector_1463_1463.svg',
- bgColor: '#FFF5E5'
+ desc: '与全球主流电商平台无缝对接'
}
]
-// 集成平台列表
-export const platformList = [
- { id: 1, name: 'Amazon', image: '' },
- { id: 2, name: 'Shopify', image: '' },
- { id: 3, name: 'TikTok', image: '' },
- { id: 4, name: 'Temu', image: '' },
- { id: 5, name: 'Shein', image: '' },
- { id: 6, name: 'Etsy', image: '' },
- { id: 7, name: 'eBay', image: '' }
-]
-
// 为什么选择 - 4个优势
export const reasonList = [
{
id: 1,
title: '零库存',
- desc: '按需生产，降低库存风险',
- icon: ''
+ icon: '/static/icons/home/零库存图标.svg'
},
{
id: 2,
title: '快速生产',
- desc: '48小时极速出货',
- icon: ''
+ icon: '/static/icons/home/快速生产图标.svg'
},
{
id: 3,
title: '优质产品',
- desc: '严格品质管控',
- icon: ''
+ icon: '/static/icons/home/优质产品图标.svg'
},
{
id: 4,
title: '全球配送',
- desc: '覆盖200+国家',
- icon: ''
+ icon: '/static/icons/home/全球配送图标.svg'
}
]
+// 公司简介
+export const companyIntro = {
+ title: '公司简介',
+ sloganMain: '用科技重新定义POD供应链',
+ sloganSub: '让每一个创意,都能高效抵达全球',
+ desc: 'Inkreach印美达全球，一家以AI与智能印花技术驱动的全球化POD柔性供应链公司，致力于成为全球创业者最可靠的成长伙伴。',
+ cols: [
+ {
+ title: '服务对象与场景',
+ text: '服务于数千家跨境独立站、TikTok、TEMU、SHEIN等平台商家，提供从海外生产到末端物流的一站式供应链服务，让电商创业者专注增长，无惧后端履约。'
+ },
+ {
+ title: '愿景',
+ text: '我们坚信，每一个创意都值得被完美呈现。 Inkreach将持续深耕智能供应链生态，用科技消除制造壁垒，让全球创业者专注发挥创造力，共同书写个性化电商的新纪元。'
+ }
+ ]
+}
+
// 公司简介 - 4个核心能力
export const companyFeatures = [
{
id: 1,
title: '前沿印花技术',
- desc: '创新数码直喷等工艺，品质与效率兼得',
- icon: ''
+ desc: '搭载最新智能印花工艺，品质与效率兼得',
+ icon: '/static/icons/home/ability_printing.svg'
},
{
id: 2,
- title: 'AI 深度AI应用',
- desc: 'AI设计辅助生产，全链路智能提效',
- icon: ''
+ title: '深度AI应用',
+ desc: '从设计到生产，全链路智能化提效',
+ icon: '/static/icons/home/ability_ai.svg'
},
{
id: 3,
title: '全球智能工厂',
- desc: '11国本土化生产POD工厂，当地产能随时开启',
- icon: ''
+ desc: '11国自营本土化POD工厂，日均产能超20万单',
+ icon: '/static/icons/home/ability_global.svg'
},
{
id: 4,
title: '一站式柔性交付',
- desc: '覆盖生产到物流，从小品牌到大牌全链路业务落地',
- icon: ''
+ desc: '覆盖生产至物流，助力品牌从概念到商业落地',
+ icon: '/static/icons/home/ability_flexible.svg'
}
]
+
+// 底部CTA
+export const ctaSection = {
+ qrImage: '/static/images/home/Rectangle_187_1470_1653.png',
+ bgImage: '/static/images/home/image_26_1496_1761.png',
+ textImage: '/static/images/home/image_28_1498_1767.png',
+ text: '联系我们,开启你的全球生意新篇'
+}
diff --git a/static/icons/home/ability_ai.svg b/static/icons/home/ability_ai.svg
new file mode 100644
index 0000000..eb6682a
--- /dev/null
+++ b/static/icons/home/ability_ai.svg
@@ -0,0 +1,3 @@
+
diff --git a/static/icons/home/ability_flexible.svg b/static/icons/home/ability_flexible.svg
new file mode 100644
index 0000000..e934d0d
--- /dev/null
+++ b/static/icons/home/ability_flexible.svg
@@ -0,0 +1,3 @@
+
diff --git a/static/icons/home/ability_global.svg b/static/icons/home/ability_global.svg
new file mode 100644
index 0000000..e0bc89f
--- /dev/null
+++ b/static/icons/home/ability_global.svg
@@ -0,0 +1,3 @@
+
diff --git a/static/icons/home/ability_printing.svg b/static/icons/home/ability_printing.svg
new file mode 100644
index 0000000..54a8258
--- /dev/null
+++ b/static/icons/home/ability_printing.svg
@@ -0,0 +1,3 @@
+
diff --git a/static/icons/home/arrow_more.svg b/static/icons/home/arrow_more.svg
new file mode 100644
index 0000000..59687b7
--- /dev/null
+++ b/static/icons/home/arrow_more.svg
@@ -0,0 +1,3 @@
+
diff --git a/static/icons/home/logo_cn.svg b/static/icons/home/logo_cn.svg
new file mode 100644
index 0000000..5d2c9e9
--- /dev/null
+++ b/static/icons/home/logo_cn.svg
@@ -0,0 +1,8 @@
+
diff --git a/static/icons/home/logo_en.svg b/static/icons/home/logo_en.svg
new file mode 100644
index 0000000..9be9a0c
--- /dev/null
+++ b/static/icons/home/logo_en.svg
@@ -0,0 +1,14 @@
+
diff --git a/static/icons/tabbar/tab_home_gray.svg b/static/icons/tabbar/tab_home_gray.svg
new file mode 100644
index 0000000..43f960c
--- /dev/null
+++ b/static/icons/tabbar/tab_home_gray.svg
@@ -0,0 +1,10 @@
+
diff --git a/static/icons/tabbar/tab_home_orange.svg b/static/icons/tabbar/tab_home_orange.svg
new file mode 100644
index 0000000..acee347
--- /dev/null
+++ b/static/icons/tabbar/tab_home_orange.svg
@@ -0,0 +1,10 @@
+
diff --git a/static/icons/tabbar/tab_product_gray.svg b/static/icons/tabbar/tab_product_gray.svg
new file mode 100644
index 0000000..e00975b
--- /dev/null
+++ b/static/icons/tabbar/tab_product_gray.svg
@@ -0,0 +1,6 @@
+
diff --git a/static/icons/tabbar/tab_product_orange.svg b/static/icons/tabbar/tab_product_orange.svg
new file mode 100644
index 0000000..c2fb776
--- /dev/null
+++ b/static/icons/tabbar/tab_product_orange.svg
@@ -0,0 +1,6 @@
+