import { getLocalizedPath, getTranslation, type Locale } from '../i18n/utils'; import { cssVars } from './css'; import { Icon, philosophyIcons, selfDevIcons } from '../icons'; import EcosystemMap from './EcosystemMap'; // 每条赛道的诗意句（与 tracks 顺序一致：内容社交/职场服务/数字支付/人工智能/生活服务） const trackTaglines = [ { zh: '连接志同道合的人，让每一次相遇都真诚而温暖', hk: '連接志同道合的人，讓每一次相遇都真誠而溫暖', en: 'Connect like-minded people — making every encounter sincere and warm' }, { zh: '智能匹配机会，让每一步成长都清晰可见', hk: '智能匹配機會，讓每一步成長都清晰可見', en: 'Smart matching of opportunities — making every step of growth clear' }, { zh: '安全便捷的场景化支付，让每笔交易都有温度', hk: '安全便捷的場景化支付，讓每筆交易都有溫度', en: 'Secure, convenient scenario-based payment — warmth in every transaction' }, { zh: '多模态感知理解，让 AI 成为温暖的生活伙伴', hk: '多模態感知理解，讓 AI 成為溫暖的生活夥伴', en: 'Multi-modal understanding — making AI a warm life companion' }, { zh: '以真实心愿为核心，搭建暖心桥梁，助力年轻人梦想落地', hk: '以真實心願為核心，搭建暖心橋樑，助力年輕人夢想落地', en: 'Build warm bridges around real wishes, helping young dreams land' }, ]; export default function Business({ locale }: { locale: Locale }) { const t = getTranslation(locale); const b = t.business; const inv = t.innovation; const isZh = locale !== 'en'; const tr = (zh: string, hk: string, en: string) => (locale === 'en' ? en : locale === 'hk' ? hk : zh); return ( <> {/* ===== Page Header — 图文并排 ===== */}

WHAT WE CREATE

{b.title}

{b.subtitle}

{b.tracks.slice(0, 5).map((track) => ( {track.name} ))}

{/* ===== 生态全景图 · 首页3受众 × 业务页4赛道的桥 ===== */}

ECOSYSTEM

{isZh ? '数字生活生态全景图' : 'Digital Life Ecosystem Map'}

{isZh ? '同一组产品，两种视角——按赛道看我们造什么，按受众看我们为谁。' : 'One product family, two lenses — by track for what we build, by audience for who we serve.'}

{/* ===== 五大赛道 → 编辑式方向块 ===== */}

{b.tracks.map((track, idx) => (

{track.name}

{String(idx + 1).padStart(2, '0')} / {String(b.tracks.length).padStart(2, '0')}

{trackTaglines[idx][locale]}

{track.products.map((p) => { return (

{/* 正面：品牌名 + slogan 高亮 */}

{p.icon && }

{p.name}

「{p.slogan}」

{tr('翻转看定位', '翻轉看定位', 'Flip for profile')}

{/* 翻面：定位 / 人群 / 生态 / 价值四行 */}

{p.name} {tr('产品定位卡', '產品定位卡', 'Product profile')}

{tr('定位', '定位', 'Role')}: {p.role}
{tr('人群', '人群', 'Users')}: {p.audience}
{tr('生态', '生態', 'Eco')}: {p.ecosystem}
{tr('价值', '價值', 'Value')}: {p.desc}

); })}

))}

{/* ===== ICIDP 研发哲学（吸收入口 · 原 Innovation 页内容）===== */}

R&D PHILOSOPHY

{inv.philosophy.title}

{inv.philosophy.items.map((item, idx) => (

{item.title}

{item.subtitle}

{item.desc}

))}

{/* ===== 自研技术布局 ===== */}

SELF-DEVELOPED

{inv.selfDeveloped.title}

{inv.selfDeveloped.items.map((item, i) => (

{item.name}

{item.en}

{item.desc}

))}

{/* ===== CTA Band ===== */}

{locale === 'en' ? 'Build the digital life ecosystem with BaskBuddy' : '与巴适伙伴，共建数字生活生态'}

{locale === 'en' ? 'Business Cooperation' : '商务合作'} {locale === 'en' ? 'About Us' : '了解我们'}

); }