yeuimu
79fabd85f7
- Redesign website homepage & product-center per Figma (fonts, logos, hero/footer/customer cases) - Add API upload module (multer) with static serving for uploads/public assets - Add OriginGood.delisted flag and SDS request retry logic - Add admin ImageUpload component and goods import/upload flows - Add vitest suite for website components and composables (32 tests) - Add skills, docs, plans and PRODUCT.md
55 lines
3.0 KiB
Vue
55 lines
3.0 KiB
Vue
<template>
|
||
<section class="company-section py-10 lg:py-16 px-4 lg:px-6 bg-cover bg-center bg-no-repeat" style="background-image: url('/公司简介背景.png')">
|
||
<div class="max-w-7xl mx-auto">
|
||
<h2 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-gray-900 text-center mb-8 lg:mb-12">公司简介</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 lg:gap-8 mb-8 lg:mb-12">
|
||
<div>
|
||
<h3
|
||
class="text-xl lg:text-2xl font-bold mb-4"
|
||
style="background: linear-gradient(90deg, #000000, #ec6000); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;"
|
||
>
|
||
用科技重新定义服装供应链 <br /><span>让每一个创意，都能高效抵达全球</span>
|
||
</h3>
|
||
<p class="text-gray-600">Inkreach印美达全球, 一家以AI与智能印花技术驱动的全球化POD柔性供应链公司, 致力于成为全球创业者最可靠的成长伙伴。</p>
|
||
</div>
|
||
<div>
|
||
<h3 class="text-lg lg:text-xl font-bold text-gray-900 mb-4">服务对象与场景</h3>
|
||
<p class="text-gray-600">服务于数千家跨境独立站、TikTok、TEMU、SHEIN等平台商家, 提供从海外生产至末端物流的一站式供应链服务, 让电商创业者专注增长, 无惧后端履约。</p>
|
||
</div>
|
||
<div>
|
||
<h3 class="text-lg lg:text-xl font-bold text-gray-900 mb-4">愿景</h3>
|
||
<p class="text-gray-600">我们坚信, 每一个创意都值得被完美呈现。INKREACH将持续深耕智能供应链生态, 用科技消除制造壁垒, 让全球创业者专注发挥创造力, 共同书写个性化电商的新纪元。</p>
|
||
</div>
|
||
</div>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 lg:gap-6">
|
||
<div
|
||
v-for="cap in capabilities"
|
||
:key="cap.title"
|
||
class="bg-white border border-gray-100 rounded-xl p-5 lg:p-6"
|
||
>
|
||
<div class="flex items-center gap-3 mb-4">
|
||
<div class="w-8 h-8 bg-primary/10 rounded-lg flex items-center justify-center">
|
||
<i :class="cap.icon" class="text-primary"></i>
|
||
</div>
|
||
<h3 class="text-base lg:text-lg font-bold text-gray-900">{{ cap.title }}</h3>
|
||
</div>
|
||
<p class="text-gray-600 text-sm lg:text-base">{{ cap.desc }}</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</template>
|
||
|
||
<script setup>
|
||
const capabilities = [
|
||
{ title: '前沿印花技术', desc: '搭载最新智能印花工艺，品质与效率兼得', icon: 'fa-solid fa-print' },
|
||
{ title: '深度AI应用', desc: '从设计至生产, 全链路智能化提效', icon: 'fa-solid fa-brain' },
|
||
{ title: '全球智能工厂', desc: '多国自营本土化POD工厂, 日均产能超20万单', icon: 'fa-solid fa-industry' },
|
||
{ title: '一站式柔性交付', desc: '覆盖生产至物流, 助力品牌从概念到商业落地', icon: 'fa-solid fa-handshake' },
|
||
];
|
||
</script>
|
||
|
||
<style scoped>
|
||
@media (min-width: 1024px) { .company-section { height: 600px; } }
|
||
</style>
|