'首页样式'

This commit is contained in:
2026-08-22 10:08:07 +08:00
parent d53bde57b6
commit d822f594a9
20 changed files with 695 additions and 464 deletions
+70 -68
View File
@@ -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: '联系我们,开启你的全球生意新篇'
}