PageSourceSearch

https://mcstation.ai/_next/static/chunks/d107702c70be2f76.js?dpl=dpl_7MCKqy7ftwD6nXjtqtZ27KSyvmC9

js mcstation.ai collected 2026-10-05 14:37:32 UTC 180,878 bytes, 1 lines download raw bytes

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,97007,e=>{"use strict";var t=e.i(43476),i=e.i(71645),a=e.i(57688),s=e.i(46932),l=e.i(87652),n=e.i(88653),r=e.i(11110),o=e.i(80157);let c={hidden:{opacity:0,y:28},show:{opacity:1,y:0}};function d({children:e,delay:i=0,className:a=""}){return(0,t.jsx)(s.motion.div,{variants:c,initial:"hidden",whileInView:"show",viewport:{once:!0,margin:"-60px"},transition:{duration:.55,ease:[.22,1,.36,1],delay:i},className:a,children:e})}function x({color:e,title:i,badge:a,extra:l,accentLine:n="#E8751A"}){return(0,t.jsxs)(s.motion.div,{initial:{opacity:0,x:-24},whileInView:{opacity:1,x:0},viewport:{once:!0,margin:"-40px"},transition:{duration:.5,ease:[.22,1,.36,1]},className:`${e} text-white px-6 py-5 flex items-center justify-between flex-wrap gap-3 relative overflow-hidden`,children:[(0,t.jsx)("div",{className:"absolute left-0 top-0 bottom-0 w-1.5",style:{background:n}}),(0,t.jsx)("div",{className:"absolute inset-0 opacity-[0.06] pointer-events-none",style:{background:"linear-gradient(105deg, transparent 40%, #fff 50%, transparent 60%)"}}),(0,t.jsxs)("div",{className:"pl-1",children:[a&&(0,t.jsx)("span",{className:"text-xs font-bold bg-white/25 px-2.5 py-0.5 rounded-full mr-3 tracking-wide",children:a}),(0,t.jsx)("span",{className:"font-black text-2xl tracking-tight",children:i})]}),l&&(0,t.jsx)("div",{className:"flex gap-2",children:l})]})}function m({bg:e="bg-[#1B3A5C]",title:i,badge:a,badgeBg:l="bg-green-500",accentLine:n="#E8751A"}){return(0,t.jsxs)(s.motion.div,{initial:{opacity:0,x:-16},whileInView:{opacity:1,x:0},viewport:{once:!0,margin:"-30px"},transition:{duration:.45,ease:[.22,1,.36,1]},className:`${e} px-5 py-4 flex items-center gap-3 relative overflow-hidden`,children:[(0,t.jsx)("div",{className:"absolute left-0 top-0 bottom-0 w-1",style:{background:n}}),(0,t.jsx)("div",{className:"absolute inset-0 opacity-[0.05] pointer-events-none",style:{background:"linear-gradient(105deg, transparent 35%, #fff 50%, transparent 65%)"}}),(0,t.jsxs)("div",{className:"pl-1 flex-1 flex items-center gap-3",children:[(0,t.jsx)("span",{className:"font-black text-lg text-white tracking-tight leading-none",children:i}),a&&(0,t.jsx)(s.motion.span,{animate:{scale:[1,1.06,1]},transition:{duration:2.2,repeat:1/0,ease:"easeInOut"},className:`${l} text-white text-xs font-black px-3 py-1 rounded-full shadow-lg flex-shrink-0`,children:a})]})]})}let h=(0,i.createContext)(()=>{});function p({src:e,alt:s,fill:l,width:n,height:r,className:o}){let c=(0,i.useContext)(h);return l?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(a.default,{src:e,alt:s,fill:!0,className:o??"object-cover"}),(0,t.jsxs)("div",{className:"absolute inset-0 cursor-zoom-in group/zoom flex items-center justify-center",onClick:()=>c(e),children:[(0,t.jsx)("div",{className:"absolute inset-0 bg-black/0 group-hover/zoom:bg-black/20 transition-colors duration-200"}),(0,t.jsx)("span",{className:"relative z-10 opacity-0 group-hover/zoom:opacity-100 text-white text-3xl drop-shadow-xl transition-opacity duration-200 select-none pointer-events-none",children:"⊕"})]})]}):(0,t.jsxs)("div",{className:"cursor-zoom-in relative group/zoom",onClick:()=>c(e),children:[(0,t.jsx)(a.default,{src:e,alt:s,width:n??800,height:r??600,className:o}),(0,t.jsx)("div",{className:"absolute inset-0 bg-black/0 group-hover/zoom:bg-black/20 transition-colors duration-200 flex items-center justify-center",children:(0,t.jsx)("span",{className:"opacity-0 group-hover/zoom:opacity-100 text-white text-3xl drop-shadow-xl transition-opacity duration-200 select-none",children:"⊕"})})]})}function f({target:e,duration:a=1.6}){let s=(0,i.useRef)(null),n=(0,l.useInView)(s,{once:!0}),[r,o]=(0,i.useState)("0");return(0,i.useEffect)(()=>{if(!n)return;let t=parseFloat(e.replace(/[^0-9.]/g,"")),i=e.replace(/[0-9.]/g,"");if(isNaN(t))return void o(e);let s=0,l=t/40,r=setInterval(()=>{(s+=l)>=t?(o(e),clearInterval(r)):o(Math.floor(s)+i)},1e3*a/40);return()=>clearInterval(r)},[n,e,a]),(0,t.jsx)("span",{ref:s,children:r})}let g={zh:{nav:{home:"首頁",back:"← 返回官網"},hero:{badge:"AI × 硬體 × 平台 — 全自主掌控",title:"從硬體設計到 AI 雲端平台",titleAccent:"全自主掌控",sub:"MCS 銓幻元科技 — 不是賣設備,是以 AI + IoT 取代人工服務流程的智慧設備平台。從機構設計、韌體控制到 OmniCore 雲端 AI,每一層都自主設計、整合、維運。",cta:"預約產品展示",stats:[{num:"數百台",label:"通路客戶設備穩定運行"},{num:"30+",label:"年東方美品牌歷史"}]},stack:{label:"核心競爭力",title:"五層全棧整合能力",sub:"MCS 不是設備經銷商,而是從最底層硬體到最上層 AI 決策,全部自主設計與整合的技術公司。",layers:[{num:"L1",name:"硬體設備",en:"Hardware Devices",color:"bg-[#1B3A5C] text-white",chipColor:"bg-blue-100 text-blue-900",items:["雙面智取櫃 GraBox","常溫智販機","冷藏智販機","冷凍+微波智販機","常溫雙面智取櫃","自助 Kiosk","卡機支付終端","客製 OEM 機型"]},{num:"L2",name:"機電整合 · 韌體控制",en:"Electromechanics & Firmware",color:"bg-[#E8751A] text-white",chipColor:"bg-orange-100 text-orange-900",items:["板金機構設計","製冷 / 保溫 / 加熱模組","格子鎖控制板","TOF 感測器 / 門磁","UV 消毒燈控制","條碼 / QR Reader","EMV SAM 卡模組","自動門機電控制"]},{num:"L3",name:"前端銷售系統",en:"On-Device Frontend",color:"bg-[#1a7a4a] text-white",chipColor:"bg-green-100 text-green-900",items:["觸控購物介面設計","多元支付整合","電子發票開立","購物車 / 促銷活動","會員點數 / 禮券","廣告媒體版位管理","O2O 線上訂 / 線下取","離線備援機制"]},{num:"L4",name:"雲端管理平台",en:"Cloud Management Platform",color:"bg-[#5B2D8E] text-white",chipColor:"bg-purple-100 text-purple-900",items:["設備即時狀態監控","交易紀錄與報表分析","庫存 / 補貨管理","食安溫控稽核紀錄","Line Notify ä¸
1»å‹•告警","多租戶後台隔離","AI 補貨預測模組","SLA 維保排程管理"]},{num:"L5",name:"對外系統介接",en:"External System Integration",color:"bg-[#0A9396] text-white",chipColor:"bg-teal-100 text-teal-900",items:["超商 POS 系統","ERP(富士通 / 鼎新)","會員平台(Ocard / 91APP)","電商平台(SHOPLINE)","金流(精誠 / 悠遊卡 / LINE Pay)","員工卡(台積電 / Garmin)","MPS Japan 無人機台支付","Lalamove 即時派送"]}]},platform:{label:"後台平台",title:"OmniCore 智慧設備管理系統",sub:"專為智慧設備設計的多租戶雲端作業系統。一個後台管理全部設備、全部客戶、全部數據。",features:[{icon:"📡",name:"設備即時監控",desc:"網路狀態、機台溫度、格子狀態、庫存水位,即時掌握。"},{icon:"📊",name:"交易 & 營業報表",desc:"按機台、場域、商品、日期多維度切片,快速洞察銷售趨勢。"},{icon:"🔔",name:"主動異常通報",desc:"整合 Line Notify,溫度異常、低庫存、交易失敗即時推播。"},{icon:"🛡️",name:"食安溫控稽核",desc:"設定溫度上下限,超標自動鎖貨,完整稽核紀錄備查。"},{icon:"🚚",name:"補貨 & 倉儲管理",desc:"撿貨單、補貨單、庫存盤點表一鍵匯出,AI 補貨預測模組。"},{icon:"🎯",name:"促銷活動模組",desc:"折扣碼、組合促銷、時間限定活動,無需工程師即可上架。"},{icon:"👤",name:"會員 & 點數整合",desc:"OMO 線上線下融合,消費累點、禮券兌換、推播行銷。"}
1,{icon:"🏢",name:"多租戶隔離架構",desc:"每個客戶獨立後台,數據完全隔離,支援品牌客製化。"}],integLabel:"已整合第三方系統",integGroups:[{title:"金流支付",items:["精誠資訊","英特拉","悠遊卡 EasyCard","LINE Pay","街口支付","Apple Pay","信用卡 EMV"]},{title:"ERP & 後台",items:["富士通 Fujitsu ERP","鼎新 Digiwin ERP","超商內部管理平台"]},{title:"會員 & 電商",items:["Ocard 會員平台","SHOPLINE","91APP","Pointsoft"]},{title:"場域 & 物流",items:["Lalamove","各企業員工卡系統","台積電 / Garmin / 聯詠"]}]},ebplus:{label:"台灣指標客戶",title:"東方美集團 × OmniCore 全通路自助化",badge:"多家門市・台灣指標早午餐連鎖",roleChip:"MCS 角色:軟體整合商 + 平台提供商",sub:"MCS 不是東方美的硬體供應商——我們是協助多家連鎖早午餐門市完成全通路「自助化」的技術夥伴。從 GraBox 取餐、LINE 點餐到多台配送車調度,全部透過 OmniCore 統一串接。",roleNote:"✦ 自助化 ≠ 無人化。MCS 協助讓我們的合作夥伴從重複人工動作中解放,專注於真正有價值的服務品質。",stats:[{num:"多家",label:"連鎖門市"},{num:"50台",label:"2026 H2 首批 GraBox 出貨"},{num:"多台",label:"配送車 GPS 調度(OmniCore 內建)"},{num:"1%",label:"月 GMV 平台費"}],features:["LINE LIFF 點餐 → GraBox 自取,免等叫號","多台配送車 GPS 即時追蹤 + 路線優化","多家門市庫存水位即時掌握","導入 OmniCore 後,企業僅需自建 IT 成本的 5–12%"]},xiangyao:{label:"特定場域客戶",title:"上市集團 × 特定場域智販機",badge:"軍事基地・移工宿舍・工廠",sub:"合作上市集團在特定場域擁有無可複製的進場能力。MCS 提供設備與 OmniCore 平台,上市集團出場域,合作公式:場域換技術,收入按比例分潤。",stats:[{num:"特定場域",label:"軍方・移工宿舍・工廠・診所"},{num:"悠遊卡",label:"移工最熟悉的支付,無需手機"},{num:"24hr",label:"特定場域全天候無人服務"}],features:["常溫 / 冷藏販賣機:零食、飲料、泡麵、日用品","悠遊卡 / 一卡通(移工友善,不需手機)","電信儲值服務整合(依筆數收取代辦費)","OmniCore 遠端監控:補貨預測 + 設備異常通報"]},weche:{label:"戰略製造夥伴",title:"台灣在地組裝與售後",sub:"MCS 與台灣在地製造夥伴深度整合軟硬體,本地組裝產線支援大量出貨,台灣設計組裝。",badge:"台灣製造",points:[{icon:"🏭",title:"台灣在地組裝廠",desc:"大型組裝產線,支援量產出貨需求,快速回應客製規格。"},{icon:"⚙️",title:"機電整合專業",desc:"機構設計、製冷系統、機電控制,超過 20 年硬體製造經驗。"},{icon:"📋",title:"多元設備認證",desc:"備有各項設備認證文件,支援出口合規需求。"},{icon:"🤝",title:"深度 OEM 合作",desc:"正式啟動 OEM 合作計畫,軟體 + 硬體客製一站完成。"}]},mit:{label:"台灣製造",title:"自有研發製造能力",sub:"MCS 擁有台灣本地工程團隊與製造夥伴,從機構設計、控制板研發到整機出廠測試,全程在台灣完成。",points:[{icon:"🏭",title:"機構量產能力",desc:"台灣工廠支援快速打樣與量產出貨,設備機構規格可客製。"},{icon:"🔬",title:"PCB 控制板研發",desc:"自有工程師開發格子控制板、支付模組、感測器整合板。"},{icon:"🧪",title:"整機出廠測試",desc:"每台設備出貨前進行完整功能驗收,確保品質穩定。"}]},cases:{label:"成功案例",title:"已驗證的落地實績",sub:"從台灣知名連鎖通路到日本高速公路,MCS 在不同場域持續驗證整合能力。",fm:{title:"台灣知名連鎖超商",badge:"通路系統整合",tabs:["智慧販賣機","APP 智取整合"],vendingTitle:"知名連鎖超商智慧販賣機",vendingDesc:"參與知名連鎖超商通路的販賣機系統整合,介接超商 POS 系統、時控條碼、友善食光折扣、員工卡支付(台積電、Garmin 等)。",vendingStats:["超商 POS 系統介接","時控條碼與折扣機制","適用場域:科學園區 / 大學 / 觀光飯店"],pickupTitle:"APP 智取櫃整合",pickupDesc:"參與知名超商 APP 平台與智取櫃的介接開發,支援 APP 下單 → 格子取貨的 O2O 流ç¨
1‹ï¼Œæ¶µè“‹è¶…商 POS、APP 商品追蹤與自取點選擇介面。",pickupStats:["App 下單 → 格子取貨 O2O","超商 APP & POS 介接","捷運站場域試營運"]},mwd:{title:"麥味登 知名早餐連鎖",badge:"台灣最大早餐連鎖品牌之一",desc:"MCS 以 90 天完成麥味登智取櫃軟硬體整合,從機構設計、韌體控制到雲端後台一手包辦,贏得指標性合約。UV 殺菌、雷射感應、雙面存取,完整食安機制。",stats:["90 天完成整合(含硬體開發)","贏過外國知名大廠競標","UV 殺菌 + 雷射感應旗艦版"]},frozen:{label:"冷凍・冷藏設備",title:"冷凍・冷藏・微波智販機",badge:"通路客戶 · 全台穩定部署",sub:"MCS 在冷凍、冷藏、微波加熱智販機控制上累積多年實戰技術。通路客戶於全台各場域穩定運行數百台。",stats:["數百台通路客戶部署中","多年冷凍 / 冷藏 / 微波控制技術","多場域穩定運行驗證"]},shutoko:{title:"日本首都高速道路",badge:"日本 PA 冷凍微波智販機",desc:"與日本首都高速道路合作,開發 PA(休息站)專用冷凍 + 微波一體智販機。已簽訂 NDA 及 MOU,PSE 認證進行中。整合 MP-Solution Japan 無人機台支付系統。",stats:["NDA + MOU 已簽訂","PSE 認證進行中","MPS Japan 支付整合","SA/PA 877 據點展開計畫(日方文件)"]},partners:{title:"合作廠商",items:[{name:"Acer 海柏特",code:"興櫃 6884",desc:"3C 售後服務與維修網絡"},{name:"華經資訊",code:"上市 2468",desc:"系統整合與企業資訊服務"},{name:"永彰科技",code:"上市 4523",desc:"電機機械與設備製造"},{name:"伍豐科技",code:"上櫃 8076",desc:"POS 終端與資訊亭製造"}]},more:{title:"更多合作客戶",items:[{name:"麗嬰國際",desc:"玩具智販機,整合鼎新 ERP 系統"},{name:"東方美實業",desc:"千家早餐供應鏈,冷凍智販機與自助設備整合"},{name:"Acer",desc:"3C 品牌自助服務設備整合"},{name:"XMART 威爾互動",desc:"移工宿舍場域無人商店,多語系介面與封閉場域營運"}]}},contact:{label:"聯絡我們",title:"歡迎洽談合作",sub:"無論是整機採購、OEM/ODM 客製、軟體授權或系統整合,歡迎與我們討論需求。",cta:"前往官網了解更多",email:"聯絡信箱",web:"官方網站"}},en:{nav:{home:"Home",back:"← Back to Website"},hero:{badge:"AI · Hardware · Platform — Fully In-House",title:"We Don't Sell Hardware.",titleAccent:"We Replace Manual Workflows with AI.",sub:"MCS builds smart device platforms — from cabinet mechanism to cloud AI — entirely in-house. One partner for hardware, firmware, on-device software, OmniCore cloud, and third-party integrations.",cta:"Request a Demo",stats:[{num:"Hundreds",label:"Units running at channel customers"},{num:"30+",label:"Years of EB+ Brand History"}]},stack:{label:"Core Capabilities",title:"5-Layer Full-Stack Integration",sub:"MCS is not a device reseller. From raw hardware to AI decision-making, every layer is designed and integrated in-house.",layers:[{num:"L1",name:"Hardware Devices",en:"Hardware Devices",color:"bg-[#1B3A5C] text-white",chipColor:"bg-blue-100 text-blue-900",items:["GraBox Smart Pickup Cabinet","Ambient Vending Machine","Chilled Vending Machine","Frozen + Microwave Vending","Ambient Dual-Side Smart Pickup Cabinet","Self-Order Kiosk","Cashless Payment Terminal","Custom OEM Devices"]},{num:"L2",name:"Electromechanics & Firmware",en:"Electromechanics & Firmware",color:"bg-[#E8751A] text-white",chipColor:"bg-orange-100 text-orange-900",items:["Sheet Metal & Mechanical Design","Refrigeration / Heating Modules","Locker Control PCB","TOF Sensor / Door Sensor","UV Sterilization Control","Barcode / QR Reader","EMV SAM Card Module","Auto-Door Electromechanics"]},{num:"L3",name:"On-Device Frontend",en:"On-Device Frontend",color:"bg-[#1a7a4a] text-white",chipColor:"bg-green-100 text-green-900",items:["Touchscreen UI Design","Multi-Payment Integration","E-Invoice Generation","Cart & Promotions","Member Points / Vouchers","Ad Media Management","O2O Online-to-Offline","Offline Failover Mode"]},{num:"L4",name:"Cloud Management Platform",en:"Cloud Management Platform",color:"bg-[#5B2D8E] text-white",chipColor:"bg-purple-100 text-purple-900",items:["Real-time Device Monitoring","Transaction & Sales Reports","Inventory & Restocking","Food Safety Temperature Audit","LINE Notify Proactive Alerts","Multi-tenant Architecture","AI Restocking Prediction","SLA Maintenance Scheduling"]}
1,{num:"L5",name:"External System Integration",en:"External System Integration",color:"bg-[#0A9396] text-white",chipColor:"bg-teal-100 text-teal-900",items:["Convenience Store POS","ERP (Fujitsu / Digiwin)","Loyalty (Ocard / 91APP)","E-Commerce (SHOPLINE)","Payment (EasyCard / LINE Pay)","Employee Card Systems","MPS Japan Cashless","Lalamove Express Delivery"]}]},platform:{label:"Platform",title:"OmniCore Smart Device OS",sub:"A multi-tenant cloud operating system purpose-built for smart devices. One dashboard for all devices, all clients, all data.",features:[{icon:"📡",name:"Real-time Device Monitoring",desc:"Network status, temperature, locker state, inventory levels — always in view."},{icon:"📊",name:"Transaction & Sales Reports",desc:"Slice by device, location, product, or date. Spot trends instantly."},{icon:"🔔",name:"Proactive Anomaly Alerts",desc:"LINE Notify integration: temperature spikes, low stock, failed transactions — notified immediately."},{icon:"🛡️",name:"Food Safety Temperature Audit",desc:"Set upper/lower limits. Auto-lock on breach. Complete audit trail."},{icon:"🚚",name:"Restocking & Inventory Mgmt",desc:"One-click pick lists, restock sheets, and inventory counts. AI prediction module included."},{icon:"🎯",name:"Promotion Engine",desc:"Discount codes, bundle deals, time-limited campaigns — no engineer needed to deploy."},{icon:"👤",name:"Member & Loyalty Integration",desc:"OMO loyalty: earn points in-store, redeem online. Push marketing campaigns."},{icon:"🏢",name:"Multi-tenant Architecture",desc:"Fully isolated per client. Each tenant has their own dashboard and branding."}],integLabel:"Integrated Third-Party Systems",integGroups:[{title:"Payment",items:["Systex / Intella","EasyCard","LINE Pay","JKO Pay","Apple Pay","Credit Card EMV"]},{title:"ERP & Backend",items:["Fujitsu ERP","Digiwin ERP","Leading Chain Internal Platform"]},{title:"Loyalty & E-Commerce",items:["Ocard","SHOPLINE","91APP","Pointsoft"]},{title:"Venue & Logistics",items:["Lalamove","Corporate Employee Cards","TSMC / Garmin / Novatek"]}]},ebplus:{label:"Taiwan Anchor Case",title:"How EB+ Automated Its Chain with OmniCore",badge:"Multiple Locations · Taiwan's #1 Breakfast Chain",roleChip:"MCS Role: Software Integrator + Platform Provider",sub:"MCS is not EB+'s hardware vendor — we are the technology partner enabling multi-location breakfast chain to step away from manual workflows. GraBox pickup, LINE ordering, and multi-vehicle GPS dispatch — all unified through OmniCore, at 5–12% of self-build IT cost.",roleNote:"✦ Assisted Automation ≠ Fully Unmanned. MCS frees our partners from repetitive tasks so they can focus on delivering real service quality.",stats:[{num:"Multi",label:"Chain Locations"},{num:"50 Units",label:"First GraBox Batch (H2 2026)"},{num:"Fleet",label:"GPS Fleet Dispatch (OmniCore built-in)"},{num:"1%",label:"Platform Fee (% Monthly GMV)"}],features:["LINE LIFF ordering → GraBox self-pickup, no queue","Multi-truck GPS tracking + route optimization","All stores inventory levels at a glance","With OmniCore, enterprises pay only 5–12% of self-build IT costs"]},xiangyao:{label:"Targeted-Venue Client",title:"Listed Partner × Targeted-Venue Smart Vending",badge:"Military Base · Migrant Worker Dorms · Factories",sub:"Our listed company partner holds unmatched access to targeted venues. MCS supplies equipment and OmniCore. Formula: venue access meets technology — revenue shared proportionally.",stats:[{num:"Closed Venues",label:"Military · Dorms · Factories · Clinics"},{num:"EasyCard",label:"Migrant worker-friendly, no smartphone needed"},{num:"24hr",label:"Unmanned service in targeted venues"}],features:["Ambient / chilled vending: snacks, drinks, daily essentials","EasyCard / iPASS (migrant worker friendly, no smartphone)","Telecom top-up integration (per-transaction service fee)","OmniCore: restocking prediction + anomaly alerts"]},weche:{label:"Manufacturing Partner",title:"100% Made in Taiwan",sub:"Deep hardware-software integration with our Taiwan-based manufacturing partner. Local assembly facility supports high-volume production.",badge:"100% Made in Taiwan",points:[{icon:"🏭",title:"Taiwan Assembly Facility",desc:"Full-scale assembly line for mass production. Rapid turnaround on custom specifications."},{icon:"⚙️",title:"Electromechanics Expertise",desc:"Mechanical design, refrigeration systems, electromechanical control — 20+ years of hardware manufacturing."},{icon:"📋",title:"Multi-Device Certifications",desc:"Full certification documentation. Export-ready compliance support."},{icon:"🤝",title:"Deep OEM Collaboration",desc:"Formal OEM collaboration. Software + hardware customization under one roof."}]},mit:{label:"100% Made in Taiwan",title:"In-House R&D & Manufacturing",sub:"MCS operates Taiwan-based engineering teams and partner factories — from mechanical design and PCB development to full-system factory acceptance testing.",points:[{icon:"🏭",title:"Mass Production Capability",desc:"Taiwan factory supports rapid prototyping and volume production with controlled lead times."},{icon:"🔬",title:"PCB Development",desc:"In-house engineers develop locker control boards, payment modules, and sensor integrations."},{icon:"🧪",title:"Factory Acceptance Testing",desc:"Every unit undergoes full functional testing before shipment — quality guaranteed."}]},cases:{label:"Case Studies",title:"Proven Deployments",sub:"From Taiwan's leading retail chains to Japan's expressways, MCS validates integration capabilities across diverse venues.",fm:{title:"Leading Convenience Chain",badge:"Retail Systems Integration",tabs:["Smart Vending Machines","App O2O Locker Integration"],vendingTitle:"Smart Vending Machines — Major Chain",vendingDesc:"Systems integration work for a major convenience chain's vending programme. Interfaces with chain POS, time-controlled barcodes, discounted food programs, and employee card payment (TSMC, Garmin, etc.).",vendingStats:["Chain POS interfacing","Time-controlled barcodes & discount logic","Science parks / Universities / Hotels"],pickupTitle:"Ap
1p O2O Locker Integration",pickupDesc:"Integration work connecting a major chain's app platform with smart lockers for O2O pickup: app order → locker collection. Piloted at an MRT station with POS, app item tracking, and pickup point selection.",pickupStats:["App-order → locker O2O flow","Chain APP & POS interfacing","MRT station pilot deployment"]},mwd:{title:"MWD Breakfast Chain",badge:"One of Taiwan's Top Breakfast Chains",desc:"MCS completed the full software + hardware integration for MWD smart pickup cabinets in 90 days — from mechanical design to cloud backend — winning a landmark contract against a major Japanese competitor. Flagship features: UV sterilization, laser sensing, dual-side access.",stats:["90-day delivery (incl. hardware dev)","Won over a major Japanese competitor","UV sterilization + laser sensor flagship"]},frozen:{label:"Frozen & Chilled Vending",title:"Frozen / Chilled / Microwave Vending Machines",badge:"Channel Customers · 1,000+ Units Deployed",sub:"MCS has years of hands-on expertise in frozen, chilled, and microwave-combo vending machine control. Our channel customers operate hundreds of units stably across various venues.",stats:["hundreds of units deployed (channel customers)","Multi-year frozen / chilled / microwave control expertise","Proven across multiple venue types"]},shutoko:{title:"Shuto Expressway Japan",badge:"Japan PA Frozen + Microwave Vending",desc:"Co-developed frozen + microwave-combo vending machines for Shuto Expressway parking areas. NDA and MOU signed. PSE certification in progress. Integrated with MP-Solution Japan cashless payment infrastru
1cture.",stats:["NDA + MOU signed","PSE certification in progress","MPS Japan payment integration","SA/PA 877-location expansion roadmap (JP document)"]},partners:{title:"Technology Partners",items:[{name:"Acer Hyper",code:"TPEx Emerging 6884",desc:"3C after-sales service & repair network"},{name:"Fortune Information Systems",code:"TWSE 2468",desc:"Systems integration & enterprise IT services"},{name:"Everbrite Technology",code:"TWSE 4523",desc:"Electrical machinery & equipment manufacturing"},{name:"Firich Enterprises",code:"TPEx 8076",desc:"POS terminals & kiosk manufacturing"}]},more:{title:"More Clients",items:[{name:"Lihpao International",desc:"Toy vending machines with Digiwin ERP integration"},{name:"Oriental Beauty Industrial",desc:"Breakfast chain supply network — frozen vending & self-service integration"},{name:"Acer",desc:"Self-service equipment integration for a major 3C brand"},{name:"XMART (Well Interactive)",desc:"Unmanned stores in dormitory venues — multilingual UI, closed-venue operations"}]}},contact:{label:"Talk to Us",title:"Ready to See It in Action?",sub:"Tell us your venue, your challenge, and your goal. We'll walk you through real deployments and show you exactly how MCS fits.",cta:"Request a Demo",email:"Email Us",web:"Website"}},ja:{nav:{home:"ホーム",back:"← ウェブサイトへ戻る"},hero:{badge:"AI × ハードウェア × プラットフォーム — すべて自社開発",title:"ハードウェア設計から AI クラウドプラットフォームまで",titleAccent:"すべて自社で設計・統合",sub:"MCS 銓幻元科技 — 単なる機器販売ではありません。AI + IoT により手作業のサービスフローをスマートデバイスプラットフォームに置き換えます。機構設計からOmniCore クラウド AI まで、全レイヤーを自社で設計・統合・運用します。",cta:"デモを予約する",stats:[{num:"数百台",label:"通路顧客で稼働中"},{num:"30+",label:"年の東方美ブランド歴史"}]},stack:{label:"コアコンピタンス",title:"5層フルスタック統合力",sub:"MCSはデバイスの販売代理店ではありません。最下層のハードウェアから最上層のAI意思決定まで、すべてを自社で設計・統合・運用する技術企業です。",layers:[{num:"L1",name:"ハードウェア設備",en:"Hardware Devices",color:"bg-[#1B3A5C] text-white",chipColor:"bg-blue-100 text-blue-900",items:["GraBox スマートピックアップキャビネット","常温自動販売機","冷蔵自動販売機","冷凍+電子レンジ自動販売機","常温両面スマートピックアップキャビネット","セルフオーダーキオスク","キャッシュレス決済端末","カスタム OEM デバイス"]},{num:"L2",name:"機電統合・ファームウェア",en:"Electromechanics & Firmware",color:"bg-[#E8751A] text-white",chipColor:"bg-orange-100 text-orange-900",items:["板金・機構設計","冷蔵 / 保温 / 加熱モジュール","ロッカー制御基板","TOF センサー / ドアセンサー","UV 除菌制御","バーコード / QR リーダー","EMV SAM カードモジュール","自動ドア機電制御"]},{num:"L3",name:"フロントエンド販売システム",en:"On-Device Frontend",color:"bg-[#1a7a4a] text-white",chipColor:"bg-green-100 text-green-900",items:["タッチスクリーン UI 設計","マルチ決済統合","電子領収書発行","カート・プロモーション管理","会員ポイント / クーポン","広告メディア管理","O2O オンライン注文・店頭受取","オフラインバックアップ"]},{num:"L4",name:"クラウド管理プラットフォーム",en:"Cloud Management Platform",color:"bg-[#5B2D8E] text-white",chipColor:"bg-purple-100 text-purple-900",items:["デバイスリアルタイム監視","取引・売上レポート分析","在庫・補充管理","食品安全温度監査記録","LINE Notify 自動通知","マルチテナントアーキテクチャ","AI 補充予測モジュール","SLA メンテナンス管理"]}
1,{num:"L5",name:"外部システム連携",en:"External System Integration",color:"bg-[#0A9396] text-white",chipColor:"bg-teal-100 text-teal-900",items:["コンビニ POS システム","ERP(富士通 / Digiwin)","会員(Ocard / 91APP)","EC(SHOPLINE)","決済(悠遊卡 / LINE Pay)","社員カードシステム","MP-Solution Japan キャッシュレス","Lalamove 即時配送"]}]},platform:{label:"バックエンドプラットフォーム",title:"OmniCore スマートデバイス OS",sub:"スマートデバイス専用に設計されたマルチテナントクラウドOSです。すべてのデバイス・顧客・データを1つのダッシュボードで管理します。",features:[{icon:"📡",name:"リアルタイム機器監視",desc:"ネットワーク状態・温度・格子状態・在庫水準をリアルタイムで把握。"},{icon:"📊",name:"取引・売上レポート",desc:"機器別・場所別・商品別・日付別で多次元分析。売上トレンドを瞬時に把握。"},{icon:"🔔",name:"自動異常アラート",desc:"LINE Notify 連携:温度異常・在庫切れ・取引失敗を即時プッシュ通知。"},{icon:"🛡️",name:"食品安全温度監査",desc:"上下限設定、超過時自動ロック、完全な監査証跡を保持。"},{icon:"🚚",name:"補充・在庫管理",desc:"ピッキングリスト・補充票・棚卸表をワンクリックで出力。AI 予測モジュール内蔵。"},{icon:"🎯",name:"プロモーションエンジン",desc:"割引コード・セット割引・期間限定キャンペーンをエンジニア不要で設定可能。"},{icon:"👤",name:"会員・ポイント統合",desc:"OMO 会員:実店舗でポイント獲得・オンライン交換。プッシュマーケティング対応。"},{icon:"🏢",name:"マルチテナントアーキテクチャ",desc:"顧客ごとに完全隔離。各テナント専用ダッシュボードとブランドカスタマイズ対応。"}],integLabel:"統合済みサードパーティシステム",integGroups:[{title:"決済",items:["精誠 Systex / 英特拉","悠遊卡 EasyCard","LINE Pay","街口支付","Apple Pay","クレジットカード EMV"]},{title:"ERP & バックエンド",items:["富士通 ERP","Digiwin ERP","コンビニ内部管理プラットフォーム"]},{title:"会員 & EC",items:["Ocard","SHOPLINE","91APP","Pointsoft"]},{title:"施設 & 物流",items:["Lalamove","企業社員カードシステム","TSMC / Garmin / Novatek"]}]},ebplus:{label:"台湾主要顧客",title:"EB+グループ × OmniCore 全チャネル省人化",badge:"多店舗・台湾トップ朝食チェーン",roleChip:"MCSの役割:ソフトウェアインテグレーター+プラットフォーム提供",sub:"MCSはEB+のハードウェア販売会社ではありません。多店舗展開の朝食チェーンが全チャネルで「省人化」を実現するための技術パートナーです。GraBoxでの受取・LINEでの注文・多台配送車管理まで、OmniCoreで一元管理します。",roleNote:"✦ 省人化 ≠ 無人化。MCSはパートナーが単純な反復作業から解放され、真のサービス品質に集中できる環境を支援します。",stats:[{num:"多店舗",label:"チェーン店舗数"},{num:"50台",label:"2026年下半期 初回GraBox出荷"},{num:"多台",label:"配送車GPS管理(OmniCore標準)"},{num:"1%",label:"月次GMVプラットフォーム利用料"}],features:["LINE LIFF注文 → GraBox自取、行列不要","多台配送車GPS追跡+ルート最適化","全店舗の在庫水準をリアルタイム把握","OmniCore導入で自社構築費用のわずか5〜12%のコストで運用可能"]},xiangyao:{label:"特定施設向け顧客",title:"上場会社パートナー × 特定施設向けスマート自販機",badge:"軍施設・外国人労働者寮・工場",sub:"上場会社パートナーは特定施設への参入能力において他の追随を許しません。MCSが機器とOmniCoreプラットフォームを提供し、上場会社が施設を提供する協業モデルです。収益は成果比例で配分します。",stats:[{num:"特定施設",label:"軍 / 寮 / 工場 / 診療所"},{num:"悠遊卡",label:"スマホ不要・外国人労働者向け決済"},{num:"24時間",label:"無人サービス稼働"}],features:["常温・冷蔵自販機:スナック・飲料・日用品","悠遊卡 / iPASS決済(外国人労働者向け)","通話料チャージサービス統合(1件ごとの手数料)","OmniCoreリモート監視:補充予測+異常通報"]},weche:{label:"製造戦略パートナー",title:"台湾での組立と保守",sub:"MCS は台湾在地の製造パートナーとソフトウェア・ハードウェアを深く統合。現地組立工場が量産出荷をサポート。",badge:"台湾製",points:[{icon:"🏭",title:"台湾在地組立工場",desc:"大規模組立ラインで量産出荷に対応。カスタム仕様にも迅速に対応可能。"},{icon:"⚙️",title:"機電統合の専門性",desc:"機構設計・冷却システム・機電制御。2
10年以上のハードウェア製造実績。"},{icon:"📋",title:"多様な設備認証",desc:"各種認証文書完備。輸出コンプライアンス対応可能。"},{icon:"🤝",title:"深度 OEM 協業",desc:"正式 OEM 協業を開始。ソフトウェア + ハードウェアのカスタマイズをワンストップで提供。"}]},mit:{label:"台湾製(MIT)",title:"自社研究開発・製造能力",sub:"MCS は台湾の自社エンジニアリングチームと提携工場を保有。機構設計・PCB開発から出荷前全数検査まで、すべて台湾で完結します。",points:[{icon:"🏭",title:"量産対応工場",desc:"台湾工場が迅速なプロトタイプ製作と量産に対応。リードタイムを管理可能。"},{icon:"🔬",title:"PCB 研究開発",desc:"自社エンジニアがロッカー制御基板・決済モジュール・各種センサー統合を開発。"},{icon:"🧪",title:"出荷前全数検査",desc:"すべての機器は出荷前に完全機能試験を実施。品質を保証。"}]},cases:{label:"導入実績",title:"実証済みの展開事例",sub:"台湾の大手小売チェーンから日本の首都高速道路まで、MCS はさまざまな施設・業態で統合能力を実証しています。",fm:{title:"台湾大手コンビニチェーン",badge:"流通システム統合",tabs:["スマート自動販売機","アプリ O2O ロッカー統合"],vendingTitle:"スマート自動販売機 — 大手コンビニ",vendingDesc:"大手コンビニ流通における自動販売機のシステム統合を担当。コンビニPOS・時限バーコード・割引プログラム・社員カード決済(TSMC、Garmin等)を統合。",vendingStats:["コンビニPOS連携","時限バーコード・割引ロジック","サイエンスパーク / 大学 / ホテル"],pickupTitle:"アプリ O2O ロッカー統合",pickupDesc:"大手コンビニのアプリプラットフォームとスマートロッカーの連携開発を担当。O2Oピックアップフロー。MRT駅でパイロット展開。アプリ注文 → ロッカー受取を実現。",pickupStats:["アプリ注文 → ロッカー受取 O2O","コンビニ APP & POS 連携","MRT 駅でのパイロット展開"]},mwd:{title:"麦味登 朝食チェーン",badge:"台湾トップ朝食チェーンブランド",desc:"MCS は麦味登スマートピックアップキャビネットのソフトウェア・ハードウェア統合を90日で完了。機構設計からクラウドバックエンドまで一括対応し、日本大手メーカーとの競合入札に勝利した実績案件。UV除菌・レーザーセンサー・両面アクセスの旗艦モデル。",stats:["90日で統合完了(ハード開発含む)","日本大手メーカーとの競合入札に勝利","UV除菌+レーザーセンサー旗艦版"]},frozen:{label:"冷凍・冷蔵自動販売機",title:"冷凍・冷蔵・電子レンジ一体型自動販売機",badge:"通路顧客 · 数百台が稼働中",sub:"MCS は冷凍・冷蔵・電子レンジ一体型自販機の制御技術において、多年の実績と商業的検証を積み重ねています。通路顧客の稼働台数は数百台規模。",stats:["数百台が稼働中(通路顧客)","多年の冷凍 / 冷蔵 / 電子レンジ制御技術","多様な施設・環境での安定稼働実証済み"]},shutoko:{title:"首都高速道路 日本",badge:"日本 PA 冷凍・電子レンジ自動販売機",desc:"首都高速道路PA(パーキングエリア)向けに冷凍+電子レンジ一体型自動販売機を共同開発。NDA・MOU署名済み、PSE認証取得中。MP-Solution Japanキャッシュレス決済インフラと統合済み。",stats:["NDA + MOU 署名済み","PSE 認証取得中","MP-Solution Japan 決済統合","SA/PA 877拠点展開ロードマップ(日本語文書)"]},partners:{title:"協業パートナー",items:[{name:"Acer Hyper(海柏特)",code:"エマージング 6884",desc:"3Cアフターサービス・修理ネットワーク"},{name:"華經資訊(FIS)",code:"台湾上場 2468",desc:"システム統合・企業向けITサービス"},{name:"永彰科技(Everbrite)",code:"台湾上場 4523",desc:"電機機械・設備製造"},{name:"伍豐科技(FEC)",code:"店頭 8076",desc:"POS端末・キオスク製造"}]},more:{title:"その他の導入実績",items:[{name:"麗嬰国際",desc:"玩具自動販売機、Digiwin ERP統合"},{name:"東方美実業",desc:"朝食チェーン供給網向け冷凍自販機・セルフ設備統合"},{name:"Acer",desc:"3Cブランド向けセルフサービス設備統合"},{name:"XMART 威爾互動",desc:"寮施設向け無人店舗。多言語UI・クローズド会場運営"}]}},contact:{label:"お問い合わせ",title:"デモをご覧になりませんか?",sub:"導入ご予定の施設・課題・目標をお聞かせください。実際の数値をもとに、MCSがどのようにご支援できるかをご説明いたします。",cta:"デモをリクエスト",email:"メール",web:"ウェブサイト"}}},y=[{color:"bg-purple-600",img:"/images/cards/client-funbox.png",tag:{zh:"玩具零售",en:"Toy Retail",ja:"玩具"},detail:{zh:"麗嬰國際旗下玩具品牌,導入 MCS 智慧販賣機,並整合鼎新電腦 ERP 系統(Digiwin),實現進銷存自動對帳與多點庫存同步。",en:"Lihpao International's toy brand deployed MCS smart vending machines with full Digiwin ERP integration — enabling automated inventory reconciliation and multi-location stock sync.",ja:"麗嬰国際の玩具ブランドが MCS スマート自販機を導入。鼎新電腦 ERP(Digiwin)との統合により、在庫の自動照合と多拠点在庫同期を実現。"}}
1,{color:"bg-amber-600",img:null,tag:{zh:"早餐供應鏈",en:"Breakfast Supply Chain",ja:"朝食サプライチェーン"},detail:{zh:"東方美實業為千家規模的早餐供應鏈體系,導入冷凍智販機與自助設備,將中央廚房備料延伸到門市端的自助取餐與補給流程。",en:"Oriental Beauty Industrial operates a breakfast supply chain at thousand-store scale. Frozen vending and self-service equipment extend central-kitchen prep into in-store self-pickup and replenishment.",ja:"東方美実業は千店舗規模の朝食サプライチェーンを運営。冷凍自販機とセルフ設備により、セントラルキッチンの仕込みを店舗側のセルフ受取・補給フローへ拡張。"}},{color:"bg-teal-700",img:null,tag:{zh:"3C 品牌",en:"3C Brand",ja:"3Cブランド"},detail:{zh:"Acer 導入自助服務設備整合方案,涵蓋設備端介面、後台管理與服務流程串接。",en:"Acer deployed an integrated self-service equipment solution covering device UI, back-office management, and service-flow integration.",ja:"Acer がセルフサービス設備の統合ソリューションを導入。デバイスUI・バックオフィス管理・サービスフロー連携をカバー。"}},{color:"bg-indigo-700",img:null,tag:{zh:"封閉場域",en:"Closed Venue",ja:"クローズド会場"},detail:{zh:"XMART 移工超商設置於移工宿舍場域,採無人商店模式營運,提供多語系操作介面,因應封閉場域的補貨節奏與支付習慣調整。",en:"XMART migrant-worker stores operate as unmanned retail inside dormitory venues, with multilingual UI and replenishment/payment flows adapted to closed-venue conditions.",ja:"XMART 移住労働者ストアは寮施設内で無人店舗として運営。多言語UIを備え、クローズド会場の補給リズムと決済習慣に合わせて調整。"}}],u=[function(){return(0,t.jsxs)("svg",{viewBox:"0 0 400 200",className:"w-full h-full",xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsx)("rect",{width:"400",height:"200",fill:"#EFF6FF",rx:"12"}),[0,1,2,3,4,5].map(e=>{let i=24+e%3*100,a=20+80*Math.floor(e/3),l=[0,1,3,5].includes(e);return(0,t.jsxs)("g",{children:[(0,t.jsx)("rect",{x:i,y:a,width:"80",height:"60",rx:"8",fill:"white",stroke:l?"#2563EB":"#F59E0B",strokeWidth:"1.5"}),(0,t.jsx)("rect",{x:i+6,y:a+8,width:"48",height:"28",rx:"4",fill:l?"#DBEAFE":"#FEF3C7"}),(0,t.jsx)(s.motion.circle,{cx:i+66,cy:a+14,r:"6",fill:l?"#22C55E":"#EF4444",animate:{scale:l?[1,1.35,1]:[1,.8,1]},transition:{duration:2+.3*e,repeat:1/0,ease:"easeInOut",delay:.25*e},style:{transformBox:"fill-box",transformOrigin:"center"}}),(0,t.jsx)(s.motion.circle,{cx:i+66,cy:a+14,r:"14",fill:l?"#22C55E":"#EF4444",animate:{scale:[1,1.8],opacity:[.35,0]},transition:{duration:1.8,repeat:1/0,delay:.3*e},style:{transformBox:"fill-box",transformOrigin:"center"}}),(0,t.jsx)("rect",{x:i+6,y:a+42,width:"28",height:"4",rx:"2",fill:"#93C5FD"})]},e)}),(0,t.jsx)(s.motion.circle,{cx:"310",cy:"100",r:"38",fill:"#2563EB",animate:{scale:[1,1.15,1],opacity:[.1,.22,.1]},transition:{duration:2.5,repeat:1/0},style:{transformBox:"fill-box",transformOrigin:"center"}}),(0,t.jsx)("circle",{cx:"310",cy:"100",r:"14",fill:"#2563EB"}),(0,t.jsx)("path",{d:"M303 100 L317 100 M310 93 L310 107",stroke:"white",strokeWidth:"2.5",strokeLinecap:"round"}),[[164,50],[164,150],[204,100]].map(([e,i],a)=>(0,t.jsx)(s.motion.line,{x1:"310",y1:"100",x2:e,y2:i,stroke:"#2563EB",strokeWidth:"1.5",strokeDasharray:"4 3",initial:{pathLength:0},animate:{pathLength:1},transition:{duration:.8,delay:.2+.2*a}},a)),(0,t.jsx)(s.motion.circle,{cx:"310",cy:"100",r:"52",fill:"none",stroke:"#2563EB",strokeWidth:"1.5",animate:{scale:[.85,1.3],opacity:[.3,0]},transition:{duration:2.5,repeat:1/0},style:{transformBox:"fill-box",transformOrigin:"center"}})]})},function(){return(0,t.jsxs)("svg",{viewBox:"0 0 400 200",className:"w-full h-full",xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsx)("rect",{width:"400",height:"200",fill:"#F5F3FF",rx:"12"}),[90,60,110,75,130,85,140].map((e,i)=>(0,t.jsx)(s.motion.rect,{x:30+40*i,y:160-e,width:"24",height:e,rx:"4",fill:6===i?"#7C3AED":4===i?"#A78BFA":"#C4B5FD",
1initial:{scaleY:0},animate:{scaleY:1},transition:{duration:.6,delay:.1+.08*i,ease:[.22,1,.36,1]},style:{transformBox:"fill-box",transformOrigin:"bottom"}},i)),(0,t.jsx)(s.motion.polyline,{points:"42,70 82,100 122,50 162,85 202,20 242,55 282,10",fill:"none",stroke:"#7C3AED",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",initial:{pathLength:0,opacity:0},animate:{pathLength:1,opacity:1},transition:{duration:1.2,delay:.75,ease:"easeOut"}}),(0,t.jsx)(s.motion.polygon,{points:"282,10 295,6 289,18",fill:"#7C3AED",initial:{opacity:0},animate:{opacity:1},transition:{delay:1.95}}),[0,1,2].map(e=>(0,t.jsx)(s.motion.rect,{x:"308",y:20+50*e,width:"76",height:"40",rx:"8",fill:"white",stroke:"#DDD6FE",strokeWidth:"1.5",initial:{opacity:0,x:20},animate:{opacity:1,x:0},transition:{duration:.45,delay:.25+.15*e}},e)),(0,t.jsx)("rect",{x:"316",y:"28",width:"30",height:"6",rx:"3",fill:"#7C3AED"}),(0,t.jsx)("rect",{x:"316",y:"38",width:"50",height:"4",rx:"2",fill:"#C4B5FD"}),(0,t.jsx)("rect",{x:"316",y:"78",width:"22",height:"6",rx:"3",fill:"#A78BFA"}),(0,t.jsx)("rect",{x:"316",y:"88",width:"42",height:"4",rx:"2",fill:"#C4B5FD"}),(0,t.jsx)("rect",{x:"316",y:"128",width:"38",height:"6",rx:"3",fill:"#7C3AED"}),(0,t.jsx)("rect",{x:"316",y:"138",width:"52",height:"4",rx:"2",fill:"#DDD6FE"}),(0,t.jsx)("line",{x1:"22",y1:"162",x2:"298",y2:"162",stroke:"#C4B5FD",strokeWidth:"1.5"})]})},function(){return(0,t.jsxs)("svg",{viewBox:"0 0 400 200",className:"w-full h-full",xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsx)("rect",{width:"400",height:"200",fill:"#FFF7ED",rx:"12"}),[60,74,88].map((e,i)=>(0,t.jsx)(s.motion.circle,{cx:"140",cy:"100",r:e,fill:"none",stroke:"#F97316",strokeWidth:"1.5",animate:{scale:[1,1.18],opacity:[.3,0]},transition:{duration:2,repeat:1/0,delay:.55*i},style:{transformBox:"fill-box",transformOrigin:"center"}},i)),(0,t.jsxs)(s.motion.g,{animate:{rotate:[-14,14,-14,14,-7,7,0]},transition:{duration:1.8,repeat:1/0,repeatDelay:2.5},style:{transformBox:"fill-box",transformOrigin:"140px 80px"},children:[(0,t.jsx)("path",{d:"M120 105 Q120 80 140 78 Q160 80 160 105 L165 115 H115 Z",fill:"#F97316"}),(0,t.jsx)("rect",{x:"130",y:"115",width:"20",height:"6",rx:"3",fill:"#EA580C"}),(0,t.jsx)("circle",{cx:"140",cy:"120",r:"5",fill:"#EA580C"}),(0,t.jsx)("polygon",{points:"140,58 148,72 132,72",fill:"#EF4444"}),(0,t.jsx)("line",{x1:"140",y1:"62",x2:"140",y2:"68",stroke:"white",strokeWidth:"2",strokeLinecap:"round"}),(0,t.jsx)("circle",{cx:"140",cy:"71",r:"1.2",fill:"white"})]}),[0,1,2].map(e=>(0,t.jsx)(s.motion.rect,{x:"220",y:25+57*e,width:"150",height:"48",rx:"10",fill:"white",stroke:"#FDBA74",strokeWidth:"1.5",initial:{opacity:0,x:30},animate:{opacity:1,x:0},transition:{duration:.5,delay:.15+.18*e,ease:[.22,1,.36,1]}},e)),(0,t.jsx)("rect",{x:"232",y:"35",width:"16",height:"16",rx:"4",fill:"#06B6D4"}),(0,t.jsx)("rect",{x:"254",y:"37",width:"72",height:"5",rx:"2.5",fill:"#374151"}),(0,t.jsx)("rect",{x:"254",y:"46",width:"50",height:"4",rx:"2",fill:"#9CA3AF"}),(0,t.jsx)("rect",{x:"232",y:"92",width:"16",height:"16",rx:"4",fill:"#EF4444"}),(0,t.jsx)("rect",{x:"254",y:"94",width:"88",height:"5",rx:"2.5",fill:"#374151"}),(0,t.jsx)("rect",{x:"254",y:"103",width:"62",height:"4",rx:"2",fill:"#9CA3AF"}),(0,t.jsx)("rect",{x:"232",y:"148",width:"16",height:"16",rx:"4",fill:"#22C55E"}),(0,t.jsx)("rect",{x:"254",y:"150",width:"60",height:"5",rx:"2.5",fill:"#374151"}),(0,t.jsx)("rect",{x:"254",y:"159",width:"78",height:"4",rx:"2",fill:"#9CA3AF"})]})},function(){return(0,t.jsxs)("svg",{viewBox:"0 0 400 200",className:"w-full h-full",xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsx)("rect",{width:"400",height:"200",fill:"#F0FDF4",rx:"12"}),(0,t.jsx)("rect",{x:"40",y:"30",width:"28",height:"110",rx:"14",fill:"#D1FAE5",stroke:"#059669",strokeWidth:"2"}),(0,t.jsx)("rect",{x:"50",y:"55",width:"8",height:"70",rx:"4",fill:"#A7F3D0"}),(0,t.jsx)(s.motion.rect,{x:"50",y:"55",width:"8",height:"70",rx:"4",fill:"#10B981",initial:{scaleY:0},animate:{scaleY:1},transition:{duration:1.2,delay:.3,ease:[.22,1,.36,1]},style:{transformBox:"fill-box",transformOrigin:"bottom"}}),(0,t.jsx)("circle",{cx:"54",cy:"135",r:"14",fill:"#10B981"}
1),(0,t.jsx)("circle",{cx:"54",cy:"135",r:"8",fill:"#059669"}),(0,t.jsx)(s.motion.circle,{cx:"54",cy:"135",r:"22",fill:"none",stroke:"#10B981",strokeWidth:"2",animate:{scale:[1,1.5],opacity:[.5,0]},transition:{duration:1.8,repeat:1/0},style:{transformBox:"fill-box",transformOrigin:"center"}}),(0,t.jsx)("rect",{x:"86",y:"110",width:"130",height:"60",rx:"8",fill:"#DCFCE7",stroke:"#86EFAC",strokeWidth:"1.5",strokeDasharray:"5 3"}),(0,t.jsx)(s.motion.polyline,{points:"86,100 108,95 130,98 152,92 174,96 186,94 216,97",fill:"none",stroke:"#059669",strokeWidth:"2.5",strokeLinecap:"round",initial:{pathLength:0},animate:{pathLength:1},transition:{duration:1.4,delay:.6}}),(0,t.jsx)(s.motion.circle,{cx:"250",cy:"80",r:"32",fill:"#059669",animate:{scale:[1,1.05,1]},transition:{duration:2.5,repeat:1/0},style:{transformBox:"fill-box",transformOrigin:"center"}}),(0,t.jsx)(s.motion.path,{d:"M236 80 L246 90 L264 68",stroke:"white",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round",fill:"none",initial:{pathLength:0},animate:{pathLength:1},transition:{duration:.55,delay:1.2}}),[[320,40],[360,100],[310,155],[370,155]].map(([e,i],a)=>(0,t.jsxs)(s.motion.g,{animate:{rotate:[0,360]},transition:{duration:9+2.5*a,repeat:1/0,ease:"linear"},style:{transformBox:"fill-box",transformOrigin:e+"px "+i+"px"},children:[(0,t.jsx)("line",{x1:e-12,y1:i,x2:e+12,y2:i,stroke:"#93C5FD",strokeWidth:"2",strokeLinecap:"round"}),(0,t.jsx)("line",{x1:e,y1:i-12,x2:e,y2:i+12,stroke:"#93C5FD",strokeWidth:"2",strokeLinecap:"round"}),(0,t.jsx)("line",{x1:e-8,y1:i-8,x2:e+8,y2:i+8,stroke:"#93C5FD",strokeWidth:"1.5",strokeLinecap:"round"}),(0,t.jsx)("line",{x1:e+8,y1:i-8,x2:e-8,y2:i+8,stroke:"#93C5FD",strokeWidth:"1.5",strokeLinecap:"round"})]},a))]})},function(){return(0,t.jsxs)("svg",{viewBox:"0 0 400 200",className:"w-full h-full",xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsx)("rect",{width:"400",height:"200",fill:"#F0FDFA",rx:"12"}),[0,1,2].map(e=>(0,t.jsxs)("g",{children:[(0,t.jsx)("rect",{x:"20",y:20+52*e,width:"180",height:"42",rx:"4",fill:"white",stroke:"#5EEAD4",strokeWidth:"1.5"}),[0,1,2].map(i=>{let a=[[.9,.7,.2],[.6,.9,.4],[.3,.6,.85]][e][i];return(0,t.jsxs)("g",{children:[(0,t.jsx)("rect",{x:28+55*i,y:28+52*e,width:"40",height:"6",rx:"3",fill:"#E2E8F0"}),(0,t.jsx)(s.motion.rect,{x:28+55*i,y:28+52*e,width:40*a,height:"6",rx:"3",fill:a>.6?"#0D9488":a>.35?"#F59E0B":"#EF4444",initial:{scaleX:0},animate:{scaleX:1},transition:{duration:.7,delay:.1+.15*e+.1*i,ease:[.22,1,.36,1]},style:{transformBox:"fill-box",transformOrigin:"left"}})]},i)})]},e)),(0,t.jsx)(s.motion.circle,{cx:"256",cy:"80",r:"36",fill:"#CCFBF1",animate:{scale:[1,1.07,1]},transition:{duration:2.5,repeat:1/0},style:{transformBox:"fill-box",transformOrigin:"center"}}),(0,t.jsx)("circle",{cx:"256",cy:"80",r:"24",fill:"#0D9488",opacity:"0.15"}),(0,t.jsx)("ellipse",{cx:"256",cy:"78",rx:"16",ry:"18",fill:"none",stroke:"#0D9488",strokeWidth:"2.5"}),(0,t.jsx)("path",{d:"M248 66 Q256 58 264 66",fill:"none",stroke:"#0D9488",strokeWidth:"2",strokeLinecap:"round"}),(0,t.jsx)("line",{x1:"240",y1:"76",x2:"272",y2:"76",stroke:"#0D9488",strokeWidth:"1.5",strokeDasharray:"3 2"}),[{cx:248,cy:82},{cx:264,cy:82},{cx:256,cy:90}].map(({cx:e,cy:i},a)=>(0,t.jsx)(s.motion.circle,{cx:e,cy:i,r:"3",fill:"#0D9488",animate:{scale:[1,1.6,1],opacity:[1,.4,1]},transition:{duration:1.4,repeat:1/0,delay:.3*a},style:{transformBox:"fill-box",transformOrigin:"center"}},a)),(0,t.jsx)(s.motion.path,{d:"M294 80 L320 80",stroke:"#0D9488",strokeWidth:"2",strokeLinecap:"round",initial:{pathLength:0},animate:{pathLength:1},transition:{duration:.5,delay:.9}}),(0,t.jsx)(s.motion.polygon,{points:"320,74 332,80 320,86",fill:"#0D9488",initial:{opacity:0}
1,animate:{opacity:1},transition:{delay:1.4}}),(0,t.jsx)("rect",{x:"336",y:"30",width:"52",height:"100",rx:"8",fill:"white",stroke:"#5EEAD4",strokeWidth:"1.5"}),[0,1,2,3].map(e=>(0,t.jsxs)(s.motion.g,{initial:{opacity:0,x:-10},animate:{opacity:1,x:0},transition:{duration:.35,delay:1.1+.13*e},children:[(0,t.jsx)("circle",{cx:"347",cy:50+22*e,r:"5",fill:e<3?"#0D9488":"#E2E8F0"}),e<3&&(0,t.jsx)("path",{d:"M344 "+(50+22*e)+" L346 "+(52+22*e)+" L350 "+(48+22*e),stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",fill:"none"}),(0,t.jsx)("rect",{x:"356",y:46+22*e,width:"24",height:"4",rx:"2",fill:e<3?"#5EEAD4":"#E2E8F0"})]},e)),(0,t.jsxs)(s.motion.g,{initial:{x:-30,opacity:0},animate:{x:0,opacity:1},transition:{duration:.7,delay:.3,ease:[.22,1,.36,1]},children:[(0,t.jsx)("rect",{x:"20",y:"168",width:"60",height:"24",rx:"4",fill:"#0D9488"}),(0,t.jsx)("rect",{x:"54",y:"162",width:"26",height:"30",rx:"4",fill:"#0D9488"}),(0,t.jsx)("circle",{cx:"30",cy:"194",r:"6",fill:"#1E293B"}),(0,t.jsx)("circle",{cx:"70",cy:"194",r:"6",fill:"#1E293B"}),(0,t.jsx)("circle",{cx:"30",cy:"194",r:"3",fill:"#5EEAD4"}),(0,t.jsx)("circle",{cx:"70",cy:"194",r:"3",fill:"#5EEAD4"})]}),(0,t.jsx)(s.motion.polyline,{points:"50,180 110,175 145,168 175,178",fill:"none",stroke:"#F59E0B",strokeWidth:"1.5",strokeDasharray:"5 3",initial:{pathLength:0},animate:{pathLength:1},transition:{duration:.8,delay:1}}),[[110,175],[145,168],[175,178]].map(([e,i],a)=>(0,t.jsx)(s.motion.circle,{cx:e,cy:i,r:"4",fill:"#F59E0B",initial:{scale:0},animate:{scale:1},transition:{delay:1.1+.2*a,type:"spring",stiffness:400},style:{transformBox:"fill-box",transformOrigin:"center"}},a))]})},function(){return(0,t.jsxs)("svg",{viewBox:"0 0 400 200",className:"w-full h-full",xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsx)("rect",{width:"400",height:"200",fill:"#FFF1F2",rx:"12"}),(0,t.jsxs)(s.motion.g,{animate:{y:[0,-5,0]},transition:{duration:2.8,repeat:1/0,ease:"easeInOut"},children:[(0,t.jsx)("path",{d:"M60 40 L160 40 L200 100 L160 160 L60 160 L20 100 Z",fill:"#FEE2E2",stroke:"#EF4444",strokeWidth:"2"}),(0,t.jsx)("circle",{cx:"78",cy:"58",r:"8",fill:"#EF4444"}),(0,t.jsx)("text",{x:"65",y:"115",fontSize:"40",fontWeight:"bold",fill:"#EF4444",fontFamily:"sans-serif",children:"%"})]}),(0,t.jsx)(s.motion.g,{animate:{rotate:[0,360]},transition:{duration:14,repeat:1/0,ease:"linear"},style:{transformBox:"fill-box",transformOrigin:"240px 70px"},children:[0,45,90,135,180,225,270,315].map((e,i)=>{let a=e*Math.PI/180;return(0,t.jsx)("line",{x1:240+36*Math.cos(a),y1:70+36*Math.sin(a),x2:240+52*Math.cos(a),y2:70+52*Math.sin(a),stroke:"#FCA5A5",strokeWidth:"2.5",strokeLinecap:"round"},i)})}),(0,t.jsx)(s.motion.circle,{cx:"240",cy:"70",r:"44",fill:"#DC2626",animate:{scale:[1,1.07,1]},transition:{duration:1.8,repeat:1/0},style:{transformBox:"fill-box",transformOrigin:"center"}}),(0,t.jsx)("circle",{cx:"240",cy:"70",r:"36",fill:"#EF4444"}),(0,t.jsx)("text",{x:"220",y:"62",fontSize:"20",fontWeight:"bold",fill:"white",fontFamily:"sans-serif",children:"10%"}),(0,t.jsx)("text",{x:"222",y:"82",fontSize:"12",fill:"#FCA5A5",fontFamily:"sans-serif",children:"OFF"}),(0,t.jsx)(s.motion.rect,{x:"300",y:"30",width:"80",height:"56",rx:"10",fill:"white",stroke:"#FECACA",strokeWidth:"1.5",initial:{opacity:0,y:-12},animate:{opacity:1,y:0},transition:{duration:.5,delay:.2}}),(0,t.jsx)("circle",{cx:"340",cy:"58",r:"18",fill:"#FEE2E2"}),(0,t.jsx)("circle",{cx:"340",cy:"58",r:"14",fill:"white",stroke:"#EF4444",strokeWidth:"2"}),(0,t.jsx)(s.motion.line,{x1:"340",y1:"50",x2:"340",y2:"58",stroke:"#EF4444",strokeWidth:"2",strokeLinecap:"round",animate:{rotate:[0,360]},transition:{duration:60,repeat:1/0,ease:"linear"},style:{transformBox:"fill-box",transformOrigin:"340px 58px"}}),(0,t.jsx)("line",{x1:"340",y1:"58",x2:"347",y2:"63",stroke:"#DC2626",strokeWidth:"1.5",strokeLinecap:"round"}),(0,t.jsx)(s.motion.rect,{x:"212",y:"128",width:"168",height:"58",rx:"10",fill:"white",stroke:"#FECACA",strokeWidth:"1.5",initial:{opacity:0,y:16},animate:{opacity:1,y:0},transition:{duration:.5,delay:.4}}),(0,t.jsx)("rect",{x:"222",y:"140",width:"40",height:"8",rx:"4",fill:"#EF4444"}),(0,t.jsx)("rect",{x:"222",y:"152",width:"60",height:"5",rx:"2.5",fill:"#FCA5A5"}),(0,t.jsx)("rect",{x:"222",y:"162",width:"44",height:"5",rx:"2.5",fill:"#FECACA"}),(0,t.jsx)("rect",{x:"290",y:"138",width:"80",height:"6",rx:"3",fill:"#E5E7EB"}),(0,t.jsx)(s.motion.rect,{x:"290",y:"148",width:"80",height:"5",rx:"2.5",fill:"#EF4444",opacity:"0.7",initial:{scaleX:0},animate:{scaleX:1},transition:{duration:.8,delay:.9},style:{transformBox:"fill-box",transformOrigin:"left"}}),(0,t.jsx)("rect",{x:"290",y:"157",width:"60",height:"4",rx:"2",fill:"#E5E7EB"}),(0,t.jsx)(s.motion.rect,{x:"20",y:"170",width:"80",height:"24",rx:"12",fill:"#DC2626",initial:{scale:0},animate:{scale:1},transition:{type:"spring",stiffness:300,delay:.6},style:{transformBox:"fill-box",transformOrigin:"left center"}}),(0,t.jsx)("text",{x:"32",y:"186",fontSize:"11",fontWeight:"bold",fill:"white",fontFamily:"sans-serif",children:"BUY 
11 GET 1"})]})},function(){return(0,t.jsxs)("svg",{viewBox:"0 0 400 200",className:"w-full h-full",xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsx)("rect",{width:"400",height:"200",fill:"#EEF2FF",rx:"12"}),[{x:30,color:"#B45309",light:"#FEF3C7"},{x:110,color:"#9CA3AF",light:"#F1F5F9"},{x:190,color:"#D97706",light:"#FEF9C3"}].map(({x:e,color:i,light:a},l)=>(0,t.jsxs)(s.motion.g,{initial:{opacity:0,y:24,scale:.6},animate:{opacity:1,y:0,scale:1},transition:{duration:.6,delay:.08+.18*l,type:"spring",stiffness:240},style:{transformBox:"fill-box",transformOrigin:"center"},children:[(0,t.jsx)("circle",{cx:e+30,cy:80,r:20+6*l,fill:a,stroke:i,strokeWidth:"2.5"}),(0,t.jsx)("circle",{cx:e+30,cy:80,r:12+4*l,fill:i,opacity:"0.7"}),(0,t.jsx)("polygon",{points:e+30+","+(64-2*l)+" "+(e+33+l)+","+(72+l)+" "+(e+41+l)+","+(72+l)+" "+(e+35+1.5*l)+","+(78+l)+" "+(e+37+l)+","+(86+l)+" "+(e+30)+",82 "+(e+23-l)+","+(86+l)+" "+(e+25-1.5*l)+","+(78+l)+" "+(e+19-l)+","+(72+l)+" "+(e+27-l)+","+(72+l),fill:"white",opacity:"0.85"}),(0,t.jsx)("rect",{x:e+14,y:104,width:"32",height:"18",rx:"9",fill:i})]},l)),[260,285,310,335,360].map((e,i)=>(0,t.jsx)(s.motion.polygon,{points:e+",55 "+(e+5)+",67 "+(e+17)+",67 "+(e+8)+",75 "+(e+11)+",87 "+e+",80 "+(e-11)+",87 "+(e-8)+",75 "+(e-17)+",67 "+(e-5)+",67",fill:i<3?"#6366F1":"#E0E7FF",initial:{scale:0,opacity:0},animate:{scale:1,opacity:1},transition:{duration:.4,delay:.5+.12*i,type:"spring",stiffness:350},style:{transformBox:"fill-box",transformOrigin:"center"}},i)),(0,t.jsxs)(s.motion.g,{initial:{opacity:0,y:18},animate:{opacity:1,y:0},transition:{duration:.5,delay:.85},children:[(0,t.jsx)("rect",{x:"240",y:"100",width:"140",height:"64",rx:"12",fill:"#06C755"}),(0,t.jsx)("path",{d:"M252 164 L246 178 L264 164 Z",fill:"#06C755"}),(0,t.jsx)("circle",{cx:"262",cy:"132",r:"6",fill:"white"}),(0,t.jsx)("circle",{cx:"282",cy:"132",r:"6",fill:"white"}),(0,t.jsx)("circle",{cx:"302",cy:"132",r:"6",fill:"white"}),(0,t.jsx)("rect",{x:"252",y:"110",width:"112",height:"14",rx:"4",fill:"white",opacity:"0.3"})]}),(0,t.jsx)("rect",{x:"18",y:"148",width:"200",height:"12",rx:"6",fill:"#C7D2FE"}),(0,t.jsx)(s.motion.rect,{x:"18",y:"148",width:"130",height:"12",rx:"6",fill:"#6366F1",initial:{scaleX:0},animate:{scaleX:1},transition:{duration:1,delay:.95,ease:[.22,1,.36,1]},style:{transformBox:"fill-box",transformOrigin:"left"}}),(0,t.jsx)("circle",{cx:"148",cy:"154",r:"8",fill:"white",stroke:"#6366F1",strokeWidth:"2.5"}),(0,t.jsxs)(s.motion.g,{initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},transition:{delay:1.5,type:"spring"},style:{transformBox:"fill-box",transformOrigin:"left center"},children:[(0,t.jsx)("rect",{x:"18",y:"168",width:"100",height:"24",rx:"12",fill:"#6366F1"}),(0,t.jsx)("text",{x:"28",y:"184",fontSize:"11",fontWeight:"bold",fill:"white",fontFamily:"sans-serif",children:"+18 pts earned"})]})]})},function(){return(0,t.jsxs)("svg",{viewBox:"0 0 400 200",className:"w-full h-full",xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsx)("rect",{width:"400",height:"200",fill:"#F8FAFC",rx:"12"}),(0,t.jsxs)(s.motion.g,{animate:{scale:[1,1.03,1]},transition:{duration:3.5,repeat:1/0},style:{transformBox:"fill-box",transformOrigin:"200px 44px"},children:[(0,t.jsx)("ellipse",{cx:"200",cy:"40",rx:"60",ry:"28",fill:"#E2E8F0"}),(0,t.jsx)("ellipse",{cx:"175",cy:"46",rx:"44",ry:"22",fill:"#CBD5E1"}),(0,t.jsx)("ellipse",{cx:"225",cy:"46",rx:"44",ry:"22",fill:"#CBD5E1"}),(0,t.jsx)("ellipse",{cx:"200",cy:"50",rx:"70",ry:"25",fill:"#94A3B8"}),(0,t.jsx)("text",{x:"180",y:"54",fontSize:"11",fontWeight:"bold",fill:"white",fontFamily:"sans-serif",children:"OmniCore"})]}),[[115,72,80,110],[200,75,200,110],[285,72,320,110]].map(([e,i,a,l],n)=>(0,t.jsx)(s.motion.line,{x1:e,y1:i,x2:a,y2:l,stroke:"#94A3B8",strokeWidth:"1.5",strokeDasharray:"4 3",initial:{pathLength:0},animate:{pathLength:1},transition:{duration:.6,delay:.25+.15*n}},n)),[{x:30,color:"#E8751A",bg:"#FFF7ED",label:"EB+"},{x:150,color:"#7C3AED",bg:"#F5F3FF",label:"上市集團"},{x:270,color:"#0891B2",bg:"#ECFEFF",label:"Client C"}].map(({x:e,color:i,bg:a,label:l},n)=>(0,t.jsxs)(s.motion.g,{initial:{opacity:0,y:22}
1,animate:{opacity:1,y:0},transition:{duration:.5,delay:.55+.15*n,ease:[.22,1,.36,1]},children:[(0,t.jsx)("rect",{x:e,y:110,width:"100",height:"70",rx:"10",fill:a,stroke:i,strokeWidth:"2"}),(0,t.jsx)("rect",{x:e,y:110,width:"100",height:"22",rx:"10",fill:i}),(0,t.jsx)("rect",{x:e,y:120,width:"100",height:"12",fill:i}),(0,t.jsx)("text",{x:e+50,y:125,fontSize:"10",fontWeight:"bold",fill:"white",fontFamily:"sans-serif",textAnchor:"middle",children:l}),(0,t.jsx)("rect",{x:e+10,y:140,width:"50",height:"4",rx:"2",fill:i,opacity:"0.4"}),(0,t.jsx)("rect",{x:e+10,y:148,width:"36",height:"4",rx:"2",fill:i,opacity:"0.3"}),(0,t.jsx)("rect",{x:e+10,y:156,width:"44",height:"4",rx:"2",fill:i,opacity:"0.4"}),(0,t.jsxs)(s.motion.g,{animate:{rotate:[-5,5,-5]},transition:{duration:3+.6*n,repeat:1/0,ease:"easeInOut",delay:.5*n},style:{transformBox:"fill-box",transformOrigin:e+80+"px 147px"},children:[(0,t.jsx)("rect",{x:e+70,y:138,width:"20",height:"16",rx:"3",fill:"white",stroke:i,strokeWidth:"1.5"}),(0,t.jsx)("path",{d:"M"+(e+76)+" 138 Q"+(e+80)+" 130 "+(e+84)+" 138",fill:"none",stroke:i,strokeWidth:"1.5"}),(0,t.jsx)("circle",{cx:e+80,cy:147,r:"3",fill:i})]})]},n)),(0,t.jsx)(s.motion.path,{d:"M192 58 L200 56 L208 58 L208 68 Q208 74 200 76 Q192 74 192 68 Z",fill:"#1E293B",opacity:"0.7",animate:{scale:[1,1.12,1]},transition:{duration:2.2,repeat:1/0},style:{transformBox:"fill-box",transformOrigin:"center"}}),(0,t.jsx)("text",{x:"197",y:"69",fontSize:"7",fontWeight:"bold",fill:"#64748B",fontFamily:"sans-serif",children:"JWT"})]})}],b=[{color:"bg-blue-600",light:"bg-blue-50 border-blue-200",scenario:{zh:"東方美區域經理在手機看到:第 32 號門市 GraBox 格子 3 號「放入後超時未取」,一鍵發 LINE 通知店員。",en:"EB+ area manager sees on mobile: Store #32, GraBox slot 3 — 'Placed but not picked up'. One tap notifies staff via LINE.",ja:"東方美エリアマネージャーがスマホで確認:32号店のGraBoxスロット3が「長時間未取り出し」。ワンタップでLINE通知。"},bullets:{zh:["每台設備心跳 ping(30秒一次)","GraBox 每格狀態:空 / 有餐 / 已取 / 異常","冷凍機溫度即時監控,超限自動鎖貨","設備離線 → 5 分鐘內 LINE 告警"],en:["Per-device heartbeat ping (30s)","GraBox per-slot status: Empty / Stocked / Taken / Error","Chiller temp monitoring — auto-lock on breach","Offline device → LINE alert within 5min"],ja:["デバイスごとのハートビートping(30秒)","GraBox格子別ステータス:空/補充済/取出済/異常","冷凍機温度リアルタイム監視・超過時自動ロック","オフライン→5分以内にLINE通報"]}},{color:"bg-purple-600",light:"bg-purple-50 border-purple-200",scenario:{zh:"上市集團特定場域管理者查看本週 3 個宿舍各機台銷售排行,發現週五晚 9 點飲料銷量特別高,決定提前補貨。",en:"Listed partner's manager reviews 3 dormitory vending machines weekly. Spots Friday 9pm drink spike — schedules early restocking.",ja:"上場会社パートナーの管理者が3つの寮の週間売上を確認。金曜21時の飲料急増を発見し、早めに補充手配。"},bullets:{zh:["機台 / 場域 / 商品 / 日期多維切片","熱銷商品排行 + 庫存消耗速率","月 GMV 趨勢圖,支援 CSV / Excel 匯出","自訂報表週期(日 / 週 / 月)"],en:["Slice by device, venue, product, date","Best-sellers + inventory depletion rate","Monthly GMV trend, CSV / Excel export","Custom report periods (daily/weekly/monthly)"],ja:["機器・場所・商品・日付でスライス","ベストセラー+在庫消費速度","月次GMVトレンド、CSV/Excelエクスポート","レポート周期カスタム(日/週/月)"]}},{color:"bg-orange-500",light:"bg-orange-50 border-orange-200",scenario:{zh:"GraBox 某格子溫度異常,LINE Notify 秒送店長通知 → 店長遠端確認 → 系統自動開報修工單,15 分鐘內派工。",en:"GraBox slot temp anomaly → LINE Notify fires to store owner → remote confirm → maintenance ticket auto-opens, dispatched within 15min.",ja:"GraBoxスロットの温度異常→LINE Notifyが即座に店長通知→遠隔確認→メンテナンスチケット自動発行、15分以内に派遣。"}
1,bullets:{zh:["LINE Notify 整合,秒級推播","溫控門限自訂(±0.5°C 精度)","交易失敗 / 掃碼失敗 / 斷電預警","告警靜默時段可設定(避免深夜騷擾)"],en:["LINE Notify push, second-level latency","Custom temp thresholds (±0.5°C precision)","Failed transactions / scan failures / power loss","Alert quiet hours configurable"],ja:["LINE Notify秒単位プッシュ","温度閾値カスタム(±0.5°C精度)","取引失敗/スキャン失敗/停電予警","通知サイレント時間帯設定可能"]}},{color:"bg-green-700",light:"bg-green-50 border-green-200",scenario:{zh:"日本首都高速 PSE 認證稽核:匯出所有設備過去 90 天溫控紀錄,全程低於 -18°C,一鍵生成 PDF 稽核報告。",en:"Shuto Expressway PSE audit: export 90-day temp logs for all units — all below -18°C. One-click PDF audit report.",ja:"首都高速PSE審査:全機器の過去90日温度ログをエクスポート、全期間-18°C以下を確認。ワンクリックPDF監査レポート生成。"},bullets:{zh:["TimescaleDB 時序資料庫,每 15 分鐘記錄","溫度超限 → 自動鎖貨 + 紀錄","稽核報告 PDF 一鍵匯出(含圖表)","食安法規合規紀錄保存 2 å¹´"],en:["TimescaleDB time-series, 15min intervals","Temp breach → auto lock + log","PDF audit report one-click export (with graphs)","2-year regulatory record retention"],ja:["TimescaleDB時系列DB、15分間隔記録","温度超過→自動ロック+記録","PDF监査レポートワンクリック出力(グラフ付き)","食品安全法令準拠2年間記録保持"]}},{color:"bg-teal-600",light:"bg-teal-50 border-teal-200",scenario:{zh:"AI 分析東方美某門市週一早 7–9 點消耗模式,提前在週日晚生成補貨清單,補貨員隔天一早按清單完成補貨。",en:"AI analyzes EB+ store Monday 7–9am sales. Sunday night auto-generates pick list. Staff restocks first thing Monday morning.",ja:"AIが東方美の特定店舗の月曜朝7〜9時の消費パターンを分析。日曜夜に自動でピッキングリストを生成、スタッフが月曜朝に補充完了。"},bullets:{zh:["AI 補貨預測(歷史銷量 + 節假日加成)","撿貨單 / 補貨單一鍵匯出","補貨員任務派派指派 + 完成確認","庫存異動完整稽核紀錄"],en:["AI restocking prediction (sales history + holiday boost)","Pick list / restock sheet one-click export","Staff task dispatch + completion confirmation","Full inventory change audit trail"],ja:["AI補充予測(過去売上+祝日補正)","ピッキング/補充リストワンクリック出力","スタッフタスク割当+完了確認","在庫変動完全監査記録"]}},{color:"bg-red-600",light:"bg-red-50 border-red-200",scenario:{zh:"門市週五活動:消費滿額打折。店長自己 3 分鐘在後台設好、即時生效,不需工程師介入。",en:"Store Friday promo: spend-and-save discount. Store owner sets it up in 3 minutes in the dashboard, live instantly. No engineer needed.",ja:"店舗の金曜プロモ:一定金額以上で割引。店長がダッシュボードで3分で設定→即時有効、エンジニア不要。"},bullets:{zh:["折扣碼 / 買一送一 / 組合促銷","時間限定活動(開始/結束自動切換)","商品層級 / 訂單層級折扣","促銷成效報告(折扣後 GMV 對比)"],en:["Discount codes / BOGO / bundle deals","Time-gated campaigns (auto start/end)","Product-level / order-level discounts","Promo ROI report (pre/post GMV comparison)"],ja:["割引コード/BOGO/セット割引","期間限定キャンペーン(自動開始/終了)","商品レベル/注文レベル割引","プロモROIレポート(割引前後GMV比較)"]}},{color:"bg-indigo-600",light:"bg-indigo-50 border-indigo-200",scenario:{zh:"客人掃碼取餐後,自動收到 LINE 訊息:「本次消費累積 18 點,再 42 點可換一份早餐!」促進回購。",en:"After QR pickup, customer auto-receives LINE message: 'You earned 18 points. 42 more = a free breakfast!' Drives repeat visits.",ja:"QRコードでピックアップ後、LINEメッセージが自動送信:「18ポイント獲得。あと42ポイントで無料朝食と交換!」リピート購入促進。"},bullets:{zh:["LINE LIFF 綁定,無需額外 App","OMO 線上線下通用點數","消費累點 / 兌換券 / 推播行銷","會員分級(銅 / 銀 / 金)可客製"],en:["LINE LIFF binding, no extra app needed","OMO unified points (online + offline)","Earn points / redeem vouchers / push campaigns","Member tiers (Bronze / Silver / Gold) customizable"],ja:["LINE LIFF連携、別途アプリ不要","OMOポイント(オンライン+オフライン共通)","ポイント獲得/クーポン交換/プッシュキャンペーン","会員ランク(ブロンズ/シルバー/ゴールド)カã
1‚¹ã‚¿ãƒžã‚¤ã‚ºå¯"]}},{color:"bg-gray-700",light:"bg-gray-50 border-gray-200",scenario:{zh:"東方美的店長看到橙色品牌後台;上市集團的管理者看到藍色品牌後台;兩者數據完全隔離,互看不到對方任何資料。",en:"EB+ manager sees orange-branded dashboard; listed partner's manager sees blue-branded dashboard. Zero data cross-visibility between tenants.",ja:"東方美の店長はオレンジブランドのダッシュボード、上場会社パートナーの管理者はブルーブランドのダッシュボードを使用。テナント間でデータは完全隔離。"},bullets:{zh:["tenant_id 隔離,底層 DB 層實作","各租戶獨立品牌色 / Logo / 語系","API 層 JWT 含 tenant scope","個別計費 + 月報表獨立隔離"],en:["tenant_id isolation at DB level","Per-tenant brand color / logo / locale","JWT with tenant scope at API layer","Separate billing + isolated monthly reports"],ja:["DB層でのtenant_id隔離","テナント別ブランドカラー/ロゴ/言語設定","API層でJWTにtenantスコープ付与","個別請求+月次レポート完全隔離"]}}],j=[{icon:"📡",label:{zh:"設備即時監控",en:"Device Monitoring",ja:"デバイス監視"},desc:{zh:"全台所有機台狀態一畫面掌握——網路、溫度、格子庫存、支付模組健康度,異常秒級推播。",en:"All devices on one screen — network, temperature, slot inventory, and payment health. Instant anomaly alerts.",ja:"全機器の状態を一画面で把握。ネット・温度・スロット在庫・決済モジュールを秒単位で監視。"},stats:[{value:"847",label:{zh:"在線機台",en:"Devices Online",ja:"オンライン機器"}},{value:"99.6%",label:{zh:"稼動率",en:"Uptime",ja:"稼働率"}},{value:"<3s",label:{zh:"告警響應",en:"Alert Response",ja:"アラート応答"}}],Dashboard:e=>(function({lang:e="zh"}){let i=["#22C55E","#22C55E","#F59E0B","#22C55E","#22C55E","#EF4444","#22C55E","#22C55E"],a=["24°C","23°C","31°C","25°C","22°C","—","24°C","26°C"],l=["GBX-001","GBX-002","GBX-003","GBX-004","TH-101","TH-102","GBX-007","GBX-008"],n=[28,28,18,28,28,2,28,28];return(0,t.jsxs)("svg",{viewBox:"0 0 480 280",className:"w-full h-full",xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsx)("rect",{width:"480",height:"280",fill:"#0d1117",rx:"12"}),(0,t.jsx)("rect",{width:"480",height:"36",fill:"#161b22",rx:"12"}),(0,t.jsx)("rect",{x:"0",y:"12",width:"480",height:"24",fill:"#161b22"}),(0,t.jsx)("circle",{cx:"16",cy:"18",r:"4",fill:"#ff5f57"}),(0,t.jsx)("circle",{cx:"28",cy:"18",r:"4",fill:"#ffbd2e"}),(0,t.jsx)("circle",{cx:"40",cy:"18",r:"4",fill:"#28c840"}),(0,t.jsx)("text",{x:"56",y:"22",fontSize:"10",fill:"#8b949e",fontFamily:"monospace",children:"OmniCore / Devices"}),(0,t.jsx)(s.motion.circle,{cx:"420",cy:"18",r:"4",fill:"#22C55E",animate:{opacity:[1,.3,1]},transition:{duration:1.2,repeat:1/0}}),(0,t.jsx)("text",{x:"430",y:"22",fontSize:"9",fill:"#22C55E",fontFamily:"monospace",children:"LIVE"}),(0,t.jsx)("rect",{x:"10",y:"44",width:"460",height:"24",fill:"#161b22",rx:"6"}),(0,t.jsx)("circle",{cx:"28",cy:"56",r:"4",fill:"#22C55E"}),(0,t.jsx)("text",{x:"38",y:"60",fontSize:"8",fill:"#8b949e",fontFamily:"monospace",children:"Online: 847"}),(0,t.jsx)("circle",{cx:"128",cy:"56",r:"4",fill:"#F59E0B"}),(0,t.jsx)("text",{x:"138",y:"60",fontSize:"8",fill:"#8b949e",fontFamily:"monospace",children:"Warning: 12"}),(0,t.jsx)("circle",{cx:"228",cy:"56",r:"4",fill:"#EF4444"}),(0,t.jsx)("text",{x:"238",y:"60",fontSize:"8",fill:"#8b949e",fontFamily:"monospace",children:"Offline: 3"}),(0,t.jsx)("text",{x:"340",y:"60",fontSize:"8",fill:"#22C55E",fontFamily:"monospace",children:"ja"===e?"昨日比 +12台":"en"===e?"↑ +12 vs yesterday":"↑ 較昨日 +12台"}),[...Array(8)].map((e,r)=>{let o=10+r%4*117,c=76+96*Math.floor(r/4),d=i[r];return(0,t.jsxs)("g",{children:[(0,t.jsx)("rect",{x:o,y:c,width:"112",height:"88",fill:"#161b22",stroke:`${d}30`,strokeWidth:"1",rx:"8"}),(0,t.jsx)("rect",{x:o,y:c,width:"112",height:"22",fill:`${d}18`,rx:"8"}
1),(0,t.jsx)("rect",{x:o,y:c+12,width:"112",height:"10",fill:`${d}18`}),(0,t.jsx)(s.motion.circle,{cx:o+12,cy:c+11,r:"4",fill:d,animate:{opacity:[1,.4,1]},transition:{duration:1.5,repeat:1/0,delay:.2*r}}),(0,t.jsx)("text",{x:o+22,y:c+15,fontSize:"8",fill:"#c9d1d9",fontFamily:"monospace",fontWeight:"bold",children:l[r]}),(0,t.jsx)("text",{x:o+8,y:c+34,fontSize:"7",fill:"#6e7681",fontFamily:"monospace",children:"TEMP"}),(0,t.jsx)("text",{x:o+46,y:c+34,fontSize:"9",fill:"#c9d1d9",fontFamily:"monospace",fontWeight:"bold",children:a[r]}),(0,t.jsx)("text",{x:o+8,y:c+48,fontSize:"7",fill:"#6e7681",fontFamily:"monospace",children:"NET"}),(0,t.jsx)("rect",{x:o+46,y:c+40,width:"36",height:"7",rx:"2",fill:"#21262d"}),(0,t.jsx)(s.motion.rect,{x:o+46,y:c+40,width:n[r],height:"7",rx:"2",fill:d,animate:{opacity:[1,.65,1]},transition:{duration:2,repeat:1/0,delay:.25*r}}),(0,t.jsx)("text",{x:o+8,y:c+62,fontSize:"7",fill:"#6e7681",fontFamily:"monospace",children:"SLOTS"}),[0,1,2,3,4].map(e=>(0,t.jsx)("rect",{x:o+46+13*e,y:c+54,width:"10",height:"10",rx:"2",fill:"#EF4444"===d?"#21262d":e<4?"#1f6feb":"#21262d",stroke:"#30363d",strokeWidth:"0.5"},e)),(0,t.jsx)("text",{x:o+8,y:c+82,fontSize:"7",fill:d,fontFamily:"monospace",fontWeight:"bold",children:"#22C55E"===d?"● ONLINE":"#F59E0B"===d?"⚠ WARNING":"✕ OFFLINE"})]},r)}),(0,t.jsx)(s.motion.rect,{x:"10",y:"76",width:"460",height:"2",fill:"#E8751A",opacity:"0.5",animate:{y:[76,258,76]},transition:{duration:5,repeat:1/0,ease:"linear"}})]})})({lang:e})},{icon:"📊",label:{zh:"銷售報表分析",en:"Sales Analytics",ja:"売上分析"},desc:{zh:"日、週、月多維度報表,依門市 / 品項 / 時段自動切片。AI 自動找出異常時段與爆品機會。",en:"Daily/weekly/monthly reports auto-sliced by store, item, and time slot. AI flags anomalies and top-seller opportunities.",ja:"日次・週次・月次レポートを店舗/商品/時間帯で自動集計。AI が異常と売れ筋機会を検出。"},stats:[{value:"—",label:{zh:"月營收",en:"Monthly Revenue",ja:"月次売上"}},{value:"+18%",label:{zh:"環比增長",en:"MoM Growth",ja:"前月比"}},{value:"14,293",label:{zh:"月交易筆數",en:"Transactions",ja:"月次取引"}}],Dashboard:e=>(function({lang:e="zh"}){let i=[62,78,45,90,110,85,95],a="ja"===e?["月","火","水","木","金","土","日"]:"zh"===e?["一","二","三","四","五","六","日"]:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],l={revenue:"ja"===e?"月次売上":"en"===e?"Monthly Revenue":"月營收",txn:"ja"===e?"月次取引":"en"===e?"Transactions":"月交易筆數",basket:"ja"===e?"平均客単価":"en"===e?"Avg Basket":"平均客單價",top:"ja"===e?"売れ筋":"en"===e?"Top Sellers":"熱銷品項",trend:"ja"===e?"週次売上トレンド":"en"===e?"Weekly Sales Trend":"每週銷售趨勢"};return(0,t.jsxs)("svg",{viewBox:"0 0 480 280",className:"w-full h-full",xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsx)("rect",{width:"480",height:"280",fill:"#0d1117",rx:"12"}),(0,t.jsx)("rect",{width:"480",height:"36",fill:"#161b22",rx:"12"}),(0,t.jsx)("rect",{x:"0",y:"12",width:"480",height:"24",fill:"#161b22"}),(0,t.jsx)("circle",{cx:"16",cy:"18",r:"4",fill:"#ff5f57"}),(0,t.jsx)("circle",{cx:"28",cy:"18",r:"4",fill:"#ffbd2e"}),(0,t.jsx)("circle",{cx:"40",cy:"18",r:"4",fill:"#28c840"}),(0,t.jsx)("text",{x:"56",y:"22",fontSize:"10",fill:"#8b949e",fontFamily:"monospace",children:"OmniCore / Sales Analytics"}),(0,t.jsx)("rect",{x:"10",y:"44",width:"152",height:"66",fill:"#161b22",rx:"8"}),(0,t.jsx)("text",{x:"20",y:"60",fontSize:"8",fill:"#6e7681",fontFamily:"monospace",children:l.revenue}),(0,t.jsx)("text",{x:"20",y:"82",fontSize:"19",fontWeight:"bold",fill:"#c9d1d9",fontFamily:"monospace",children:"— — —"}),(0,t.jsx)("rect",{x:"20",y:"88",width:"48",height:"14",rx:"5",fill:"#22C55E20"}),(0,t.jsx)("text",{x:"44",y:"98",textAnchor:"middle",fontSize:"8",fill:"#22C55E",fontFamily:"monospace",fontWeight:"bold",children:"↑ +18%"}),(0,t.jsx)("rect",{x:"170",y:"44",width:"96",height:"66",fill:"#161b22",rx:"8"}),(0,t.jsx)("text",{x:"180",y:"60",fontSize:"8",fill:"#6e7681",fontFamily:"monospace",children:l.txn}),(0,t.jsx)("text",{x:"180",y:"82",fontSize:"16",fontWeight:"bold",fill:"#c9d1d9",fontFamily:"monospace",children:"14,293"}),(0,t.jsx)("text",{x:"180",y:"100",fontSize:"8",fill:"#22C55E",fontFamily:"monospace",children:"↑ +9% MoM"}),(0,t.jsx)("rect",{x:"274",y:"44",width:"96",height:"66",fill:"#161b22",rx:"8"}),(0,t.jsx)("text",{x:"284",y:"60",fontSize:"8",fill:"#6e7681",fontFamily:"monospace",children:l.basket}),(0,t.jsx)("text",{x:"284",y:"82",fontSize:"16",fontWeight:"bold",fill:"#c9d1d9",fontFamily:"monospace",children:"— —"}),(0,t.jsx)("text",{x:"284",y:"100",fontSize:"8",fill:"#3B82F6",fontFamily:"monospace",children:"→ Stable"}),(0,t.jsx)("rect",{x:"378",y:"44",width:"100",height:"66",fill:"#161b22",rx:"8"}),(0,t.jsx)("text",{x:"388",y:"60",fontSize:"8",fill:"#6e7681",fontFamily:"monospace",children:l.top}),["御便當","飯糰","咖啡","茶葉蛋"].map((e,i)=>(0,t.jsxs)("g",{children:[(0,t.jsx)("text",{x:"388",y:74+14*i,fontSize:"7",fill:"#8b949e",fontFamily:"sans-serif",children:e}),(0,t.jsx)("rect",{x:"430",y:66+14*i,width:[40,32,24,16][i],height:"7",rx:"2",fill:"#1f6feb",opacity:"0.7"})]},i)),(0,t.jsx)("rect",{x:"10",y:"120",width:"460",height:"150",fill:"#161b22",rx:"8"}),(0,t.jsx)("text",{x:"20",y:"136",fontSize:"9",fill:"#6e7681",fontFamily:"monospace",children:l.trend}),[0,1,2,3].map(e=>(0,t.jsx)("line",{x1:"30",y1:148+26*e,x2:"460",y2:148+26*e,stroke:"#212
162d",strokeWidth:"0.8"},e)),i.map((e,i)=>{let l=e/110*72,n=32+58*i,r=226-l;return(0,t.jsxs)("g",{children:[(0,t.jsx)("rect",{x:n,y:154,width:"40",height:72,fill:"#21262d",rx:"4",opacity:"0.4"}),(0,t.jsx)(s.motion.rect,{x:n,y:r,width:"40",height:l,rx:"4",fill:3===i||4===i?"#E8751A":"#1f6feb",initial:{height:0,y:226},animate:{height:l,y:r},transition:{duration:.7,delay:.09*i,ease:"easeOut"}}),(0,t.jsx)("text",{x:n+20,y:246,textAnchor:"middle",fontSize:"8",fill:"#8b949e",fontFamily:"monospace",children:a[i]})]},i)}),(0,t.jsx)(s.motion.path,{d:i.map((e,t)=>`${0===t?"M":"L"}${32+58*t+20},${226-e/110*72}`).join(" "),fill:"none",stroke:"#E8751A",strokeWidth:"1.5",strokeDasharray:"4,3",opacity:"0.7",initial:{pathLength:0},animate:{pathLength:1},transition:{duration:1.8,delay:.8,ease:"easeOut"}}),i.map((e,i)=>(0,t.jsx)(s.motion.circle,{cx:32+58*i+20,cy:226-e/110*72,r:"3",fill:"#E8751A",initial:{opacity:0},animate:{opacity:1},transition:{delay:.8+.09*i}},i))]})})({lang:e})},{icon:"🤖",label:{zh:"AI 庫存補貨",en:"AI Inventory",ja:"AI在庫補充"},desc:{zh:"低庫存自動警報,AI 預測補貨時機與數量,掃碼確認補貨完成,達到閉環庫存管理。",en:"Auto low-stock alerts, AI predicts when and how much to restock. Barcode-confirm closes the loop.",ja:"在庫低下を自動アラート。AI が補充タイミングと数量を予測。バーコード確認でクローズドループ管理。"},stats:[{value:"98.1%",label:{zh:"庫存準確率",en:"Inventory Accuracy",ja:"在庫精度"}},{value:"-34%",label:{zh:"補貨人工成本",en:"Labor Saved",ja:"人件費削減"}},{value:"3 min",label:{zh:"平均補貨時間",en:"Avg Restock Time",ja:"平均補充時間"}}],Dashboard:e=>(function({lang:e="zh"}){let i=(e,t)=>({px:18+e/7*248,py:174-t/100*108}),a=[[0,96],[1,83],[2,71],[3,48],[4,22]],l=a.map(([e,t],a)=>`${0===a?"M":"L"}${i(e,t).px.toFixed(1)},${i(e,t).py.toFixed(1)}`).join(" "),n=[[4,22],[5,12],[6,4],[6.6,0]].map(([e,t],a)=>`${0===a?"M":"L"}${i(e,t).px.toFixed(1)},${i(e,t).py.toFixed(1)}`).join(" "),r=i(0,20).py,o={header:"ja"===e?"OmniCore / AI在庫予測":"en"===e?"OmniCore / AI Inventory Forecast":"OmniCore / AI 庫存預測",stockout:"ja"===e?"⚠ 残り約2.3日で在庫切れ":"en"===e?"⚠ Stockout in ~2.3 days":"⚠ 約2.3天後將缺貨",chartTitle:"ja"===e?"在庫トレンド — 御便當":"en"===e?"Stock Trend — 御便當":"庫存趨勢 — 御便當",xDays:"ja"===e?["月","火","水","木","金","土","日"]:"en"===e?["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]:["一","二","三","四","五","六","日"],actual:"ja"===e?"実績":"en"===e?"Actual":"實際",forecast:"ja"===e?"AI予測":"en"===e?"AI Forecast":"AI預測",pickList:"ja"===e?"🤖 AI補充リスト — 自動生成":"en"===e?"🤖 AI Pick List — Auto-generated":"🤖 AI 補貨清單 — 已自動生成",pickItems:"ja"===e?"御便當×24 三角飯糰×36 麵包×18":"en"===e?"御便當 ×24  三角飯糰 ×36  麵包 ×18":"御便當×24 三角飯糰×36 麵包×18",delivery:"ja"===e?"配送確定: 明日07:00 · 承認不要":"en"===e?"Delivery: Tomorrow 07:00 · Auto-confirmed":"配送確定: 明日07:00 · 無需確認",alerts:"ja"===e||"en"===e?"Critical Stock Alerts":"庫存緊急警示",daysLeft:t=>"ja"===e?`⏱ 残り${t}日`:"en"===e?`⏱ ${t}d left`:`⏱ 剩餘${t}天`,accuracy:"ja"===e?"在庫精度 98.1%  ·  SKU 312品目":"en"===e?"Accuracy 98.1%  ·  SKU 312 items":"庫存精準度 98.1%  ·  SKU 312 品項"},c=2*Math.PI*17;return(0,t.jsxs)("svg",{viewBox:"0 0 480 280",className:"w-full h-full",xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsx)("rect",{width:"480",height:"280",fill:"#0d1117",rx:"12"}),(0,t.jsx)("rect",{width:"480",height:"36",fill:"#161b22",rx:"12"}),(0,t.jsx)("rect",{x:"0",y:"12",width:"480",height:"24",fill:"#161b22"}),(0,t.jsx)("circle",{cx:"16",cy:"18",r:"4",fill:"#ff5f57"}),(0,t.jsx)("circle",{cx:"28",cy:"18",r:"4",fill:"#ffbd2e"}),(0,t.jsx)("circle",{cx:"40",cy:"18",r:"4",fill:"#28c840"}),(0,t.jsx)("text",{x:"56",y:"22",fontSize:"10",fill:"#8b949e",fontFamily:"monospace",children:o.header}),(0,t.jsx)(s.motion.circle,{cx:"432",cy:"18",r:"4",fill:"#E8751A",animate:{o
1pacity:[1,.3,1]},transition:{duration:1.2,repeat:1/0}}),(0,t.jsx)("text",{x:"442",y:"22",fontSize:"8",fill:"#E8751A",fontFamily:"monospace",fontWeight:"bold",children:"AI"}),(0,t.jsx)("rect",{x:"10",y:"42",width:"272",height:"232",fill:"#161b22",rx:"8"}),(0,t.jsx)("text",{x:"20",y:"57",fontSize:"8.5",fill:"#6e7681",fontFamily:"monospace",children:o.chartTitle}),(0,t.jsx)("rect",{x:"150",y:"45",width:"124",height:"16",rx:"4",fill:"#EF444418",stroke:"#EF444438",strokeWidth:"0.8"}),(0,t.jsx)("text",{x:"212",y:"56",textAnchor:"middle",fontSize:"7.5",fill:"#EF4444",fontFamily:"monospace",fontWeight:"bold",children:o.stockout}),[0,25,50,75,100].map(e=>{let a=i(0,e).py;return(0,t.jsxs)("g",{children:[(0,t.jsx)("line",{x1:18,y1:a,x2:266,y2:a,stroke:"#21262d",strokeWidth:"0.7"}),(0,t.jsx)("text",{x:15,y:a+3,textAnchor:"end",fontSize:"7",fill:"#484f58",fontFamily:"monospace",children:e})]},e)}),o.xDays.map((e,i)=>(0,t.jsx)("text",{x:18+i/7*248+248/14,y:186,textAnchor:"middle",fontSize:"7.5",fill:i<5?"#484f58":"#E8751A",fontFamily:"monospace",children:e},i)),(0,t.jsx)("line",{x1:18,y1:r,x2:266,y2:r,stroke:"#EF4444",strokeWidth:"1",strokeDasharray:"3,2",opacity:"0.55"}),(0,t.jsx)("text",{x:269,y:r+3,fontSize:"7",fill:"#EF4444",fontFamily:"monospace",children:"20%"}),(0,t.jsx)(s.motion.path,{d:`${n} L${i(6.6,0).px},174 L${i(4,0).px},174 Z`,fill:"#EF4444",opacity:"0.07",initial:{opacity:0}
1,animate:{opacity:.07},transition:{delay:1.3}}),(0,t.jsx)(s.motion.path,{d:`${l} L${i(4,0).px},174 L${i(0,0).px},174 Z`,fill:"#3B82F6",opacity:"0.1",initial:{opacity:0},animate:{opacity:.1},transition:{duration:.8}}),(0,t.jsx)(s.motion.path,{d:l,fill:"none",stroke:"#3B82F6",strokeWidth:"2.2",initial:{pathLength:0},animate:{pathLength:1},transition:{duration:1.2,ease:"easeOut"}}),(0,t.jsx)(s.motion.path,{d:n,fill:"none",stroke:"#EF4444",strokeWidth:"2",strokeDasharray:"5,3",initial:{pathLength:0},animate:{pathLength:1},transition:{duration:.9,delay:1.2,ease:"easeOut"}}),a.map(([e,a],l)=>(0,t.jsx)(s.motion.circle,{cx:i(e,a).px,cy:i(e,a).py,r:"3.5",fill:"#3B82F6",initial:{opacity:0,scale:0},animate:{opacity:1,scale:1},transition:{delay:.1+.18*l}},l)),(0,t.jsx)(s.motion.circle,{cx:i(6.6,0).px,cy:174,r:"5",fill:"#EF4444",animate:{opacity:[1,.3,1],scale:[1,1.4,1]},transition:{duration:1.2,repeat:1/0,delay:2}}),(0,t.jsx)("line",{x1:"20",y1:"204",x2:"38",y2:"204",stroke:"#3B82F6",strokeWidth:"2"}),(0,t.jsx)("text",{x:"42",y:"207",fontSize:"7",fill:"#484f58",fontFamily:"monospace",children:o.actual}),(0,t.jsx)("line",{x1:42+5*o.actual.length,y1:"204",x2:56+5*o.actual.length,y2:"204",stroke:"#EF4444",strokeWidth:"2",strokeDasharray:"4,2"}),(0,t.jsx)("text",{x:60+5*o.actual.length,y:"207",fontSize:"7",fill:"#484f58",fontFamily:"monospace",children:o.forecast}),(0,t.jsx)("rect",{x:"10",y:"216",width:"272",height:"52",fill:"#E8751A0a",stroke:"#E8751A28",strokeWidth:"0.8",rx:"6"}),(0,t.jsx)("text",{x:"22",y:"230",fontSize:"8.5",fill:"#E8751A",fontFamily:"monospace",fontWeight:"bold",children:o.pickList}),(0,t.jsx)("text",{x:"22",y:"244",fontSize:"7.5",fill:"#8b949e",fontFamily:"monospace",children:o.pickItems}),(0,t.jsx)("text",{x:"22",y:"258",fontSize:"7.5",fill:"#8b949e",fontFamily:"monospace",children:o.delivery}),(0,t.jsx)("rect",{x:"288",y:"42",width:"182",height:"232",fill:"#161b22",rx:"8"}),(0,t.jsx)("text",{x:"298",y:"57",fontSize:"8.5",fill:"#6e7681",fontFamily:"monospace",children:o.alerts}),[{name:"御便當",stock:22,days:"2.3",c:"#EF4444"},{name:"三角飯糰",stock:8,days:"0.8",c:"#DC2626"},{name:"麵包",stock:31,days:"3.5",c:"#F59E0B"}].map(({name:e,stock:i,days:a,c:l},n)=>{let r=92+68*n,d=i/100*c;return(0,t.jsxs)("g",{children:[(0,t.jsx)("circle",{cx:330,cy:r,r:17,fill:"none",stroke:"#21262d",strokeWidth:"5"}),(0,t.jsx)(s.motion.circle,{cx:330,cy:r,r:17,fill:"none",stroke:l,strokeWidth:"5",strokeLinecap:"round",transform:`rotate(-90 330 ${r})`,initial:{strokeDasharray:`0 ${c}`},animate:{strokeDasharray:`${d} ${c-d}`},transition:{duration:1,delay:.18*n,ease:"easeOut"}}),(0,t.jsxs)("text",{x:330,y:r+4,textAnchor:"middle",fontSize:"10",fill:l,fontFamily:"monospace",fontWeight:"bold",children:[i,"%"]}),(0,t.jsx)("text",{x:354,y:r-10,fontSize:"9.5",fill:"#c9d1d9",fontFamily:"sans-serif",fontWeight:"bold",children:e}),(0,t.jsx)("text",{x:354,y:r+4,fontSize:"8",fill:l,fontFamily:"monospace",children:o.daysLeft(a)}),(0,t.jsx)("rect",{x:354,y:r+10,width:"110",height:"6",rx:"2",fill:"#21262d"}),(0,t.jsx)(s.motion.rect,{x:354,y:r+10,width:1.1*i,height:"6",rx:"2",fill:l,opacity:"0.8",initial:{width:0},animate:{width:1.1*i},transition:{duration:.9,delay:.18*n+.3,ease:"easeOut"}}),(0,t.jsx)("rect",{x:"298",y:r+28,width:"162",height:"0.5",fill:"#21262d"})]},n)}),(0,t.jsx)("rect",{x:"298",y:"248",width:"162",height:"22",fill:"#22C55E12",stroke:"#22C55E30",strokeWidth:"0.8",rx:"5"}),(0,t.jsx)("text",{x:"379",y:"262",textAnchor:"middle",fontSize:"8.5",fill:"#22C55E",fontFamily:"monospace",fontWeight:"bold",children:o.accuracy})]})})({lang:e})},{icon:"🎯",label:{zh:"促銷活動引擎",en:"Promo Engine",ja:"プロモーション"},desc:{zh:"折扣碼、組合促銷、限時活動——店長 3 分鐘自行上架,無需工程師,轉換率即時追蹤。",en:"Discount codes, bundles, timed promos — store owners set up in 3 min, no engineers needed. Real-time conversion tracking.",ja:"割引・セット・期間限定プロモ。店長が3分で設定、エンジニア不要。転換率をリアルタイムで追跡。"},stats:[{value:"3 min",label:{zh:"上架時間",en:"Setup Time",ja:"設定時間"}},{value:"+24%",label:{zh:"平均轉換率",en:"Avg Conversion",ja:"平均転換率"}}
1,{value:"0",label:{zh:"需要工程師",en:"Engineers Needed",ja:"エンジニア不要"}}],Dashboard:e=>(function({lang:e="zh"}){let i={header:"ja"===e?"OmniCore / プロモーション管理":"en"===e?"OmniCore / Promotion Engine":"OmniCore / 促銷活動引擎",funnelTitle:"ja"===e?"転換ファネル — 買一送一キャンペーン":"en"===e?"Conversion Funnel — BOGO Campaign":"轉換漏斗 — 買一送一活動",funnelStages:"ja"===e?["機台表示","商品閲覧","カート追加","購入完了"]:"en"===e?["Impressions","Product View","Add to Cart","Purchase"]:["設備展示","商品瀏覽","加入購物車","完成購買"],bottomNote:"ja"===e?"最終購入転換率 12.0%  ·  業界平均比 +8.8pp":"en"===e?"Final conversion 12.0%  ·  +8.8pp vs industry avg":"最終轉換率 12.0%  ·  高於業界平均 +8.8pp",chartTitle:"ja"===e?"日次売上: 導入前 vs 導入後":"en"===e?"Daily Sales: Before vs After":"每日銷售: 導入前 vs 導入後",activeCampaigns:"ja"===e?"有効キャンペーン":"en"===e?"Active Campaigns":"進行中活動",totalRedemptions:"ja"===e?"クーポン利用数":"en"===e?"Total Redemptions":"兌換次數",avgConversion:"ja"===e?"平均転換率":"en"===e?"Avg Conversion":"平均轉換率",setupTime:"ja"===e?"設定時間":"en"===e?"Setup Time":"上架時間",noEngineers:"ja"===e?"エンジニア不要":"en"===e?"No engineers needed":"無需工程師"},a=[{label:i.funnelStages[0],val:24800,pct:100,c:"#3B82F6"},{label:i.funnelStages[1],val:9920,pct:40,c:"#8B5CF6"},{label:i.funnelStages[2],val:4464,pct:18,c:"#E8751A"},{label:i.funnelStages[3],val:2976,pct:12,c:"#22C55E"}];return(0,t.jsxs)("svg",{viewBox:"0 0 480 280",className:"w-full h-full",xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsx)("rect",{width:"480",height:"280",fill:"#0d1117",rx:"12"}),(0,t.jsx)("rect",{width:"480",height:"36",fill:"#161b22",rx:"12"}),(0,t.jsx)("rect",{x:"0",y:"12",width:"480",height:"24",fill:"#161b22"}),(0,t.jsx)("circle",{cx:"16",cy:"18",r:"4",fill:"#ff5f57"}),(0,t.jsx)("circle",{cx:"28",cy:"18",r:"4",fill:"#ffbd2e"}),(0,t.jsx)("circle",{cx:"40",cy:"18",r:"4",fill:"#28c840"}),(0,t.jsx)("text",{x:"56",y:"22",fontSize:"10",fill:"#8b949e",fontFamily:"monospace",children:i.header}),(0,t.jsx)("rect",{x:"386",y:"8",width:"86",height:"20",rx:"6",fill:"#E8751A"}),(0,t.jsx)("text",{x:"429",y:"21",textAnchor:"middle",fontSize:"8",fill:"white",fontFamily:"monospace",fontWeight:"bold",children:"+ New Promo"}),(0,t.jsx)("rect",{x:"10",y:"44",width:"106",height:"52",fill:"#161b22",rx:"7"}),(0,t.jsx)("text",{x:"18",y:"59",fontSize:"7.5",fill:"#6e7681",fontFamily:"monospace",children:i.activeCampaigns}),(0,t.jsx)("text",{x:"18",y:"79",fontSize:"22",fontWeight:"bold",fill:"#c9d1d9",fontFamily:"monospace",children:"3"}),(0,t.jsx)("text",{x:"18",y:"90",fontSize:"7",fill:"#22C55E",fontFamily:"monospace",children:"/ 4 configured"}),(0,t.jsx)("rect",{x:"122",y:"44",width:"114",height:"52",fill:"#161b22",rx:"7"}),(0,t.jsx)("text",{x:"130",y:"59",fontSize:"7.5",fill:"#6e7681",fontFamily:"monospace",children:i.totalRedemptions}),(0,t.jsx)("text",{x:"130",y:"79",fontSize:"18",fontWeight:"bold",fill:"#c9d1d9",fontFamily:"monospace",children:"2,770"}),(0,t.jsx)("text",{x:"130",y:"90",fontSize:"7",fill:"#22C55E",fontFamily:"monospace",children:"↑ +31% this week"}),(0,t.jsx)("rect",{x:"242",y:"44",width:"114",height:"52",fill:"#161b22",rx:"7"}),(0,t.jsx)("text",{x:"250",y:"59",fontSize:"7.5",fill:"#6e7681",fontFamily:"monospace",children:i.avgConversion}),(0,t.jsx)("text",{x:"250",y:"79",fontSize:"18",fontWeight:"bold",fill:"#E8751A",fontFamily:"monospace",children:"24.0%"}),(0,t.jsx)("text",{x:"250",y:"90",fontSize:"7",fill:"#6e7681",fontFamily:"monospace",children:"vs 13.2% baseline"}),(0,t.jsx)("rect",{x:"362",y:"44",width:"110",height:"52",fill:"#161b22",rx:"7"}),(0,t.jsx)("text",{x:"370",y:"59",fontSize:"7.5",fill:"#6e7681",fontFamily:"monospace",children:i.setupTime}),(0,t.jsx)("text",{x:"370",y:"79",fontSize:"18",fontWeight:"bold",fill:"#c9d1d9",fontFamily:"monospace",children:"3 min"}),(0,t.jsx)("text",{x:"370",y:"90",fontSize:"7",fill:"#22C55E",fontFamily:"monospace",children:i.noEngineers}),(0,t.jsx)("rect",{x:"10",y:"104",width:"228",height:"170",fill:"#161b22",rx:"8"}),(0,t.jsx)("text",{x:"20",y:"119",fontSize:"8.5",fill:"#6e7681",fontFamily:"monospace",children:i.funnelTitle}),a.map(({label:e,val:i,pct:l,c:n},r)=>{let o=l/100*200,c=128+34*r,d=20+(200-o)/2;return(0,t.jsxs)("g",{children:[(0,t.jsx)("rect",{x:"20",y:c,width:200,height:"20",fill:"#21262d",rx:"4",opacity:"0.5"}),(0,t.jsx)(s.motion.rect,{x:d,y:c,width:o,height:"20",rx:"4",fill:n,opacity:"0.85",initial:{width:0,x:120},animate:{width:o,x:d},transition:{duration:.8,delay:.15*r,ease:"easeOut"}}),(0,t.jsx)("text",{x:"228",y:c+13,textAnchor:"end",fontSize:"7.5",fill:"#c9d1d9",fontFamily:"monospace",children:i.toLocaleStr
1ing()}),(0,t.jsx)("text",{x:"20",y:c+13,fontSize:"7",fill:"white",fontFamily:"monospace",fontWeight:"bold",opacity:"0.9",children:e}),(0,t.jsxs)("text",{x:d+o+3,y:c+13,fontSize:"7",fill:n,fontFamily:"monospace",children:[l,"%"]}),r<a.length-1&&(0,t.jsx)("text",{x:"114",y:c+28,textAnchor:"middle",fontSize:"8",fill:"#484f58",children:"↓"})]},r)}),(0,t.jsx)("rect",{x:"10",y:"266",width:"228",height:"8",fill:"#161b22",rx:"3"}),(0,t.jsx)("text",{x:"124",y:"273",textAnchor:"middle",fontSize:"6.5",fill:"#484f58",fontFamily:"monospace",children:i.bottomNote}),(0,t.jsx)("rect",{x:"246",y:"104",width:"226",height:"170",fill:"#161b22",rx:"8"}),(0,t.jsx)("text",{x:"256",y:"119",fontSize:"8.5",fill:"#6e7681",fontFamily:"monospace",children:i.chartTitle}),(0,t.jsx)("rect",{x:"350",y:"113",width:"8",height:"6",rx:"1",fill:"#484f58"}),(0,t.jsx)("text",{x:"362",y:"119",fontSize:"6.5",fill:"#484f58",fontFamily:"monospace",children:"Before"}),(0,t.jsx)("rect",{x:"398",y:"113",width:"8",height:"6",rx:"1",fill:"#E8751A"}),(0,t.jsx)("text",{x:"410",y:"119",fontSize:"6.5",fill:"#E8751A",fontFamily:"monospace",children:"After"}),[0,50,100,150,200].map(e=>{let i=262-e/205*128;return(0,t.jsx)("line",{x1:"256",y1:i,x2:"464",y2:i,stroke:"#21262d",strokeWidth:"0.6"},e)}),[{label:"Mon",before:82,after:108},{label:"Tue",before:95,after:130},{label:"Wed",before:74,after:99},{label:"Thu",before:110,after:148},{label:"Fri",before:128,after:172},{label:"Sat",before:155,after:205},{label:"Sun",before:140,after:188}].map(({label:e,before:i,after:a},l)=>{let n=260+29*l,r=i/205*128,o=a/205*128;return(0,t.jsxs)("g",{children:[(0,t.jsx)(s.motion.rect,{x:n,y:262-r,width:"11",height:r,rx:"2",fill:"#484f58",opacity:"0.6",initial:{height:0,y:262},animate:{height:r,y:262-r},transition:{duration:.6,delay:.07*l,ease:"easeOut"}}),(0,t.jsx)(s.motion.rect,{x:n+13,y:262-o,width:"11",height:o,rx:"2",fill:"#E8751A",opacity:"0.85",initial:{height:0,y:262},animate:{height:o,y:262-o},transition:{duration:.6,delay:.07*l+.15,ease:"easeOut"}}),(0,t.jsx)("text",{x:n+12,y:"274",textAnchor:"middle",fontSize:"7",fill:"#484f58",fontFamily:"monospace",children:e})]},l)}),(0,t.jsx)("rect",{x:"330",y:"130",width:"80",height:"20",rx:"6",fill:"#22C55E18",stroke:"#22C55E38",strokeWidth:"0.8"}),(0,t.jsx)("text",{x:"370",y:"143",textAnchor:"middle",fontSize:"9",fill:"#22C55E",fontFamily:"monospace",fontWeight:"bold",children:"↑ +32% uplift"})]})})({lang:e})}],w=[function(){return(0,t.jsxs)("svg",{viewBox:"0 0 400 220",className:"w-full h-full",xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsx)("rect",{width:"400",height:"220",fill:"#0a1628",rx:"14"}),(0,t.jsx)("defs",{children:(0,t.jsx)("pattern",{id:"g1",width:"28",height:"28",patternUnits:"userSpaceOnUse",children:(0,t.jsx)("path",{d:"M28 0L0 0 0 28",fill:"none",stroke:"#3B82F6",strokeWidth:"0.3",opacity:"0.25"})})}),(0,t.jsx)("rect",{width:"400",height:"220",fill:"url(#g1)",rx:"14"}),(0,t.jsxs)(s.motion.g,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.6,delay:.1},children:[(0,t.jsx)("rect",{x:"30",y:"50",width:"90",height:"140",rx:"10",fill:"#0F2440",stroke:"#3B82F6",strokeWidth:"1.5"}),(0,t.jsx)("rect",{x:"30",y:"50",width:"90",height:"22",rx:"10",fill:"#3B82F6"}),(0,t.jsx)("rect",{x:"30",y:"62",width:"90",height:"10",fill:"#3B82F6"}),(0,t.jsx)("rect",{x:"38",y:"58",width:"60",height:"8",rx:"4",fill:"white",opacity:"0.3"}),[0,1,2,3,4].map(e=>[0,1].map(i=>(0,t.jsx)(s.motion.rect,{x:38+38*i,y:82+20*e,width:"34",height:"16",rx:"5",fill:"#1B3A5C",stroke:"#3B82F6",strokeWidth:"0.8",animate:{borderColor:["#3B82F6","#60A5FA","#3B82F6"]},transition:{duration:2+.3*e,repeat:1/0,delay:.2*e+.1*i}},2*e+i))),(0,t.jsx)(s.motion.line,{x1:"30",y1:"100",x2:"120",y2:"100",stroke:"#3B82F6",strokeWidth:"1.5",opacity:"0.6",animate:{y1:[80,190,80],y2:[80,190,80]},transition:{duration:3,repeat:1/0,ease:"linear"}})]}),(0,t.jsxs)(s.motion.g,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.6,delay:.25},children:[(0,t.jsx)("rect",{x:"155",y:"40",width:"90",height:"150",rx:"10",fill:"#0F2440",stroke:"#3B82F6",strokeWidth:"1.5"}),(0,t.jsx)("rect",{x:"163",y:"48",width:"74",height:"48",rx:"6",fill:"#1B3A5C"}),(0,t.jsx)(s.motion.rect,{x:"163",y:"48",width:"74",height:"48",rx:"6",fill:"#3B82F6",opacity:"0.08",animate:{o
1pacity:[.08,.18,.08]},transition:{duration:2.5,repeat:1/0}}),(0,t.jsx)("rect",{x:"170",y:"56",width:"50",height:"6",rx:"3",fill:"#60A5FA",opacity:"0.8"}),(0,t.jsx)("rect",{x:"170",y:"66",width:"36",height:"5",rx:"2.5",fill:"#93C5FD",opacity:"0.5"}),(0,t.jsx)("rect",{x:"170",y:"75",width:"44",height:"5",rx:"2.5",fill:"#93C5FD",opacity:"0.5"}),[0,1,2].map(e=>[0,1,2].map(i=>(0,t.jsx)("rect",{x:165+22*i,y:106+22*e,width:"18",height:"18",rx:"4",fill:"#1B3A5C",stroke:"#3B82F6",strokeWidth:"0.7"},3*e+i))),(0,t.jsx)("rect",{x:"163",y:"174",width:"74",height:"8",rx:"4",fill:"#3B82F6",opacity:"0.4"})]}),(0,t.jsxs)(s.motion.g,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.6,delay:.4},children:[(0,t.jsx)("rect",{x:"280",y:"60",width:"90",height:"130",rx:"10",fill:"#0F2440",stroke:"#3B82F6",strokeWidth:"1.5"}),(0,t.jsx)("rect",{x:"288",y:"68",width:"74",height:"80",rx:"6",fill:"#1B3A5C"}),(0,t.jsx)(s.motion.circle,{cx:"325",cy:"90",r:"20",fill:"#3B82F6",opacity:"0.15",animate:{scale:[1,1.2,1],opacity:[.15,.3,.15]},transition:{duration:2,repeat:1/0}}),(0,t.jsx)("circle",{cx:"325",cy:"90",r:"14",fill:"#3B82F6",opacity:"0.4"}),(0,t.jsx)("path",{d:"M315 90 l6 6 12-12",stroke:"white",strokeWidth:"2.5",strokeLinecap:"round",fill:"none"}),(0,t.jsx)("rect",{x:"296",y:"116",width:"58",height:"5",rx:"2.5",fill:"#60A5FA",opacity:"0.6"}),(0,t.jsx)("rect",{x:"296",y:"125",width:"40",height:"5",rx:"2.5",fill:"#93C5FD",opacity:"0.4"}),(0,t.jsx)("rect",{x:"288",y:"162",width:"74",height:"20",rx:"5",fill:"#3B82F6",opacity:"0.3"}),(0,t.jsx)("rect",{x:"298",y:"167",width:"54",height:"10",rx:"5",fill:"#3B82F6",opacity:"0.5"})]}),[{x:75,y:200,t:"GraBox"},{x:200,y:200,t:"Vending"},{x:325,y:200,t:"Kiosk"}].map(({x:e,y:i,t:a},l)=>(0,t.jsx)(s.motion.text,{x:e,y:i,textAnchor:"middle",fontSize:"10",fontWeight:"bold",fill:"#3B82F6",fontFamily:"monospace",opacity:"0.8",animate:{opacity:[.6,1,.6]},transition:{duration:2,repeat:1/0,delay:.4*l},children:a},l)),(0,t.jsx)("ellipse",{cx:"200",cy:"215",rx:"160",ry:"8",fill:"#3B82F6",opacity:"0.07"})]})},function(){return(0,t.jsxs)("svg",{viewBox:"0 0 400 220",className:"w-full h-full",xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsx)("rect",{width:"400",height:"220",fill:"#0a1628",rx:"14"}),(0,t.jsx)(s.motion.rect,{x:"60",y:"30",width:"280",height:"160",rx:"10",fill:"#0d2010",stroke:"#E8751A",strokeWidth:"1.5",strokeDasharray:"6 3",initial:{opacity:0}
1,animate:{opacity:1},transition:{duration:.5}}),["M90,60 L180,60 L180,100","M180,100 L280,100 L280,60 L320,60","M90,130 L150,130 L150,160 L280,160","M200,60 L200,140 L240,140","M120,160 L120,100 L160,100","M300,130 L300,80 L320,80"].map((e,i)=>(0,t.jsxs)("g",{children:[(0,t.jsx)("path",{d:e,fill:"none",stroke:"#E8751A",strokeWidth:"1.5",opacity:"0.25"}),(0,t.jsx)(s.motion.path,{d:e,fill:"none",stroke:"#FDBA74",strokeWidth:"2",strokeLinecap:"round",initial:{pathLength:0,opacity:0},animate:{pathLength:[0,1,0]},transition:{duration:2.5,repeat:1/0,delay:.4*i,ease:"easeInOut"}})]},i)),[{x:155,y:45,w:50,h:30,label:"MCU"},{x:255,y:45,w:50,h:30,label:"PWR"},{x:100,y:110,w:40,h:40,label:"SAM"},{x:220,y:115,w:60,h:35,label:"EMV"}].map(({x:e,y:i,w:a,h:l,label:n},r)=>(0,t.jsxs)(s.motion.g,{initial:{opacity:0,scale:.7},animate:{opacity:1,scale:1},transition:{duration:.4,delay:.3+.15*r},children:[(0,t.jsx)("rect",{x:e,y:i,width:a,height:l,rx:"5",fill:"#1a2e10",stroke:"#E8751A",strokeWidth:"1.5"}),[...Array(Math.floor(l/8))].map((s,l)=>(0,t.jsxs)("g",{children:[(0,t.jsx)("rect",{x:e-4,y:i+6+8*l,width:"4",height:"3",rx:"1",fill:"#E8751A",opacity:"0.6"}),(0,t.jsx)("rect",{x:e+a,y:i+6+8*l,width:"4",height:"3",rx:"1",fill:"#E8751A",opacity:"0.6"})]},l)),(0,t.jsx)("text",{x:e+a/2,y:i+l/2+4,textAnchor:"middle",fontSize:"9",fontWeight:"bold",fill:"#FDBA74",fontFamily:"monospace",children:n}),(0,t.jsx)(s.motion.rect,{x:e+2,y:i+2,width:a-4,height:l-4,rx:"3",fill:"#E8751A",opacity:"0",animate:{opacity:[0,.12,0]},transition:{duration:1.5,repeat:1/0,delay:.5*r}})]},r)),(0,t.jsx)(s.motion.circle,{cx:"320",cy:"130",r:"18",fill:"#1a2e10",stroke:"#E8751A",strokeWidth:"1.5",initial:{opacity:0}
1,animate:{opacity:1},transition:{delay:.7}}),(0,t.jsx)(s.motion.circle,{cx:"320",cy:"130",r:"8",fill:"#E8751A",opacity:"0.5",animate:{scale:[1,1.4,1],opacity:[.5,.2,.5]},transition:{duration:1.8,repeat:1/0}}),(0,t.jsx)("text",{x:"320",y:"158",textAnchor:"middle",fontSize:"8",fill:"#FDBA74",fontFamily:"monospace",opacity:"0.8",children:"TOF"}),[{cx:90,cy:60},{cx:280,cy:60},{cx:150,cy:160},{cx:280,cy:160}].map(({cx:e,cy:i},a)=>(0,t.jsx)(s.motion.circle,{cx:e,cy:i,r:"4",fill:"#22C55E",animate:{opacity:[1,.3,1]},transition:{duration:1.2,repeat:1/0,delay:.3*a}},a))]})},function(){return(0,t.jsxs)("svg",{viewBox:"0 0 400 220",className:"w-full h-full",xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsx)("rect",{width:"400",height:"220",fill:"#0a1628",rx:"14"}),(0,t.jsx)(s.motion.rect,{x:"80",y:"20",width:"240",height:"180",rx:"20",fill:"#071a10",stroke:"#22C55E",strokeWidth:"2",initial:{opacity:0,scale:.9},animate:{opacity:1,scale:1},transition:{duration:.5}}),(0,t.jsx)("rect",{x:"80",y:"20",width:"240",height:"40",rx:"20",fill:"#22C55E",opacity:"0.25"}),(0,t.jsx)("rect",{x:"80",y:"44",width:"240",height:"16",fill:"#22C55E",opacity:"0.15"}),(0,t.jsx)("circle",{cx:"106",cy:"40",r:"10",fill:"#22C55E",opacity:"0.5"}),(0,t.jsx)("rect",{x:"124",y:"34",width:"80",height:"6",rx:"3",fill:"#4ADE80",opacity:"0.7"}),(0,t.jsx)("rect",{x:"124",y:"44",width:"50",height:"5",rx:"2.5",fill:"#86EFAC",opacity:"0.5"}),[0,1,2,3,4,5].map(e=>{let i=Math.floor(e/3),a=e%3;return(0,t.jsxs)(s.motion.g,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{delay:.2+.08*e},children:[(0,t.jsx)("rect",{x:96+70*a,y:72+56*i,width:"58",height:"48",rx:"10",fill:"#0d2a18",stroke:"#22C55E",strokeWidth:"1"}),(0,t.jsx)("rect",{x:103+70*a,y:79+56*i,width:"44",height:"26",rx:"6",fill:"#1a3d22",opacity:"0.8"}),(0,t.jsx)(s.motion.rect,{x:103+70*a,y:79+56*i,width:"44",height:"26",rx:"6",fill:"#22C55E",opacity:"0",animate:{opacity:[0,.15,0]},transition:{duration:2,repeat:1/0,delay:.3*e}}),(0,t.jsx)("rect",{x:99+70*a,y:109+56*i,width:"54",height:"7",rx:"3.5",fill:"#22C55E",opacity:"0.25"})]},e)}),(0,t.jsxs)(s.motion.g,{children:[[1,2,3].map(e=>(0,t.jsx)(s.motion.circle,{cx:"200",cy:"110",r:16*e,fill:"none",stroke:"#22C55E",strokeWidth:"1.5",animate:{scale:[.5,1.5],opacity:[.8,0]},transition:{duration:1.6,repeat:1/0,delay:.28*e,ease:"easeOut"},style:{transformOrigin:"200px 110px"}},e)),(0,t.jsx)(s.motion.circle,{cx:"200",cy:"110",r:"8",fill:"#22C55E",animate:{scale:[1,.8,1]},transition:{duration:.8,repeat:1/0}})]}),(0,t.jsx)("rect",{x:"88",y:"178",width:"224",height:"16",rx:"8",fill:"#22C55E",opacity:"0.2"}),["💳","📱","QR","💰"].map((e,i)=>(0,t.jsx)("text",{x:110+52*i,y:"190",textAnchor:"middle",fontSize:"9",fill:"#4ADE80",fontFamily:"sans-serif",opacity:"0.9",children:e},i))]})},function(){return(0,t.jsxs)("svg",{viewBox:"0 0 400 220",className:"w-full h-full",xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsx)("rect",{width:"400",height:"220",fill:"#0a1628",rx:"14"}),(0,t.jsxs)(s.motion.g,{animate:{y:[0,-5,0]},transition:{duration:4,repeat:1/0,ease:"easeInOut"},style:{transformOrigin:"200px 70px"},children:[(0,t.jsx)("ellipse",{cx:"200",cy:"72",rx:"68",ry:"36",fill:"#1a0f2e",stroke:"#A855F7",strokeWidth:"2"}),(0,t.jsx)("ellipse",{cx:"165",cy:"82",rx:"48",ry:"28",fill:"#1a0f2e",stroke:"#A855F7",strokeWidth:"1.5"}),(0,t.jsx)("ellipse",{cx:"235",cy:"82",rx:"48",ry:"28",fill:"#1a0f2e",stroke:"#A855F7",strokeWidth:"1.5"}),(0,t.jsx)("ellipse",{cx:"200",cy:"90",rx:"80",ry:"26",fill:"#1a0f2e",stroke:"#A855F7",strokeWidth:"1.5"}),(0,t.jsx)("text",{x:"200",y:"78",textAnchor:"middle",fontSize:"11",fontWeight:"bold",fill:"#C084FC",fontFamily:"monospace",children:"OmniCore"}),(0,t.jsx)(s.motion.text,{x:"200",y:"90",textAnchor:"middle",fontSize:"8",fill:"#A855F7",fontFamily:"monospace",opacity:"0.7",animate:{opacity:[.5,1,.5]},transition:{duration:2,repeat:1/0},children:"● LIVE"})]}),[{x:60,y:170},{x:150,y:180},{x:250,y:180},{x:340,y:170}].map(({x:e,y:i},a)=>(0,t.jsxs)("g",{children:[(0,t.jsx)("line",{x1:e,y1:i-20,x2:200,y2:112,stroke:"#A855F7",strokeWidth:"1",strokeDasharray:"4 3",opacity:"0.3"}),(0,t.jsx)(s.motion.circle,{cx:e+(200-e)*.5,cy:(i-20+112)*.5,r:"3",fill:"#A855F7",animate:{cx:[e,200],cy:[i-20,112],opacity:[1,0]},transition:{duration:1.5,repeat:1/0,delay:.4*a}})]},a)),[{x:30,label:"機台A"},{x:118,label:"機台B"},{x:218,label:"機台C"},{x:308,label:"機台D"}].map(({x:e,label:i},a)=>(0,t.jsxs)(s.motion.g,{initial:{opacity:0,y:16}
1,animate:{opacity:1,y:0},transition:{delay:.2+.12*a},children:[(0,t.jsx)("rect",{x:e,y:148,width:"60",height:"42",rx:"8",fill:"#160a2e",stroke:"#A855F7",strokeWidth:"1.2"}),(0,t.jsx)("rect",{x:e,y:148,width:"60",height:"14",rx:"8",fill:"#A855F7",opacity:"0.3"}),(0,t.jsx)("rect",{x:e,y:155,width:"60",height:"7",fill:"#A855F7",opacity:"0.2"}),(0,t.jsx)(s.motion.circle,{cx:e+50,cy:153,r:"4",fill:"#22C55E",animate:{opacity:[1,.3,1]},transition:{duration:1.2,repeat:1/0,delay:.25*a}}),(0,t.jsx)("text",{x:e+30,y:183,textAnchor:"middle",fontSize:"8",fill:"#C084FC",fontFamily:"monospace",opacity:"0.8",children:i})]},a)),[{x:22,y:40,c:"#A855F7"},{x:316,y:40,c:"#7C3AED"}].map(({x:e,y:i,c:a},l)=>(0,t.jsxs)(s.motion.g,{initial:{opacity:0},animate:{opacity:1},transition:{delay:.5+.2*l},children:[(0,t.jsx)("rect",{x:e,y:i,width:"56",height:"36",rx:"7",fill:"#160a2e",stroke:a,strokeWidth:"1.2"}),(0,t.jsx)("rect",{x:e+4,y:i+6,width:"30",height:"5",rx:"2.5",fill:a,opacity:"0.6"}),(0,t.jsx)("rect",{x:e+4,y:i+15,width:"48",height:"4",rx:"2",fill:a,opacity:"0.35"}),(0,t.jsx)("rect",{x:e+4,y:i+23,width:"36",height:"4",rx:"2",fill:a,opacity:"0.25"})]},l))]})},function(){let e=[{x:200,y:110,label:"OmniCore",r:28,c:"#14B8A6",main:!0},{x:80,y:50,label:"ERP",r:20,c:"#14B8A6"},{x:200,y:30,label:"POS",r:20,c:"#14B8A6"},{x:320,y:50,label:"LINE Pay",r:20,c:"#14B8A6"},{x:340,y:150,label:"91APP",r:20,c:"#14B8A6"},{x:240,y:195,label:"Lalamove",r:20,c:"#14B8A6"},{x:100,y:185,label:"EasyCard",r:20,c:"#14B8A6"},{x:50,y:130,label:"Ocard",r:20,c:"#14B8A6"}];return(0,t.jsxs)("svg",{viewBox:"0 0 400 220",className:"w-full h-full",xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsx)("rect",{width:"400",height:"220",fill:"#0a1628",rx:"14"}),e.slice(1).map((e,i)=>(0,t.jsxs)("g",{children:[(0,t.jsx)("line",{x1:"200",y1:"110",x2:e.x,y2:e.y,stroke:"#14B8A6",strokeWidth:"1",strokeDasharray:"5 3",opacity:"0.25"}),(0,t.jsx)(s.motion.circle,{cx:"200",cy:"110",r:"3",fill:"#14B8A6",animate:{cx:[200,e.x],cy:[110,e.y],opacity:[.9,0]},transition:{duration:1.6,repeat:1/0,delay:.3*i,ease:"easeIn"}})]},i)),e.map((e,i)=>(0,t.jsxs)(s.motion.g,{initial:{opacity:0,scale:.6},animate:{opacity:1,scale:1},transition:{duration:.4,delay:.1*i,type:"spring",stiffness:300},style:{transformOrigin:`${e.x}px ${e.y}px`},children:[(0,t.jsx)(s.motion.circle,{cx:e.x,cy:e.y,r:e.r+6,fill:"none",stroke:e.c,strokeWidth:"1",animate:{scale:[1,1.25,1],opacity:[.3,0,.3]},transition:{duration:2.5,repeat:1/0,delay:.35*i},style:{transformOrigin:`${e.x}px ${e.y}px`}}),(0,t.jsx)("circle",{cx:e.x,cy:e.y,r:e.r,fill:e.main?"#0d2e2c":"#0d2020",stroke:e.c,strokeWidth:e.main?2.5:1.5}),(0,t.jsx)("text",{x:e.x,y:e.y+(e.main?4:3),textAnchor:"middle",fontSize:e.main?10:8,fontWeight:"bold",fill:e.main?"#2DD4BF":"#5EEAD4",fontFamily:"monospace",children:e.label})]},i))]})}],v=[{label:"產品設備",labelEn:"Products",labelJa:"製品",href:"#products",icon:"📦"},{label:"AI 平台",labelEn:"Platform",labelJa:"プラットフォーム",href:"#platform",icon:"⚙️"},{label:"成功案例",labelEn:"Cases",labelJa:"導入事例",href:"#cases",icon:"✅"},{label:"聯絡諮詢",labelEn:"Contact",labelJa:"お問い合わせ",href:"#contact",icon:"💬"}];function N({lang:e}){let[a,l]=i.default.useState(!1),[r,o]=i.default.useState(-1);return i.default.useEffect(()=>{let e=()=>{l(window.scrollY>520);let e=["products","platform","cases","contact"],t=-1;for(let i=e.length-1;i>=0;i--){let a=document.getElementById(e[i]);if(a&&window.scrollY>=a.offsetTop-120){t=i;break}}o(t)};return window.addEventListener("scroll",e,{passive:!0}),()=>window.removeEventListener("scroll",e)},[]),(0,t.jsx)(n.AnimatePresence,{children:a&&(0,t.jsx)(s.motion.div,{initial:{y:-48,opacity:0}
1,animate:{y:0,opacity:1},exit:{y:-48,opacity:0},transition:{duration:.32,ease:[.22,1,.36,1]},className:"sticky top-14 z-40 bg-[#0F1B2D]/95 backdrop-blur border-b border-white/10 shadow-lg",children:(0,t.jsxs)("div",{className:"max-w-5xl mx-auto px-4 flex items-center gap-1 h-11 overflow-x-auto scrollbar-none",children:[v.map((i,a)=>(0,t.jsxs)("a",{href:i.href,onClick:e=>{e.preventDefault(),document.getElementById(i.href.slice(1))?.scrollIntoView({behavior:"smooth",block:"start"})},className:`flex items-center gap-1.5 px-3.5 py-1.5 rounded-full text-xs font-bold whitespace-nowrap transition-all duration-200 flex-shrink-0 ${r===a?"bg-[#E8751A] text-white shadow-md shadow-[#E8751A]/30":"text-white/60 hover:text-white hover:bg-white/10"}`,children:[(0,t.jsx)("span",{className:"text-[11px] leading-none",children:i.icon}),"en"===e?i.labelEn:"ja"===e?i.labelJa:i.label]},i.href)),(0,t.jsx)("div",{className:"ml-auto flex-shrink-0",children:(0,t.jsx)("a",{href:"#contact",onClick:e=>{e.preventDefault(),document.getElementById("contact")?.scrollIntoView({behavior:"smooth"})},className:"flex items-center gap-1.5 px-4 py-1.5 rounded-full text-xs font-black bg-[#E8751A]/15 border border-[#E8751A]/40 text-[#f5a87a] hover:bg-[#E8751A] hover:text-white transition-all duration-200 whitespace-nowrap",children:"en"===e?"Get Quote":"ja"===e?"見積依頼":"預約諮詢 →"})})]})},"section-nav")})}function k({lang:e}){return(0,t.jsxs)(s.motion.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.55,delay:.8},className:"mt-10 pt-10 border-t border-white/10",children:[(0,t.jsx)("p",{className:"text-white/35 text-xs font-bold uppercase tracking-widest mb-4",children:"en"===e?"I'm looking for →":"ja"===e?"探している →":"我在找 →"}),(0,t.jsx)("div",{className:"flex flex-wrap gap-3",children:("en"===e?[{label:"GraBox Smart Locker",sub:"AI pickup cabinet",href:"/products/grabox",icon:"🗄️",color:"#1B3A5C"},{label:"Frozen Microwave VM",sub:"24H hot food, unmanned",href:"/products/frozen-microwave",icon:"❄️",color:"#0A9396"},{label:"OmniCore Platform",sub:"Cloud management system",href:"#platform",icon:"⚙️",color:"#5B2D8E"}]:"ja"===e?[{label:"GraBox スマートロッカー",sub:"AI受取キャビネット",href:"/products/grabox",icon:"🗄️",color:"#1B3A5C"},{label:"冷凍電子レンジ自販機",sub:"24Hホットフード・無人",href:"/products/frozen-microwave",icon:"❄️",color:"#0A9396"},{label:"OmniCore プラットフォーム",sub:"クラウド管理システム",href:"#platform",icon:"⚙️",color:"#5B2D8E"}]:[{label:"GraBox AI 智取櫃",sub:"多溫層取餐 · 人臉辨識",href:"/products/grabox",icon:"🗄️",color:"#1B3A5C"},{label:"冷凍微波販賣機",sub:"24H熱食 · 全自動無人",href:"/products/frozen-microwave",icon:"❄️",color:"#0A9396"},{label:"OmniCore 管理平台",sub:"雲端後台 · 多租戶整合",href:"#platform",icon:"⚙️",color:"#5B2D8E"}]).map(e=>(0,t.jsxs)("a",{href:e.href,onClick:t=>{e.href.startsWith("#")&&(t.preventDefault(),document.getElementById(e.href.slice(1))?.scrollIntoView({behavior:"smooth"}))},className:"group flex items-center gap-3 px-4 py-3 rounded-xl border border-white/10 bg-white/[0.04] hover:border-white/25 hover:bg-white/[0.08] transition-all duration-200",children:[(0,t.jsx)("span",{className:"w-9 h-9 rounded-lg flex items-center justify-center text-lg flex-shrink-0",style:{background:`${e.color}66`},children:e.icon}),(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"text-white font-bold text-sm leading-none mb-1 group-hover:text-[#f5a87a] transition-colors",children:e.label}),(0,t.jsx)("div",{className:"text-white/40 text-xs leading-none",children:e.sub})]}),(0,t.jsx)("span",{className:"text-white/25 group-hover:text-white/50 text-sm ml-1 transition-colors",children:"›"})]},e.href))})]})}function E({lang:e}){let[a,l]=i.default.useState(!1);return i.default.useEffect(()=>{let e=()=>l(window.scrollY>300);return window.addEventListener("scroll",e,{passive:!0}),()=>window.removeEventListener("scroll",e)},[]),(0,t.jsx)(n.AnimatePresence,{children:a&&(0,t.jsx)(s.motion.div,{initial:{opacity:0,scale:.7,y:20}
1,animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.7,y:20},transition:{duration:.28,ease:[.22,1,.36,1]},className:"fixed bottom-6 right-5 z-50",children:(0,t.jsxs)("a",{href:"#contact",onClick:e=>{e.preventDefault(),document.getElementById("contact")?.scrollIntoView({behavior:"smooth"})},className:"relative flex items-center gap-2 bg-[#E8751A] text-white font-black text-sm px-5 py-3 rounded-full shadow-xl shadow-[#E8751A]/40 hover:bg-[#d4651a] transition-colors duration-200 group",children:[(0,t.jsx)(s.motion.span,{className:"absolute inset-0 rounded-full border-2 border-[#E8751A]",animate:{scale:[1,1.3,1.6],opacity:[.7,.3,0]},transition:{duration:2,repeat:1/0,ease:"easeOut"}}),(0,t.jsx)("span",{className:"text-base leading-none",children:"💬"}),(0,t.jsx)("span",{className:"relative",children:"en"===e?"Get Quote":"ja"===e?"見積依頼":"預約諮詢"})]})},"float-cta")})}function A(){let e,a,l,c,v,A,C,{lang:F}=(0,r.useLanguage)(),S=g[F]??g.zh,[B,M]=(0,i.useState)(0),[I,O]=(0,i.useState)(0),[P,L]=(0,i.useState)(0),[D,z]=(0,i.useState)(null),[T,W]=(0,i.useState)(null),[G,R]=(0,i.useState)(0);return(0,t.jsx)(h.Provider,{value:W,children:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.AnimatePresence,{children:T&&(0,t.jsxs)(s.motion.div,{initial:{opacity:0}
1,animate:{opacity:1},exit:{opacity:0},transition:{duration:.2},className:"fixed inset-0 z-[9999] bg-black/90 flex items-center justify-center p-4 cursor-zoom-out",onClick:()=>W(null),children:[(0,t.jsx)(s.motion.div,{initial:{scale:.88,opacity:0},animate:{scale:1,opacity:1},exit:{scale:.88,opacity:0},transition:{duration:.22,ease:[.22,1,.36,1]},className:"relative max-w-5xl w-full max-h-[90vh] flex items-center justify-center",onClick:e=>e.stopPropagation(),children:(0,t.jsx)("img",{src:T,alt:"zoom",className:"max-w-full max-h-[88vh] object-contain rounded-xl shadow-2xl"})}),(0,t.jsx)("button",{className:"absolute top-4 right-5 text-white/80 hover:text-white text-3xl font-light leading-none",onClick:()=>W(null),children:"×"})]},"lightbox")}),(0,t.jsxs)("div",{className:"min-h-screen bg-white text-[#1a1a2e] font-sans",children:[(0,t.jsx)("header",{className:"sticky top-0 z-50 bg-white/95 backdrop-blur border-b border-gray-100 shadow-sm",children:(0,t.jsxs)("div",{className:"max-w-6xl mx-auto px-6 h-14 flex items-center justify-between",children:[(0,t.jsxs)("a",{href:"/",className:"flex items-center gap-2",children:[(0,t.jsx)("div",{className:"w-7 h-7 rounded-lg bg-[#1B3A5C] flex items-center justify-center",children:(0,t.jsx)("span",{className:"text-white text-xs font-black",children:"M"})}),(0,t.jsx)("span",{className:"font-bold text-[#1B3A5C] text-sm",children:"MCS 銓幻元科技"})]}),(0,t.jsxs)("div",{className:"flex items-center gap-3",children:[(0,t.jsx)("a",{href:"/",className:"text-xs text-gray-500 hover:text-[#1B3A5C] transition-colors hidden sm:block",children:S.nav.back}),(0,t.jsx)(o.default,{segmented:!0})]})]})}),(0,t.jsxs)("section",{className:"relative pt-24 pb-28 px-6 overflow-hidden",style:{background:"linear-gradient(135deg, #FAFAF8 0%, #F5F0E8 40%, #EDE5D8 100%)"},children:[(0,t.jsx)("div",{className:"absolute inset-0 pointer-events-none",style:{background:"radial-gradient(ellipse 80% 60% at 50% 40%, rgba(201,169,110,0.12) 0%, transparent 65%)"}}),(0,t.jsx)("div",{className:"absolute inset-0 pointer-events-none",style:{background:"radial-gradient(ellipse 50% 40% at 85% 10%, rgba(200,16,46,0.06) 0%, transparent 60%)"}}),(0,t.jsx)("div",{className:"absolute inset-0 opacity-[0.04]",style:{backgroundImage:"linear-gradient(rgba(100,80,50,0.8) 1px, transparent 1px), linear-gradient(90deg, rgba(100,80,50,0.8) 1px, transparent 1px)",backgroundSize:"44px 44px"}}),[...Array(14)].map((e,i)=>{let a=["#C9A96E","#D4B483","#B8952A","#C8102E","#A0845C"],l=2+i%3;return(0,t.jsx)(s.motion.div,{className:"absolute rounded-full pointer-events-none",style:{width:l,height:l,left:`${6.8*i%96+2}%`,top:`${12+5.3*i%76}%`,background:a[i%a.length],opacity:.35},animate:{y:[0,-12,0],opacity:[.15,.45,.15],scale:[1,1.3,1]},transition:{duration:3.2+.42*i,repeat:1/0,ease:"easeInOut",delay:.26*i}},i)}),(0,t.jsx)("div",{className:"absolute top-0 left-0 right-0 h-px",style:{background:"linear-gradient(90deg, transparent 5%, rgba(201,169,110,0.5) 30%, rgba(200,16,46,0.25) 70%, transparent 95%)"}}),(0,t.jsxs)("div",{className:"max-w-5xl mx-auto relative",children:[(0,t.jsxs)(s.motion.div,{initial:{opacity:0,scale:.85},animate:{opacity:1,scale:1},transition:{duration:.55,ease:[.22,1,.36,1]},className:"relative inline-flex mb-7",children:[(0,t.jsx)(s.motion.div,{className:"absolute inset-0 rounded-full",style:{background:"linear-gradient(90deg, #C9A96E, #D4B483, #C8102E, #C9A96E)",backgroundSize:"300% 100%",padding:"1.5px"},animate:{backgroundPosition:["0% 0%","100% 0%","0% 0%"]},transition:{duration:4,repeat:1/0,ease:"linear"}}),(0,t.jsx)("div",{className:"relative bg-white/90 rounded-full px-5 py-2 m-[1.5px]",children:(0,t.jsx)("span",{className:"text-[11px] font-black tracking-[0.22em] uppercase text-[#8B6914]",children:S.hero.badge})})]}),(0,t.jsx)(s.motion.div,{initial:{opacity:0,y:16},animate:{opacity:1,y:0},transition:{duration:.6,delay:.1},className:"mb-6",children:(0,t.jsx)("div",{className:"inline-block px-5 py-2 rounded-full border border-[#C9A96E]/50 bg-[#C9A96E]/10 text-[#8B6914] text-sm font-bold tracking-wide",children:"ja"===F?"オンライン×オフライン × サプライチェーン × 全チャネル+会員を統合する唯一のAI小売OS":"en"===F?"The Only AI Retail OS Integrating Online-Offline × Supply Chain × Omnichannel + Membership":"線上線下 × 供應鏈 × 全通道會員整合的 AI 零售作業系統"})}),(0,t.jsxs)(s.motion.h1,{initial:{opacity:0,y:32}
1,animate:{opacity:1,y:0},transition:{duration:.7,delay:.08,ease:[.22,1,.36,1]},className:"text-5xl md:text-6xl lg:text-7xl font-black leading-[1.06] tracking-tight mb-5 text-[#1a1a2e]",children:[S.hero.title,(0,t.jsx)("br",{}),(0,t.jsx)(s.motion.span,{style:{background:"linear-gradient(105deg, #8B6914 0%, #C9A96E 38%, #D4B483 55%, #8B6914 100%)",backgroundSize:"200% 100%",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent",backgroundClip:"text"},animate:{backgroundPosition:["200% 0","-100% 0"]},transition:{duration:5,repeat:1/0,ease:"linear",repeatDelay:.5},children:S.hero.titleAccent})]}),(0,t.jsx)(s.motion.p,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.65,delay:.22},className:"text-[#5a5a6a] text-base md:text-lg max-w-2xl mb-12 leading-relaxed",children:S.hero.sub}),(0,t.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-5 mb-10 max-w-lg",children:S.hero.stats.map((e,i)=>(0,t.jsx)(s.motion.div,{initial:{opacity:0,y:24},animate:{opacity:1,y:0},transition:{duration:.55,delay:.3+.12*i,ease:[.22,1,.36,1]},className:"group relative",children:(0,t.jsxs)("div",{className:"relative bg-white/80 border border-[#C9A96E]/25 rounded-2xl p-5 md:p-6 overflow-hidden hover:border-[#C9A96E]/60 hover:shadow-lg transition-all duration-300",style:{backdropFilter:"blur(8px)"},children:[(0,t.jsx)("div",{className:"absolute inset-x-0 top-0 h-[1.5px] rounded-t-2xl",style:{background:"linear-gradient(90deg, transparent, rgba(201,169,110,0.7), transparent)"}}),(0,t.jsx)("div",{className:"absolute inset-0 rounded-2xl",style:{background:"radial-gradient(ellipse 70% 50% at 50% 0%, rgba(201,169,110,0.08), transparent 70%)"}}),(0,t.jsx)("div",{className:"text-4xl md:text-5xl font-black text-[#8B6914] leading-none mb-2 relative",children:(0,t.jsx)(f,{target:e.num,duration:2.2})}),(0,t.jsx)("div",{className:"text-[#666] text-sm leading-snug relative font-medium",children:e.label})]})},i))}),S.hero.cta&&(0,t.jsxs)(s.motion.div,{initial:{opacity:0,y:16},animate:{opacity:1,y:0},transition:{duration:.55,delay:.65},className:"flex items-center gap-4 flex-wrap",children:[(0,t.jsxs)("a",{href:"mailto:[email protected]?subject=Demo Request",className:"relative inline-flex items-center gap-2 text-white font-bold px-8 py-3.5 rounded-full text-sm overflow-hidden group/cta",children:[(0,t.jsx)("span",{className:"absolute inset-0 rounded-full bg-[#8B6914] group-hover/cta:bg-[#7a5c10] transition-colors duration-200"}),(0,t.jsx)(s.motion.span,{className:"absolute inset-0 rounded-full",style:{background:"#C9A96E",filter:"blur(14px)",opacity:0},whileHover:{opacity:.55},transition:{duration:.3}}),(0,t.jsx)(s.motion.span,{className:"absolute inset-0 rounded-full border-2 border-[#C9A96E]",animate:{scale:[1,1.25,1.5],opacity:[.6,.2,0]},transition:{duration:2.2,repeat:1/0,ease:"easeOut"}}),(0,t.jsxs)("span",{className:"relative",children:[S.hero.cta," →"]})]}),(0,t.jsx)(s.motion.p,{className:"text-[#aaa] text-xs",initial:{opacity:0}
1,animate:{opacity:1},transition:{delay:.9},children:"ja"===F?"返信は通常 24 時間以内":"en"===F?"Reply within 24 hours":"24 小時內回覆"})]}),(0,t.jsx)(k,{lang:F})]})]}),(0,t.jsx)(N,{lang:F}),(0,t.jsx)("section",{id:"products",className:"py-20 px-6 bg-[#0F1B2D] overflow-hidden",children:(0,t.jsxs)("div",{className:"max-w-5xl mx-auto",children:[(0,t.jsx)(d,{children:(0,t.jsx)("p",{className:"text-xs font-bold uppercase tracking-widest text-[#E8751A] mb-2",children:S.stack.label})}),(0,t.jsx)(d,{delay:.05,children:(0,t.jsx)("h2",{className:"text-3xl md:text-5xl font-black text-white mb-3",children:S.stack.title})}),(0,t.jsx)(d,{delay:.1,children:(0,t.jsx)("p",{className:"text-white/50 mb-12 max-w-2xl",children:S.stack.sub})}),(0,t.jsxs)("div",{className:"flex flex-col md:flex-row gap-5 items-start",children:[(0,t.jsx)("div",{className:"w-full md:w-[38%] flex flex-col gap-2 md:sticky md:top-20 md:self-start",children:S.stack.layers.map((e,i)=>{let a={0:"#3B82F6",1:"#E8751A",2:"#22C55E",3:"#A855F7",4:"#14B8A6"}[i]??"#E8751A",l=I===i,n=w[i];return(0,t.jsxs)(s.motion.button,{onClick:()=>O(i),initial:{opacity:0,x:-16},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{duration:.35,delay:.07*i},className:"w-full text-left rounded-2xl overflow-hidden transition-all duration-200 select-none",style:{border:`2px solid ${l?a:a+"30"}`,background:l?`${a}15`:"rgba(255,255,255,0.03)",boxShadow:l?`0 4px 24px ${a}25`:"none"},children:[(0,t.jsxs)("div",{className:"flex items-center gap-3 px-4 py-3",children:[(0,t.jsx)("span",{className:"text-xs font-black w-8 h-8 rounded-xl flex items-center justify-center flex-shrink-0",style:{background:l?a:`${a}30`,color:"#fff"},children:e.num}),(0,t.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,t.jsx)("div",{className:"font-black text-sm text-white leading-tight",children:e.name}),(0,t.jsx)("div",{className:"text-xs mt-0.5 truncate",style:{color:a,opacity:.7},children:e.en})]}),(0,t.jsx)(s.motion.div,{animate:{opacity:+!!l,x:6*!l},transition:{duration:.2},style:{color:a},children:(0,t.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",children:(0,t.jsx)("path",{d:"M9 18l6-6-6-6"})})})]}),l&&(0,t.jsx)("div",{className:"md:hidden px-3 pb-3 h-32 rounded-xl overflow-hidden",children:(0,t.jsx)(n,{})})]},i)})}),(0,t.jsx)("div",{className:"w-full md:w-[62%] md:sticky md:top-20 md:self-start",children:(0,t.jsx)(n.AnimatePresence,{mode:"wait",children:(e=S.stack.layers[I],a=({0:"#3B82F6",1:"#E8751A",2:"#22C55E",3:"#A855F7",4:"#14B8A6"})[I]??"#E8751A",l=w[I],(0,t.jsxs)(s.motion.div,{initial:{opacity:0,x:20},animate:{opacity:1,x:0},exit:{opacity:0,x:-10},transition:{duration:.28,ease:[.22,1,.36,1]},className:"rounded-2xl overflow-hidden",style:{border:`2px solid ${a}40`,background:"rgba(255,255,255,0.03)"},children:[(0,t.jsxs)("div",{className:"px-5 py-4 flex items-center gap-3",style:{background:`${a}20`,borderBottom:`1px solid ${a}30`},children:[(0,t.jsx)("span",{className:"text-xs font-black px-3 py-1 rounded-full",style:{background:a,color:"#fff"},children:e.num}),(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"font-black text-white text-lg leading-tight",children:e.name}),(0,t.jsx)("div",{className:"text-xs mt-0.5",style:{color:a},children:e.en})]})]}),(0,t.jsx)("div",{className:"p-4 pb-0",style:{aspectRatio:"16/7"},children:(0,t.jsx)("div",{className:"rounded-xl overflow-hidden h-full",children:(0,t.jsx)(l,{})})}),(0,t.jsxs)("div",{className:"p-5",children:[(0,t.jsx)("div",{className:"text-xs font-bold uppercase tracking-wider mb-3",style:{color:a,opacity:.8},children:"ja"===F?"主な機能・対応":"en"===F?"Capabilities":"技術能力"}),(0,t.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-2",children:e.items.map((e,i)=>(0,t.jsxs)(s.motion.div,{initial:{opacity:0,x:-10},animate:{opacity:1,x:0},transition:{duration:.22,delay:.05*i},className:"flex items-center gap-3 rounded-xl px-3.5 py-2.5 select-none",style:{background:`linear-gradient(110deg, ${a}14 0%, ${a}06 100%)`,border:`1px solid ${a}28`,borderLeft:`3px solid ${a}`},children:[(0,t.jsx)("span",{className:"text-[10px] font-black tabular-nums min-w-[18px]",style:{color:a},children:String(i+1).padStart(2,"0")}),(0,t.jsx)("span",{className:"text-xs font-semibold text-white/90 leading-snug flex-1",children:e}),(0,t.jsx)(s.motion.div,{className:"w-1.5 h-1.5 rounded-full flex-shrink-0",style:{background:a}
1,animate:{opacity:[1,.25,1]},transition:{duration:2,repeat:1/0,delay:.28*i}})]},i))})]})]},I))})})]})]})}),(0,t.jsxs)("section",{id:"platform",className:"py-20 px-6 bg-white",children:[(0,t.jsxs)("div",{className:"max-w-5xl mx-auto",children:[(0,t.jsx)(d,{children:(0,t.jsx)("p",{className:"text-xs font-bold uppercase tracking-widest text-[#E8751A] mb-2",children:S.platform.label})}),(0,t.jsx)(d,{delay:.05,children:(0,t.jsx)("h2",{className:"text-3xl md:text-4xl font-black text-[#1B3A5C] mb-3",children:S.platform.title})}),(0,t.jsx)(d,{delay:.1,children:(0,t.jsx)("p",{className:"text-gray-500 mb-10 max-w-2xl",children:S.platform.sub})}),(0,t.jsxs)("div",{className:"flex flex-col md:flex-row gap-4 mb-4 items-start",children:[(0,t.jsx)("div",{className:"w-full md:w-[42%] flex flex-col gap-1.5 md:sticky md:top-20 md:self-start",children:S.platform.features.map((e,i)=>{let a=P===i,l=b[i];return(0,t.jsxs)(s.motion.button,{onClick:()=>L(i),initial:{opacity:0,x:-12},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{duration:.3,delay:.05*i},className:`w-full flex items-center gap-3 px-4 py-3 rounded-xl border-2 transition-all duration-200 text-left group select-none ${a?`${l.light} border-[#E8751A] shadow-md`:"bg-gray-50 border-transparent hover:border-[#E8751A]/40 hover:bg-orange-50/30"}`,children:[(0,t.jsx)("div",{className:`w-1 h-8 rounded-full flex-shrink-0 transition-colors duration-200 ${a?"bg-[#E8751A]":"bg-gray-200 group-hover:bg-[#E8751A]/40"}`}),(0,t.jsx)("div",{className:`w-9 h-9 rounded-lg flex items-center justify-center text-lg flex-shrink-0 transition-all duration-200 ${a?l.color+" shadow-md":"bg-gray-200"}`,children:e.icon}),(0,t.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,t.jsx)("div",{className:`font-bold text-sm leading-tight transition-colors ${a?"text-[#1B3A5C]":"text-gray-700"}`,children:e.name}),(0,t.jsx)("div",{className:`text-xs leading-relaxed mt-0.5 transition-colors line-clamp-1 ${a?"text-gray-500":"text-gray-400"}`,children:e.desc})]}),(0,t.jsx)(s.motion.div,{animate:{opacity:+!!a,x:4*!a},transition:{duration:.2},className:"text-[#E8751A] flex-shrink-0",children:(0,t.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:(0,t.jsx)("path",{d:"M9 18l6-6-6-6"})})})]},i)})}),(0,t.jsx)("div",{className:"w-full md:w-[58%] md:sticky md:top-20 md:self-start",children:(0,t.jsx)(n.AnimatePresence,{mode:"wait",children:(c=S.platform.features[P],v=b[P],A=u[P],(0,t.jsxs)(s.motion.div,{initial:{opacity:0,x:16},animate:{opacity:1,x:0},exit:{opacity:0,x:-8},transition:{duration:.28,ease:[.22,1,.36,1]},className:`rounded-2xl border-2 border-[#E8751A]/30 overflow-hidden ${v.light}`,children:[(0,t.jsxs)("div",{className:`${v.color} px-5 py-4 flex items-center gap-3`,children:[(0,t.jsx)("div",{className:"w-10 h-10 rounded-xl bg-white/20 flex items-center justify-center text-xl flex-shrink-0",children:c.icon}),(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"font-black text-white text-lg leading-tight",children:c.name}),(0,t.jsx)("div",{className:"text-white/70 text-xs mt-0.5",children:c.desc})]})]}),(0,t.jsxs)("div",{className:"p-5 space-y-4",children:[A&&(0,t.jsx)("div",{className:"rounded-xl overflow-hidden shadow-sm",style:{aspectRatio:"2/1"},children:(0,t.jsx)(A,{})}),(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"text-xs font-bold text-[#E8751A] uppercase tracking-wider mb-2",children:"ja"===F?"実際の使用シナリオ":"en"===F?"Real Usage Scenario":"真實使用情境"}),(0,t.jsxs)("div",{className:"bg-white rounded-xl px-4 py-3 text-sm text-gray-700 leading-relaxed border border-gray-100 italic shadow-sm",children:["「",v.scenario[F]??v.scenario.zh,"」"]})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"text-xs font-bold text-[#1B3A5C] uppercase tracking-wider mb-2",children:"ja"===F?"主要機能":"en"===F?"Key Capabilities":"核心能力"}),(0,t.jsx)("ul",{className:"space-y-1.5",children:(v.bullets[F]??v.bullets.zh).map((e,i)=>(0,t.jsxs)("li",{className:"flex items-start gap-2 text-xs text-gray-700",children:[(0,t.jsx)("span",{className:`mt-0.5 w-
15 h-5 rounded-full flex items-center justify-center text-white text-[10px] font-black flex-shrink-0 shadow-sm ${v.color}`,children:i+1}),e]},i))})]})]})]},P))})})]}),(0,t.jsxs)("div",{className:"border border-gray-200 rounded-2xl overflow-hidden",children:[(0,t.jsx)(m,{bg:"bg-[#1B3A5C]",title:"ja"===F?"システム連携エコシステム — 既存システムをそのまま活かす":"en"===F?"Integration Ecosystem — We Connect What You Already Have":"系統串接生態 — 讓你現有的系統全部說同一種語言",accentLine:"#E8751A"}),(0,t.jsxs)("div",{className:"p-6",children:[(0,t.jsxs)("div",{className:"mb-8 rounded-2xl bg-gradient-to-br from-[#1B3A5C] to-[#0F2440] p-6 md:p-8 relative overflow-hidden",children:[(0,t.jsx)("div",{className:"absolute inset-0 pointer-events-none",style:{background:"radial-gradient(ellipse at 80% 50%, rgba(232,117,26,0.12) 0%, transparent 60%)"}}),(0,t.jsxs)("div",{className:"relative z-10",children:[(0,t.jsx)("p",{className:"text-[#E8751A] text-xs font-bold uppercase tracking-widest mb-3",children:"ja"===F?"OmniCore とは":"en"===F?"What OmniCore Is":"OmniCore 核心定位"}),(0,t.jsx)("p",{className:"text-white text-xl md:text-2xl font-black leading-snug mb-3",children:"ja"===F?"既存システムを​置き換えない。​つなぐ。":"en"===F?"Not a replacement.\nA bridge.":"不是要你換掉現有系統​,而是串在中間的 AI 平台"}),(0,t.jsx)("p",{className:"text-white/70 text-sm md:text-base leading-relaxed max-w-2xl",children:"ja"===F?"OmniCoreは新しいサイロではありません。既存のERP・会員・電商・物流システムをつなぐミドルウェアです。社内ITチームを抱える必要はありません。":"en"===F?"OmniCore is the middleware layer that connects your existing ERP, loyalty, e-commerce, and logistics systems — so data flows automatically. No in-house IT team required.":"讓 ERP、會員、電商、物流全部自動流通。企業不需要自養資訊團隊,也不需要打掉重練。"}),(0,t.jsxs)("div",{className:"mt-5 inline-flex items-center gap-2 bg-[#E8751A]/15 border border-[#E8751A]/40 rounded-full px-4 py-2",children:[(0,t.jsx)("span",{className:"w-2 h-2 rounded-full bg-[#E8751A] animate-pulse flex-shrink-0"}),(0,t.jsx)("span",{className:"text-[#f5a87a] text-sm font-bold",children:"ja"===F?"企業 IT コストを大幅に削減":"en"===F?"Substantially lower IT build cost":"企業 IT 建置成本大幅節省"})]})]})]}),(0,t.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-5",children:[{icon:"🏭",title:"en"===F?"ERP Integration":"ja"===F?"ERP連携":"ERP 串接",value:"en"===F?"Inventory auto-syncs — no manual reconciliation":"ja"===F?"在庫自動同期、手動作業不要":"庫存數據自動同步,免人工對帳",items:["富士通 Fujitsu ERP","鼎新 Digiwin","en"===F?"Convenience store mgmt":"超商內部管理平台"]},{icon:"👤",title:"en"===F?"Loyalty & E-Commerce":"ja"===F?"会員・EC":"會員 & 電商",value:"en"===F?"Online order → offline pickup, full OMO loop":"ja"===F?"オンライン注文→オフライン受取のOMO":"線上下單、線下取貨,OMO 閉環完整",items:["Ocard","SHOPLINE","91APP","Pointsoft"]},{icon:"💳",title:"en"===F?"Payment":"ja"===F?"決済":"金流支付",value:"en"===F?"10+ payment methods, one integration":"ja"===F?"10種以上の決済を一元管理":"10+ 種支付,一次整合到位",items:["精誠","悠遊卡 EasyCard","LINE Pay / 街口","Apple/Google Pay","EMV 信用卡"]},{icon:"🚚",title:"en"===F?"Logistics & Venue":"ja"===F?"物流・場域":"物流 & 場域",value:"en"===F?"AI restock predictions auto-trigger dispatch":"ja"===F?"AI補充予測と自動配車を連動":"補貨預測自動觸發車隊調度",items:["Lalamove","en"===F?"TSMC / Garmin employee card":"台積電 / Garmin 員工卡","MPS Japan"]}].map((e,i)=>(0,t.jsxs)("div",{className:"bg-gray-50 rounded-xl p-4 border border-gray-100",children:[(0,t.jsx)("div",{className:"text-2xl mb-2",children:e.icon}),(0,t.jsx)("div",{className:"font-bold text-[#1B3A5C] text-sm mb-1",children:e.title}),(0,t.jsx)("div",{className:"text-[#E8751A] text-xs font-medium mb-3 leading-snug",children:e.value}),(0,t.jsx)("ul",{className:"space-y-1",children:e.items.map((e,i)=>(0,t.jsxs)("li",{className:"flex items-center gap-1.5 text-xs text-gray-500",children:[(0,t.jsx)("span",{className:"w-1 h-1 rounded-full bg-[#E8751A] flex-shrink-0"}),e]}
1,i))})]},i))}),(0,t.jsxs)("div",{className:"flex flex-col sm:flex-row gap-4",children:[(0,t.jsxs)("div",{className:"flex-1 p-5 bg-[#1B3A5C] rounded-2xl",children:[(0,t.jsx)("div",{className:"text-[#E8751A] font-black text-base mb-1.5",children:"en"===F?"💡 No in-house IT team needed":"ja"===F?"💡 社内ITチーム不要":"💡 企業不需要自養資訊團隊"}),(0,t.jsx)("div",{className:"text-white/70 text-sm leading-relaxed",children:"en"===F?"Building an in-house IT team at OmniCore scale is a substantial recurring payroll commitment. OmniCore gives you a usage-based fee — and a system that keeps improving with every device.":"ja"===F?"OmniCoreレベルのITチームを内製すると月額人件費だけで80〜120万台湾ドル以上。OmniCoreなら使った分だけ支払い、設備が増えるほどシステムも賢くなります。":"一個能做 OmniCore 規模系統的資訊團隊,光是月薪就是一筆長期固定支出。OmniCore 讓企業按使用量付費,設備越多、系統越精準。"})]}),(0,t.jsxs)("div",{className:"flex-1 p-5 bg-[#E8751A]/10 border border-[#E8751A]/30 rounded-2xl",children:[(0,t.jsx)("div",{className:"text-[#E8751A] font-black text-base mb-1.5",children:"en"===F?"🔁 Data flows automatically":"ja"===F?"🔁 データが自動で流通":"🔁 資料自動流通,不再孤島"}),(0,t.jsx)("div",{className:"text-gray-600 text-sm leading-relaxed",children:"en"===F?"OmniCore sits in the middle — your ERP, loyalty, e-commerce, and logistics systems talk to each other without manual exports or reconciliation.":"ja"===F?"OmniCoreが中間に入ることで、ERP・会員・EC・物流が自動的に連携。手動のエクスポートや照合作業は不要です。":"OmniCore 串在中間,讓 ERP、會員、電商、物流自動說同一種語言。不需要人工匯出、比對,資料即時同步。"})]})]})]})]})]}),(0,t.jsxs)("div",{className:"max-w-5xl mx-auto mt-14",children:[(0,t.jsxs)(d,{children:[(0,t.jsx)("p",{className:"text-xs font-bold uppercase tracking-widest text-[#E8751A] mb-1",children:"ja"===F?"実際の管理画面":"en"===F?"Live Dashboard":"後台實際畫面"}),(0,t.jsx)("h3",{className:"text-2xl font-black text-[#1B3A5C] mb-6",children:"ja"===F?"OmniCore — 実際の操作UI":"en"===F?"OmniCore in Action":"OmniCore 後台操作介面"})]}),(0,t.jsxs)("div",{className:"flex flex-col md:flex-row gap-5 items-start",children:[(0,t.jsx)("div",{className:"w-full md:w-[36%] flex flex-col gap-2.5 md:sticky md:top-20 md:self-start",children:j.map((e,i)=>{let a=G===i;return(0,t.jsxs)(s.motion.button,{onClick:()=>R(i),initial:{opacity:0,x:-12},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{duration:.3,delay:.06*i},className:`w-full text-left rounded-2xl border-2 transition-all duration-200 overflow-hidden ${a?"border-[#E8751A] shadow-xl bg-[#FFF8F4]":"border-gray-100 bg-gray-50 hover:border-[#E8751A]/30 hover:bg-orange-50/20"}`,children:[(0,t.jsxs)("div",{className:`px-4 py-3 flex items-center gap-3 ${a?"bg-[#E8751A]":"bg-transparent"}`,children:[(0,t.jsx)("span",{className:"text-xl",children:e.icon}),(0,t.jsx)("span",{className:`font-black text-sm leading-tight ${a?"text-white":"text-[#1B3A5C]"}`,children:e.label[F]??e.label.zh}),a&&(0,t.jsx)(s.motion.div,{className:"ml-auto w-2 h-2 rounded-full bg-white",animate:{opacity:[1,.3,1]},transition:{duration:1.2,repeat:1/0}})]}),(0,t.jsx)(n.AnimatePresence,{initial:!1,children:a&&(0,t.jsx)(s.motion.div,{initial:{opacity:0,height:0},animate:{opacity:1,height:"auto"},exit:{opacity:0,height:0},transition:{duration:.22},className:"overflow-hidden",children:(0,t.jsxs)("div",{className:"px-4 py-3",children:[(0,t.jsx)("p",{className:"text-xs text-gray-500 leading-relaxed mb-3",children:e.desc[F]??e.desc.zh}),(0,t.jsx)("div",{className:"flex gap-2",children:e.stats.map((e,i)=>(0,t.jsxs)("div",{className:"flex-1 bg-white rounded-xl p-2 border border-orange-100 text-center shadow-sm",children:[(0,t.jsx)("div",{className:"font-black text-sm text-[#E8751A] leading-tight",children:e.value}),(0,t.jsx)("div",{className:"text-[9px] text-gray-400 mt-0.5 leading-tight",children:e.label[F]??e.label.zh})]},i))})]})},"content")})]},i)})}),(0,t.jsx)("div",{className:"flex-1 md:sticky md:top-20 md:self-start",children:(0,t.jsx)(n.AnimatePresence,{mode:"wait",children:(C=j[G].Dashboard,(0,t.jsxs)(s.motion.div,{initial:{opacity:0,y:18}
1,animate:{opacity:1,y:0},exit:{opacity:0,y:-18},transition:{duration:.3,ease:[.22,1,.36,1]},className:"rounded-2xl overflow-hidden border border-gray-200 shadow-2xl bg-[#0d1117]",children:[(0,t.jsxs)("div",{className:"bg-[#161b22] px-4 py-2.5 flex items-center gap-2 border-b border-white/10",children:[(0,t.jsx)("span",{className:"w-2.5 h-2.5 rounded-full bg-[#ff5f57]"}),(0,t.jsx)("span",{className:"w-2.5 h-2.5 rounded-full bg-[#ffbd2e]"}),(0,t.jsx)("span",{className:"w-2.5 h-2.5 rounded-full bg-[#28c840]"}),(0,t.jsxs)("div",{className:"flex-1 mx-3 bg-white/8 rounded px-2 py-0.5 text-[9px] text-white/30 font-mono select-none",children:["omnicore.mcstation.ai / ",["devices","analytics","inventory","promotions"][G]]}),(0,t.jsx)(s.motion.span,{className:"text-[9px] text-[#22C55E] font-mono select-none",animate:{opacity:[1,.3,1]},transition:{duration:1.5,repeat:1/0},children:"● LIVE"})]}),(0,t.jsx)("div",{style:{aspectRatio:"480 / 280"},children:C(F)})]},G))})})]})]})]}),(0,t.jsx)("section",{className:"py-20 px-6 bg-[#0F2440]",children:(0,t.jsxs)("div",{className:"max-w-5xl mx-auto",children:[(0,t.jsxs)(d,{children:[(0,t.jsx)(s.motion.p,{initial:{opacity:0,y:10},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.4},className:"text-sm font-black uppercase tracking-[0.2em] text-[#E8751A] mb-3",children:S.ebplus.label}),(0,t.jsxs)(s.motion.h2,{initial:{opacity:0,x:-24},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{duration:.55,ease:[.22,1,.36,1]},className:"text-4xl md:text-6xl font-black text-white leading-tight mb-4 relative",children:[S.ebplus.title,(0,t.jsx)(s.motion.span,{className:"absolute inset-0 pointer-events-none",style:{background:"linear-gradient(105deg, transparent 35%, rgba(232,117,26,0.18) 50%, transparent 65%)",backgroundSize:"200% 100%"},animate:{backgroundPosition:["200% 0","-100% 0"]},transition:{duration:3.5,repeat:1/0,ease:"linear",repeatDelay:1.5}})]}),(0,t.jsxs)(s.motion.div,{initial:{opacity:0,y:8},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.4,delay:.15},className:"flex flex-wrap items-center gap-3 mb-4",children:[(0,t.jsx)(s.motion.span,{animate:{scale:[1,1.04,1]},transition:{duration:2.5,repeat:1/0,ease:"easeInOut"},className:"bg-[#E8751A] text-white text-sm font-black px-4 py-1.5 rounded-full shadow-lg shadow-[#E8751A]/30",children:S.ebplus.badge}),(0,t.jsx)("span",{className:"bg-white/10 border border-white/20 text-white text-sm font-bold px-4 py-1.5 rounded-full",children:S.ebplus.roleChip})]}),(0,t.jsx)("p",{className:"text-white/70 mb-3 max-w-3xl",children:S.ebplus.sub}),(0,t.jsx)("div",{className:"bg-[#E8751A]/15 border border-[#E8751A]/30 rounded-xl px-4 py-2.5 mb-8 max-w-3xl",children:(0,t.jsx)("p",{className:"text-[#f5a87a] text-sm font-semibold",children:S.ebplus.roleNote})})]}),(0,t.jsxs)("div",{className:"grid md:grid-cols-2 gap-8 items-start",children:[(0,t.jsxs)(d,{delay:.1,children:[(0,t.jsx)("div",{className:"grid grid-cols-2 gap-4 mb-6",children:S.ebplus.stats.map((e,i)=>(0,t.jsxs)("div",{className:"bg-white/8 border border-white/15 rounded-xl p-4 text-center",children:[(0,t.jsx)("div",{className:"text-xl md:text-2xl font-black text-[#E8751A] leading-tight mb-1",children:e.num}),(0,t.jsx)("div",{className:"text-white/50 text-xs leading-snug",children:e.label})]},i))}),(0,t.jsx)("div",{className:"space-y-2.5",children:S.ebplus.features.map((e,i)=>(0,t.jsxs)("div",{className:"flex items-start gap-3 bg-white/5 border border-white/10 rounded-xl px-4 py-3",children:[(0,t.jsx)("span",{className:"text-[#E8751A] font-bold text-sm flex-shrink-0 mt-0.5",children:"✓"}),(0,t.jsx)("span",{className:"text-white/80 text-sm",children:e})]},i))})]}),(0,t.jsx)(d,{delay:.15,children:(0,t.jsxs)("div",{className:"rounded-2xl overflow-hidden border border-white/15 bg-white/5",children:[(0,t.jsxs)("div",{className:"bg-[#1B3A5C] px-5 py-3 flex items-center gap-2",children:[(0,t.jsx)("span",{className:"text-white font-bold text-sm",children:"OmniCore"}),(0,t.jsx)("span",{className:"text-white/40 text-xs",children:"—"}),(0,t.jsx)("span",{className:"text-white/60 text-xs",children:"ja"===F?"東方美グループ 専用テナント":"en"===F?"EB+ Group Tenant":"東方美集團 專屬租戶"})]}),(0,t.jsx)("div",{className:"p-5 space-y-3",children:[{icon:"📱",label:"ja"===F?"LINE LIFF 注文":"en"===F?"LINE LIFF Order":"LINE LIFF 點餐",detail
1:"ja"===F?"顧客がLINEでメニュー注文→受取時間選択→決済":"en"===F?"Customer orders via LINE → picks up time → payment":"客人用 LINE 點餐 → 選取餐時間 → 付款"},{icon:"📦",label:"ja"===F?"GraBox 自動取出":"en"===F?"GraBox Self-Pickup":"GraBox 自助取餐",detail:"ja"===F?"QRコードでロッカー自動開錠→行列不要→UV除菌済み":"en"===F?"QR → locker auto-opens → no queue → UV sterilized":"QR 碼 → 格子自動開啟 → 免等叫號 → UV 殺菌"},{icon:"🚚",label:"ja"===F?"多台 配送車 GPS 管理":"en"===F?"Multi-Vehicle GPS Fleet":"多台配送車 GPS 調度",detail:"ja"===F?"全配送車をリアルタイムGPS追跡・ルート最適化・到着予測":"en"===F?"Real-time GPS tracking, route optimization, ETA prediction":"即時 GPS 追蹤、路線優化、到達時間預測"},{icon:"🏪",label:"ja"===F?"全店舗 在庫監視":"en"===F?"All-Store Inventory Monitor":"全門市庫存監控",detail:"ja"===F?"全店の在庫水準・補充タイミング・食安温度を一元管理":"en"===F?"All-store inventory, restocking timing, food-safety temperature in one view":"全門市庫存、補貨時機、食安溫控一鍵掌握"}].map((e,i)=>(0,t.jsxs)("div",{className:"flex items-start gap-3 bg-white/5 rounded-xl px-4 py-3",children:[(0,t.jsx)("span",{className:"text-xl flex-shrink-0",children:e.icon}),(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"text-white font-bold text-sm",children:e.label}),(0,t.jsx)("div",{className:"text-white/45 text-xs leading-relaxed mt-0.5",children:e.detail})]})]},i))}),(0,t.jsx)("div",{className:"px-5 pb-5",children:(0,t.jsxs)("div",{className:"bg-[#E8751A]/20 border border-[#E8751A]/40 rounded-xl px-4 py-3",children:[(0,t.jsx)("div",{className:"text-[#f5a87a] text-xs font-bold mb-1",children:"ja"===F?"コスト比較":"en"===F?"Cost Comparison":"成本比較"}),(0,t.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,t.jsxs)("div",{className:"text-center flex-1",children:[(0,t.jsx)("div",{className:"text-red-400 font-black text-base",children:"ja"===F?"自社構築 IT":"en"===F?"Self-build IT":"自建 IT"}),(0,t.jsx)("div",{className:"text-white/50 text-[11px] font-semibold mt-0.5",children:"ja"===F?"基準コスト 100%":"en"===F?"Baseline: 100%":"基準成本 100%"})]}),(0,t.jsxs)("div",{className:"flex flex-col items-center gap-0.5 flex-shrink-0",children:[(0,t.jsx)("div",{className:"text-white/30 text-xl font-bold",children:"→"}),(0,t.jsx)("div",{className:"text-[9px] text-white/25 font-mono",children:"ja"===F?"導入後":"en"===F?"with OmniCore":"導入後"})]}),(0,t.jsxs)("div",{className:"text-center flex-1",children:[(0,t.jsx)("div",{className:"text-green-400 font-black text-2xl leading-tight",children:"5–12%"}),(0,t.jsx)("div",{className:"text-white/50 text-[11px] font-semibold mt-0.5",children:"ja"===F?"原価の5〜12%で運用":"en"===F?"of original IT cost":"原有成本的 5~12%"})]})]})]})})]})})]})]})}),(0,t.jsx)("section",{className:"py-16 px-6 bg-[#1a1a2e]",children:(0,t.jsxs)("div",{className:"max-w-5xl mx-auto",children:[(0,t.jsxs)(d,{children:[(0,t.jsx)(s.motion.p,{initial:{opacity:0,y:10},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.4},className:"text-sm font-black uppercase tracking-[0.2em] text-[#E8751A] mb-3",children:S.xiangyao.label}),(0,t.jsxs)(s.motion.h2,{initial:{opacity:0,x:-24},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{duration:.55,ease:[.22,1,.36,1]},className:"text-4xl md:text-6xl font-black text-white leading-tight mb-4 relative",children:[S.xiangyao.title,(0,t.jsx)(s.motion.span,{className:"absolute inset-0 pointer-events-none",style:{background:"linear-gradient(105deg, transparent 35%, rgba(91,45,142,0.22) 50%, transparent 65%)",backgroundSize:"200% 100%"},animate:{backgroundPosition:["200% 0","-100% 0"]},transition:{duration:3.5,repeat:1/0,ease:"linear",repeatDelay:1.5}})]}),(0,t.jsx)(s.motion.div,{initial:{opacity:0,y:8},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.4,delay:.15},className:"mb-4",children:(0,t.jsx)(s.motion.span,{animate:{scale:[1,1.04,1]},transition:{duration:2.5,repeat:1/0,ease:"easeInOut"},className:"bg-[#5B2D8E] text-white text-sm font-black px-4 py-1.5 rounded-full shadow-lg shadow-purple-900/40 inline-block",children:S.xiangyao.badge})}),(0,t.jsx)("p",{className:"text-white/65 mb-8 max-w-2xl",children:S.xiangyao.sub})]}),(0,t.jsxs)("div",{className:"grid md:grid-cols-2 gap-8",children:[(0,t.jsxs)(d,{delay:.1,children:[(0,t.jsx)("div",{className:"grid grid-cols-3 gap-4 mb-6",children:S.xiangyao.stats.map((e,i)=>(0,t.jsxs)("div",{className:"bg-[#5B2D8E]/20 border border-[#5B2D8E]/40 rounded-xl p-4 text-center",children:[(0,t.jsx)("div",{className:"text-white font-black text-sm leading-tight mb-1",children:e.num}),(0,t.jsx)("div",{className:"text-white/45 text-[10px] leading-snug",children:e.label})]},i))}),(0,t.jsx)("div",{className:"space-y-2.5",children:S.xiangyao.features.map((e,i)=>(0,t.jsxs)("div",{className:"flex items-start gap-3 bg-white/5 border border-white/10 rounded-xl px-4 py-3",children:[(0,t.jsx)("span",{className:"text-[#5B2D8E] font-bold text-sm flex-shrink-0 mt-0.5 bg-[#5B2D8E]/30 rounded-full w-5 h-5 flex items-center justify-center text-[10px]",children:i+1}),(0,t.jsx)("span",{className:"text-white/75 text-sm",children:e})]},i))})]}),(0,t.jsx)(d,{delay:.15,children:(0,t.jsxs)("div",{className:"rounded-2xl border border-white/15 bg-white/5 p-5 h-full flex flex-col justify-center",children:[(0,t.jsx)("div",{className:"text-white/40 text-xs font-bold uppercase tracking-wider mb-4",children:"ja"===F?"協業モデル":"en"===F?"Partnership Model":"合作模式"}),[{from:"ja"===F?"上場会社パートナーが提供":"en"===F?"Listed Partner provides":"上市集團提供",item:"ja"===F?"特定施設へのアクセス権":"en"===F?"Targeted venue access":"特定場域進場能力",color:"bg-[#5B2D8E]/30 text-[#c084fc]"},{from:"ja"===F?"MCSが提供":"en"===F?"MCS provides":"MCS 提供",item:"ja"===F?"機器 + OmniCoreプラットフォーム":"en"===F?"Equipment + OmniCore platform":"設備 + OmniCore 平台",color:"bg-[#E8751A]/20 text-[#f5a87a]"},{from:"ja"===F?"収益配分":"en"===F?"Revenue split":"收益分潤",item:"ja"===F?"GMVベースの成果比例分配":"en"===F?"Proportional (GMV-based)":"按 GMV 比例分潤",color:"bg-green-500/20 text-green-400"}].map((e,i)=>(0,t.jsxs)("div",{className:"mb-3",children:[(0,t.jsx)("div",{className:"text-white/35 text-[10px] font-bold uppercase mb-1",children:e.from}),(0,t.jsx)("div",{className:`${e.color} rounded-xl px-4 py-2.5 font-semibold text-sm`,children:e.item})]},i)),(0,t.jsx)("div",{className:"mt-2 bg-white/5 border border-white/10 rounded-xl px-4 py-3",children:(0,t.jsx)("div",{className:"text-white/50 text-xs",children:"ja"===F?"🏢 上場会社パートナー — MCSとの技術提携がESG・AI導入ストーリーを強化":"en"===F?"🏢 Listed company partner — MCS technology partnership strengthens ESG + AI story":"🏢 上市集團合作夥伴 — MCS 技術合作強化 ESG + AI 賦能故事"})})]})})]})]})}),(0,t.jsx)("section",{className:"py-20 px-6 bg-[#1B3A5C]",children:(0,t.jsxs)("div",{className:"max-w-5xl mx-auto",children:[(0,t.jsxs)(d,{children:[(0,t.jsxs)("div",{className:"flex items-center gap-3 mb-2",children:[(0,t.jsx)("p",{className:"text-xs font-bold uppercase tracking-widest text-[#E8751A]",children:S.weche.label}),(0,t.jsx)("span",{className:"bg-[#E8751A] text-white text-[10px] font-bold px-3 py-1 rounded-full",children:S.weche.badge})]}),(0,t.jsx)("h2",{className:"text-3xl md:text-4xl font-black text-white mb-3",children:S.weche.title}),(0,t.jsx)("p",{className:"text-white/60 mb-10 max-w-2xl",children:S.weche.sub})]}),(0,t.jsxs)("div",{className:"grid md:grid-cols-2 gap-8 items-start",children:[(0,t.jsxs)("div",{className:"grid grid-cols-2 gap-3",children:[(0,t.jsx)("div",{className:"col-span-2 rounded-xl overflow-hidden bg-gray-800 relative",style:{aspectRatio:"16/7"},children:(0,t.jsx)(p,{src:"/images/intro/weche-official-group.jpg",alt:"MCS × 台灣製造夥伴 官方合影",fill:!0,className:"object-cover object-center"})}),(0,t.jsx)("div",{className:"rounded-xl overflow-hidden aspect-video bg-gray-800 relative",children:(0,t.jsx)(p,{src:"/images/intro/weche-japan-visit-1.jpg",alt:"日本首都高速代表團參訪台灣製造工廠",fill:!0,className:"object-cover"})}),(0,t.jsx)("div",{className:"rounded-xl overflow-hidden aspect-video bg-gray-800 relative",children:(0,t.jsx)(p,{src:"/images/intro/weche-japan-visit-2.jpg",alt:"MIT 設備現場驗證",fill:!0,className:"object-cover"})}),(0,t.jsxs)("div",{className:"col-span-2 bg-[#E8751A]/20 border border-[#
1E8751A]/40 rounded-xl px-4 py-3",children:[(0,t.jsx)("div",{className:"text-[#f5a87a] text-xs font-bold",children:"📸 2024.10.18"}),(0,t.jsx)("div",{className:"text-white text-sm font-semibold mt-0.5",children:"ja"===F?"首都高速道路㈱の視察団が台湾製造工場を訪問 — MIT設備を直接確認":"en"===F?"Shuto Expressway delegation visited MCS Taiwan factory — MIT equipment verified on-site":"日本首都高速代表團親訪台灣製造工廠 — MIT 設備現場驗證"})]}),(0,t.jsxs)("div",{className:"col-span-2 rounded-xl overflow-hidden bg-black",children:[(0,t.jsx)("video",{src:"/videos/mit-japan-visit.mp4",controls:!0,playsInline:!0,preload:"metadata",className:"w-full rounded-xl",poster:"/images/intro/thumb-mit-japan-visit.jpg"}),(0,t.jsx)("div",{className:"px-3 py-2 bg-black/80 rounded-b-xl",children:(0,t.jsx)("div",{className:"text-white/50 text-xs",children:"ja"===F?"▶ 首都高速道路視察動画(2024.10.18)─ 全品目 MIT 台湾製造":"en"===F?"▶ Shuto Expressway factory visit (2024.10.18) — All MIT, Made in Taiwan":"▶ 日本首都高速代表團參訪影片(2024.10.18)─ 全部 MIT 台灣製造"})})]}),(0,t.jsxs)("div",{className:"col-span-2 rounded-xl overflow-hidden bg-black mt-1",children:[(0,t.jsx)("video",{src:"/videos/weche-safety-test.mp4",controls:!0,playsInline:!0,preload:"metadata",className:"w-full rounded-xl",poster:"/images/intro/thumb-weche-safety-test.jpg"}),(0,t.jsx)("div",{className:"px-3 py-2 bg-black/80 rounded-b-xl",children:(0,t.jsx)("div",{className:"text-white/50 text-xs",children:"ja"===F?"▶ MCS 安全性能テスト ─ 出荷前の全機器品質検証プロセス":"en"===F?"▶ MCS Safety Performance Test — Pre-shipment full-unit QC process":"▶ MCS 安全性能測試 ─ 出貨前整機品質驗收流程"})})]}),(0,t.jsxs)("div",{className:"col-span-2 rounded-xl overflow-hidden bg-black mt-1",children:[(0,t.jsx)("video",{src:"/videos/weche-oem-factory.mp4",controls:!0,playsInline:!0,preload:"metadata",className:"w-full rounded-xl",poster:"/images/intro/thumb-weche-oem-factory.jpg"}),(0,t.jsx)("div",{className:"px-3 py-2 bg-black/80 rounded-b-xl",children:(0,t.jsx)("div",{className:"text-white/50 text-xs",children:"ja"===F?"▶ MCS 台湾製造工場起動 ─ 製造ライン立上げ・量産準備(2024.12)":"en"===F?"▶ MCS Taiwan Factory Launch — Production line setup & mass production prep (Dec 2024)":"▶ MCS 台灣製造工廠啟動 ─ 生產線建立 × 量產準備(2024.12)"})})]})]}),(0,t.jsx)("div",{className:"space-y-4",children:S.weche.points.map((e,i)=>(0,t.jsx)("div",{className:"bg-white/10 border border-white/15 rounded-xl p-5",children:(0,t.jsxs)("div",{className:"flex items-start gap-3",children:[(0,t.jsx)("span",{className:"text-2xl flex-shrink-0",children:e.icon}),(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"font-bold text-white mb-1",children:e.title}),(0,t.jsx)("div",{className:"text-white/60 text-sm leading-relaxed",children:e.desc})]})]})},i))})]})]})}),(0,t.jsx)("section",{id:"cases",className:"py-20 px-6 bg-white",children:(0,t.jsxs)("div",{className:"max-w-5xl mx-auto",children:[(0,t.jsxs)(d,{children:[(0,t.jsx)("p",{className:"text-xs font-bold uppercase tracking-widest text-[#E8751A] mb-2",children:S.cases.label}),(0,t.jsx)("h2",{className:"text-3xl md:text-4xl font-black text-[#1B3A5C] mb-3",children:S.cases.title}),(0,t.jsx)("p",{className:"text-gray-500 mb-12 max-w-2xl",children:S.cases.sub})]}),(0,t.jsx)(d,{delay:.1,children:(0,t.jsxs)("div",{className:"mb-12 border border-gray-200 rounded-2xl overflow-hidden",children:[(0,t.jsx)(x,{color:"bg-[#007B40]",badge:S.cases.fm.badge,title:S.cases.fm.title,accentLine:"#FFD700",extra:S.cases.fm.tabs.map((e,i)=>(0,t.jsx)("button",{onClick:()=>M(i),className:`px-4 py-1.5 rounded-full text-xs font-bold transition-all ${B===i?"bg-white text-[#007B40]":"bg-white/20 text-white hover:bg-white/30"}`,children:e},i))}),0===B?(0,t.jsxs)("div",{className:"p-6",children:[(0,t.jsx)("h3",{className:"font-black text-lg text-[#1B3A5C] mb-3",children:S.cases.fm.vendingTitle}),(0,t.jsx)("p",{className:"text-gray-600 text-sm leading-relaxed mb-4",children:S.cases.fm.vendingDesc}),(0,t.jsx)("ul",{className:"space-y-2",children:S.cases.fm.vendingStats.map((e,i)=>(0,t.jsxs)("li",{className:"flex items-center gap-2 text-sm text-[#1B3A5C] font-semibold",children:[(0,t.jsx)("span",{className:"w-2 h-2 rounded-full bg-[#007B40] flex-shrink-0"}),e]}
1,i))})]}):(0,t.jsxs)("div",{className:"p-6",children:[(0,t.jsx)("h3",{className:"font-black text-lg text-[#1B3A5C] mb-3",children:S.cases.fm.pickupTitle}),(0,t.jsx)("p",{className:"text-gray-600 text-sm leading-relaxed mb-4",children:S.cases.fm.pickupDesc}),(0,t.jsx)("ul",{className:"space-y-2",children:S.cases.fm.pickupStats.map((e,i)=>(0,t.jsxs)("li",{className:"flex items-center gap-2 text-sm text-[#1B3A5C] font-semibold",children:[(0,t.jsx)("span",{className:"w-2 h-2 rounded-full bg-[#007B40] flex-shrink-0"}),e]},i))})]})]})}),(0,t.jsx)(d,{delay:.1,children:(0,t.jsxs)("div",{className:"mb-12 border border-gray-200 rounded-2xl overflow-hidden",children:[(0,t.jsx)(x,{color:"bg-[#0A9396]",badge:S.cases.frozen.badge,title:S.cases.frozen.title,accentLine:"#7FFFD4"}),(0,t.jsxs)("div",{className:"p-6",children:[(0,t.jsxs)("div",{className:"grid md:grid-cols-2 gap-6 items-start mb-6",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{className:"text-[#E8751A] text-xs font-bold uppercase tracking-widest mb-2",children:S.cases.frozen.label}),(0,t.jsx)("p",{className:"text-gray-600 text-sm leading-relaxed mb-4",children:S.cases.frozen.sub}),(0,t.jsx)("ul",{className:"space-y-2 mb-4",children:S.cases.frozen.stats.map((e,i)=>(0,t.jsxs)("li",{className:"flex items-center gap-2 text-sm text-[#1B3A5C] font-semibold",children:[(0,t.jsx)("span",{className:"w-2 h-2 rounded-full bg-[#0A9396] flex-shrink-0"}),e]},i))}),(0,t.jsxs)("div",{className:"inline-flex items-center gap-2 bg-[#0A9396]/10 border border-[#0A9396]/30 rounded-full px-3 py-1.5",children:[(0,t.jsx)("span",{className:"text-[#0A9396] text-xs font-bold",children:"📺"}),(0,t.jsx)("span",{className:"text-[#0A9396] text-xs font-semibold",children:"ja"===F?"民放TV(八大民生新聞)で特集報道":"en"===F?"Featured on Taiwan TV News (Eight Network)":"台灣八大民生新聞專題報道"})]})]}),(0,t.jsx)("div",{className:"rounded-xl overflow-hidden bg-black",style:{aspectRatio:"16/9"},children:(0,t.jsx)("video",{src:"/videos/huiju-tv-news.mp4",controls:!0,playsInline:!0,preload:"metadata",className:"w-full h-full object-cover",poster:"/images/intro/huiju-cu-ice-jp.jpg"})})]}),(0,t.jsxs)("div",{className:"grid grid-cols-2 md:grid-cols-3 gap-3 mb-4",children:[(0,t.jsxs)("div",{className:"col-span-2 md:col-span-3 rounded-xl overflow-hidden bg-gray-100 relative",style:{aspectRatio:"3/1"},children:[(0,t.jsx)(p,{src:"/images/intro/huiju-foodcourt-render.jpg",alt:"美食街 4 品牌智販機概念",fill:!0,className:"object-cover object-center"}),(0,t.jsx)("div",{className:"absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/60 to-transparent px-4 py-3",children:(0,t.jsx)("span",{className:"text-white text-xs font-semibold",children:"ja"===F?"フードコート向け4ブランド展開コンセプト":"en"===F?"4-brand food court deployment concept":"美食街 4 品牌智販機場域概念"})})]}),(0,t.jsx)("div",{className:"rounded-xl overflow-hidden aspect-square relative bg-gray-100",children:(0,t.jsx)(p,{src:"/images/intro/huiju-longyan-neon.jpg",alt:"龍涎居冷凍機 neon燈場域",fill:!0,className:"object-cover"})}),(0,t.jsx)("div",{className:"rounded-xl overflow-hidden aspect-square relative bg-gray-100",children:(0,t.jsx)(p,{src:"/images/intro/huiju-cu-ice-jp.jpg",alt:"CU冰棒冷凍販賣機(日文版)",fill:!0,className:"object-cover"})}),(0,t.jsx)("div",{className:"rounded-xl overflow-hidden aspect-square relative bg-gray-100",children:(0,t.jsx)(p,{src:"/images/intro/huiju-gaibang-expo.jpg",alt:"巧幫滷味智販機展覽現場",fill:!0,className:"object-cover"})}),(0,t.jsx)("div",{className:"rounded-xl overflow-hidden aspect-square relative bg-gray-100",children:(0,t.jsx)(p,{src:"/images/intro/huiju-longyan-side.jpg",alt:"龍涎居冷凍機側面",fill:!0,className:"object-cover"})}),(0,t.jsx)("div",{className:"rounded-xl overflow-hidden aspect-square relative bg-gray-100",children:(0,t.jsx)(p,{src:"/images/intro/huiju-two-machines.jpg",alt:"冰棒機+滷味機 商業空間",fill:!0,className:"object-cover"})}),(0,t.jsx)("div",{className:"rounded-xl overflow-hidden aspect-square relative bg-gray-100",children:(0,t.jsx)(p,{src:"/images/intro/huiju-temple-deploy.jpg",alt:"龍涎居 廟宇通道實地部署",fill:!0,className:"object-cover"})})]}),(0,t.jsxs)("div",{className:"bg-[#0A9396]/10 border border-[#0A9396]/25 rounded-xl px-4 py-3",children:[(0,t.jsx)("p",{className:"text-[#0A9396] text-xs font-bold mb-1",children:"ja"===F?"冷凍・
1冷蔵自販機のフランチャイズ運営向けソリューション":"en"===F?"Chilled + frozen vending solutions for franchise operators":"冷藏 / 冷凍智販機的加盟營運解決方案"}),(0,t.jsx)("p",{className:"text-gray-500 text-xs",children:"ja"===F?"複数のF&Bブランド向けに冷凍自販機ソリューションを提供。くじ引き機能など独自のエンゲージメントモジュールにも対応。":"en"===F?"Frozen vending solutions supporting multi-brand F&B deployments, with custom gamification modules for customer engagement.":"可支援多個餐飲品牌的冷凍智販機部署,並提供抽獎互動遊戲模組等客製功能,提升客單率。"})]})]})]})}),(0,t.jsx)(d,{delay:.1,children:(0,t.jsxs)("div",{className:"space-y-8 mb-12",children:[(0,t.jsxs)(s.motion.div,{whileHover:{y:-2},transition:{duration:.2},className:"border border-gray-200 rounded-2xl overflow-hidden",children:[(0,t.jsx)(x,{color:"bg-[#1B3A5C]",badge:S.cases.mwd.badge,title:S.cases.mwd.title,accentLine:"#E8751A"}),(0,t.jsxs)("div",{className:"p-5",children:[(0,t.jsxs)("div",{className:"grid grid-cols-2 gap-3 mb-3",children:[(0,t.jsx)("div",{className:"rounded-xl overflow-hidden aspect-video relative bg-gray-100",children:(0,t.jsx)("video",{src:"/images/cases/mwd/grabox-operation-demo.mp4",autoPlay:!0,muted:!0,loop:!0,playsInline:!0,className:"w-full h-full object-cover"})}),(0,t.jsx)("div",{className:"rounded-xl overflow-hidden aspect-video relative bg-gray-100",children:(0,t.jsx)(p,{src:"/images/cases/mwd/franchise-expo-2026.jpg",alt:"麥味登加盟展 GraBox 展示",fill:!0,className:"object-cover"})})]}),(0,t.jsx)("div",{className:"rounded-xl overflow-hidden bg-gray-100 relative mb-3",style:{aspectRatio:"21/9"},children:(0,t.jsx)(p,{src:"/images/intro/mwd-store-live.jpg",alt:"麥味登門市 My Express 實際部署",fill:!0,className:"object-cover object-center"})}),(0,t.jsxs)("div",{className:"grid grid-cols-2 gap-3 mb-3",children:[(0,t.jsx)("div",{className:"rounded-xl overflow-hidden bg-gray-50 border border-gray-100 relative",children:(0,t.jsx)(p,{src:"/images/products/grabox/dm-overview.jpg",alt:"GraBox-R101 產品規格 DM",width:600,height:900,className:"w-full h-auto"})}),(0,t.jsx)("div",{className:"rounded-xl overflow-hidden bg-gray-50 border border-gray-100 relative",children:(0,t.jsx)(p,{src:"/images/products/grabox/dm-features.png",alt:"GraBox 核心特色 DM",width:600,height:900,className:"w-full h-auto"})})]}),(0,t.jsxs)("div",{className:"grid grid-cols-2 gap-3 mb-4",children:[(0,t.jsx)("div",{className:"rounded-xl overflow-hidden aspect-video relative bg-gray-100",children:(0,t.jsx)(p,{src:"/images/intro/mwd-lockers-lit.jpg",alt:"GraBox 五色可控燈光格子",fill:!0,className:"object-cover"})}),(0,t.jsx)("div",{className:"rounded-xl overflow-hidden aspect-video relative bg-gray-100",children:(0,t.jsx)(p,{src:"/images/intro/mwd-prototype-demo.jpg",alt:"90天開發:原型機簡報現場",fill:!0,className:"object-cover"})})]}),(0,t.jsx)("p",{className:"text-gray-600 text-sm leading-relaxed mb-4",children:S.cases.mwd.desc}),(0,t.jsx)("ul",{className:"space-y-1.5 mb-6",children:S.cases.mwd.stats.map((e,i)=>(0,t.jsxs)("li",{className:"flex items-center gap-2 text-xs text-[#1B3A5C] font-semibold",children:[(0,t.jsx)("span",{className:"w-1.5 h-1.5 rounded-full bg-[#E8751A] flex-shrink-0"}),e]},i))}),(0,t.jsx)(m,{bg:"bg-[#1B3A5C]",title:"ja"===F?"現場・展示映像":"en"===F?"On-Site & Exhibition Footage":"現場 × 展覽影片",accentLine:"#E8751A"}),(0,t.jsxs)("div",{className:"grid grid-cols-2 gap-3 mt-3",children:[(0,t.jsxs)("div",{className:"rounded-xl overflow-hidden bg-black",children:[(0,t.jsx)("video",{src:"/videos/mwd-kaohsiung-expo.mp4",controls:!0,playsInline:!0,preload:"metadata",className:"w-full aspect-video object-cover",poster:"/images/intro/thumb-mwd-kaohsiung-expo.jpg"}),(0,t.jsx)("div",{className:"px-3 py-2 bg-black/80",children:(0,t.jsx)("span",{className:"text-white/60 text-xs",children:"ja"===F?"▶ 高雄加盟展 GraBox 展示(2025.08)":"en"===F?"▶ Kaohsiung Expo — GraBox Demo (Aug 2025)":"▶ 高雄加盟展 GraBox 展示(2025.08)"})})]}),(0,t.jsxs)("div",{className:"rounded-xl overflow-hidden bg-black",children:[(0,t.jsx)("video",{src:"/videos/mwd-store-demo-1.mp4",controls:!0,playsInl
1ine:!0,preload:"metadata",className:"w-full aspect-video object-cover",poster:"/images/intro/thumb-mwd-store-demo-1.jpg"}),(0,t.jsx)("div",{className:"px-3 py-2 bg-black/80",children:(0,t.jsx)("span",{className:"text-white/60 text-xs",children:"ja"===F?"▶ 店舗実機デモ①(2025.10)":"en"===F?"▶ Store Live Demo ① (Oct 2025)":"▶ 門市實機 Demo①(2025.10)"})})]}),(0,t.jsxs)("div",{className:"rounded-xl overflow-hidden bg-black",children:[(0,t.jsx)("video",{src:"/videos/mwd-store-demo-2.mp4",controls:!0,playsInline:!0,preload:"metadata",className:"w-full aspect-video object-cover",poster:"/images/intro/thumb-mwd-store-demo-2.jpg"}),(0,t.jsx)("div",{className:"px-3 py-2 bg-black/80",children:(0,t.jsx)("span",{className:"text-white/60 text-xs",children:"ja"===F?"▶ 店舗実機デモ②(2025.10)":"en"===F?"▶ Store Live Demo ② (Oct 2025)":"▶ 門市實機 Demo②(2025.10)"})})]}),(0,t.jsxs)("div",{className:"rounded-xl overflow-hidden bg-black",children:[(0,t.jsx)("video",{src:"/videos/mwd-grabox-operation.mp4",controls:!0,playsInline:!0,preload:"metadata",className:"w-full aspect-video object-cover",poster:"/images/intro/thumb-mwd-grabox-operation.jpg"}),(0,t.jsx)("div",{className:"px-3 py-2 bg-black/80",children:(0,t.jsx)("span",{className:"text-white/60 text-xs",children:"ja"===F?"▶ GraBox 実地操作(2025.10)":"en"===F?"▶ GraBox Pickup Flow (Oct 2025)":"▶ GraBox 實地操作 × 取餐流程(2025.10)"})})]}),(0,t.jsxs)("div",{className:"col-span-2 rounded-xl overflow-hidden bg-black",children:[(0,t.jsx)("video",{src:"/videos/mwd-short-clip.mp4",controls:!0,playsInline:!0,preload:"metadata",className:"w-full",poster:"/images/intro/thumb-mwd-short-clip.jpg"}),(0,t.jsx)("div",{className:"px-3 py-2 bg-black/80",children:(0,t.jsx)("span",{className:"text-white/60 text-xs",children:"ja"===F?"▶ GraBox ハイライトクリップ":"en"===F?"▶ GraBox Highlight Clip":"▶ GraBox 精選片段"})})]})]})]})]}),(0,t.jsxs)(s.motion.div,{whileHover:{y:-4},transition:{duration:.2},className:"border border-gray-200 rounded-2xl overflow-hidden",children:[(0,t.jsx)(x,{color:"bg-[#c0392b]",badge:S.cases.shutoko.badge,title:S.cases.shutoko.title,accentLine:"#FFD700"}),(0,t.jsxs)("div",{className:"p-5",children:[(0,t.jsx)("div",{className:"rounded-xl overflow-hidden bg-gray-100 mb-2 relative",style:{aspectRatio:"4/3"},children:(0,t.jsx)(p,{src:"/images/intro/shutoko-group-official.jpg",alt:"MCS × 首都高速 官方合影",fill:!0,className:"object-cover object-top"})}),(0,t.jsxs)("div",{className:"grid grid-cols-3 gap-2 mb-2",children:[(0,t.jsx)("div",{className:"rounded-xl overflow-hidden aspect-square relative bg-gray-100",children:(0,t.jsx)(p,{src:"/images/intro/shutoko-mou-signing.jpg",alt:"MOU締結",fill:!0,className:"object-cover object-top"})}),(0,t.jsx)("div",{className:"rounded-xl overflow-hidden aspect-square relative bg-gray-100",children:(0,t.jsx)(p,{src:"/images/intro/shutoko-meeting-map.jpg",alt:"首都高本社にて",fill:!0,className:"object-cover object-top"})}),(0,t.jsx)("div",{className:"rounded-xl overflow-hidden aspect-square relative bg-gray-100",children:(0,t.jsx)(p,{src:"/images/intro/shutoko-ui-screen.jpg",alt:"冷凍微波機 UI",fill:!0,className:"object-cover"})})]}),(0,t.jsx)("div",{className:"rounded-xl overflow-hidden aspect-video relative bg-gray-100 mb-2",children:(0,t.jsx)(p,{src:"/images/intro/shutoko-warehouse.jpg",alt:"日本倉庫 機台入庫",fill:!0,className:"object-cover"})}),(0,t.jsx)("div",{className:"rounded-xl overflow-hidden relative bg-gray-100 mb-4",style:{aspectRatio:"16/9"},children:(0,t.jsx)(p,{src:"/images/intro/shutoko-mou-plan.png",alt:"レンジ自販機導入計画イメージ",fill:!0,className:"object-cover object-top"})}),(0,t.jsx)("p",{className:"text-gray-600 text-sm leading-relaxed mb-4",children:S.cases.shutoko.desc}),(0,t.jsx)("ul",{className:"space-y-1.5 mb-5",children:S.cases.shutoko.stats.map((e,i)=>(0,t.jsxs)("li",{className:"flex items-center gap-2 text-xs text-[#1B3A5C] font-semibold",children:[(0,t.jsx)("span",{className:"w-1.5 h-1.5 rounded-full bg-[#c0392b] flex-shrink-0"}),e]}
1,i))}),(0,t.jsxs)("div",{className:"rounded-xl overflow-hidden border border-gray-200 bg-gray-50",children:[(0,t.jsx)(m,{bg:"bg-[#1B3A5C]",title:"ja"===F?"MP-Solution Japan 決済統合":"en"===F?"MP-Solution Japan Payment Integration":"MP-Solution Japan 支付整合",badge:"ja"===F?"✓ 検収完了":"en"===F?"✓ Acceptance Passed":"✓ 驗收通過",badgeBg:"bg-green-500",accentLine:"#22c55e"}),(0,t.jsxs)("div",{className:"p-3 space-y-3",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{className:"text-xs font-bold text-[#1B3A5C] mb-1.5",children:"ja"===F?"▶ 検収映像①(2023.08 台湾)":"en"===F?"▶ Acceptance Test Video ① (Aug 2023, Taiwan)":"▶ 驗收影片①(2023.08 台灣)"}),(0,t.jsx)("div",{className:"rounded-lg overflow-hidden bg-black",children:(0,t.jsx)("video",{src:"/videos/mp-solution-demo.mp4",controls:!0,playsInline:!0,preload:"metadata",className:"w-full",poster:"/images/intro/thumb-mp-solution-demo.jpg"})})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{className:"text-xs font-bold text-[#1B3A5C] mb-1.5",children:"ja"===F?"▶ 検収映像②(2023.09 台湾)":"en"===F?"▶ Acceptance Test Video ② (Sep 2023, Taiwan)":"▶ 驗收影片②(2023.09 台灣)"}),(0,t.jsx)("div",{className:"rounded-lg overflow-hidden bg-black",children:(0,t.jsx)("video",{src:"/videos/mp-solution-acceptance.mp4",controls:!0,playsInline:!0,preload:"metadata",className:"w-full",poster:"/images/intro/thumb-mp-solution-acceptance.jpg"})})]}),(0,t.jsxs)("div",{className:"grid grid-cols-2 gap-2",children:[(0,t.jsxs)("div",{className:"rounded-lg overflow-hidden aspect-video relative bg-gray-200",children:[(0,t.jsx)(p,{src:"/images/intro/mps-acceptance-photo.jpg",alt:"MPS 台湾検収現場",fill:!0,className:"object-cover"}),(0,t.jsx)("div",{className:"absolute bottom-0 left-0 right-0 bg-black/50 px-2 py-1",children:(0,t.jsx)("span",{className:"text-white text-[10px] font-semibold",children:"ja"===F?"検収現場(台湾)":"en"===F?"Acceptance Scene (Taiwan)":"驗收現場(台灣)"})})]}),(0,t.jsxs)("div",{className:"rounded-lg overflow-hidden aspect-video relative bg-gray-200",children:[(0,t.jsx)(p,{src:"/images/intro/mps-im10-screen.jpg",alt:"IM10 決済画面",fill:!0,className:"object-cover"}),(0,t.jsx)("div",{className:"absolute bottom-0 left-0 right-0 bg-black/50 px-2 py-1",children:(0,t.jsx)("span",{className:"text-white text-[10px] font-semibold",children:"IM10 決済画面"})})]}),(0,t.jsxs)("div",{className:"rounded-lg overflow-hidden aspect-video relative bg-gray-200",children:[(0,t.jsx)(p,{src:"/images/intro/mps-nda-signed.jpg",alt:"MPS NDA 締結",fill:!0,className:"object-cover"}),(0,t.jsx)("div",{className:"absolute bottom-0 left-0 right-0 bg-black/50 px-2 py-1",children:(0,t.jsx)("span",{className:"text-white text-[10px] font-semibold",children:"ja"===F?"NDA 締結(MCS × MPS)":"en"===F?"NDA Signed — MCS × MPS":"NDA 簽署(MCS × MPS)"})})]}),(0,t.jsxs)("div",{className:"rounded-lg overflow-hidden aspect-video relative bg-gray-200",children:[(0,t.jsx)(p,{src:"/images/intro/mps-online-meeting.png",alt:"MPS オンライン打ち合わせ",fill:!0,className:"object-cover"}),(0,t.jsx)("div",{className:"absolute bottom-0 left-0 right-0 bg-black/50 px-2 py-1",children:(0,t.jsx)("span",{className:"text-white text-[10px] font-semibold",children:"ja"===F?"オンライン調整会議":"en"===F?"Online Coordination Meeting":"線上協調會議"})})]})]}),(0,t.jsx)("p",{className:"text-gray-500 text-xs leading-relaxed",children:"ja"===F?"MP-Solution Japan の IM10 キャッシュレス端末と MCS OmniCore の統合が完了。日本側代表 Eiji Sato 氏と NDA を締結し、台湾にて検収試験を実施・合格済み。日本全国の無人機台への水平展開を共同推進中。":"en"===F?"MCS OmniCore is fully integrated with MP-Solution Japan's IM10 cashless terminal. NDA signed between MCS and MP-Solution Japan. Acceptance tests conducted in Taiwan — passed. Joint rollout to vending machines across Japan now in progress.":"MCS OmniCore 與 MP-Solution Japan IM10 無現金支付端末完成技術整合ã€
1‚MCS 與 MP-Solution Japan 雙方代表正式簽署 NDA,並在台灣現場完成驗收測試。目前雙方協力推進日本全國無人機台部署。"})]})]})]})]})]})}),(0,t.jsx)(d,{delay:.05,children:(0,t.jsxs)("div",{children:[(0,t.jsx)("h3",{className:"font-black text-xl text-[#1B3A5C] mb-5",children:S.cases.more.title}),(0,t.jsx)("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-3",children:S.cases.more.items.map((e,i)=>{let a=y[i],l=D===i;return(0,t.jsxs)(s.motion.div,{initial:{opacity:0,y:16},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.35,delay:.05*i},className:`rounded-xl overflow-hidden border transition-all duration-200 cursor-pointer ${l?"border-[#E8751A]/60 shadow-md col-span-2 md:col-span-2":"border-gray-100 hover:border-[#E8751A]/40 hover:shadow-sm"}`,onClick:()=>z(l?null:i),layout:!0,children:[(0,t.jsxs)("div",{className:`${a?.color??"bg-[#1B3A5C]"} px-4 py-3 flex items-center justify-between`,children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("span",{className:"text-white/70 text-[10px] font-bold uppercase tracking-wide",children:a?a.tag[F]??a.tag.zh:""}),(0,t.jsx)("div",{className:"font-black text-white text-sm leading-tight",children:e.name})]}),(0,t.jsx)(s.motion.span,{animate:{rotate:180*!!l},transition:{duration:.25},className:"text-white/70 text-base flex-shrink-0",children:"▾"})]}),(0,t.jsx)("div",{className:"bg-gray-50 px-4 py-2",children:(0,t.jsx)("p",{className:"text-gray-500 text-xs leading-relaxed",children:e.desc})}),(0,t.jsx)(n.AnimatePresence,{initial:!1,children:l&&(0,t.jsx)(s.motion.div,{initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.3,ease:[.22,1,.36,1]},className:"overflow-hidden",children:(0,t.jsxs)("div",{className:"px-4 pb-4 bg-white space-y-3",children:[a?.img&&(0,t.jsx)("div",{className:"rounded-lg overflow-hidden aspect-video relative bg-gray-100",children:(0,t.jsx)(p,{src:a.img,alt:e.name,fill:!0,className:"object-cover"})}),(0,t.jsx)("p",{className:"text-gray-600 text-xs leading-relaxed pt-2",children:a?a.detail[F]??a.detail.zh:e.desc})]})},"detail")})]},i)})})]})}),(0,t.jsx)(d,{delay:.08,children:(0,t.jsxs)("div",{className:"mt-12",children:[(0,t.jsx)("h3",{className:"font-black text-xl text-[#1B3A5C] mb-5",children:S.cases.partners.title}),(0,t.jsx)("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-3",children:S.cases.partners.items.map((e,i)=>(0,t.jsxs)(s.motion.div,{initial:{opacity:0,y:16},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.35,delay:.05*i},className:"rounded-xl border border-gray-100 hover:border-[#0A9396]/40 hover:shadow-sm transition-all duration-200 overflow-hidden",children:[(0,t.jsxs)("div",{className:"bg-[#0A9396] px-4 py-3",children:[(0,t.jsx)("span",{className:"text-white/70 text-[10px] font-bold uppercase tracking-wide",children:e.code}),(0,t.jsx)("div",{className:"font-black text-white text-sm leading-tight",children:e.name})]}),(0,t.jsx)("div",{className:"px-4 py-3",children:(0,t.jsx)("p",{className:"text-gray-500 text-xs leading-relaxed",children:e.desc})})]},i))})]})})]})}),(0,t.jsx)("section",{id:"contact",className:"py-20 px-6 bg-gradient-to-br from-[#E8751A] to-[#c05e0f]",children:(0,t.jsx)("div",{className:"max-w-5xl mx-auto text-center",children:(0,t.jsxs)(d,{children:[(0,t.jsx)("p",{className:"text-xs font-bold uppercase tracking-widest text-white/70 mb-3",children:S.contact.label}),(0,t.jsx)("h2",{className:"text-3xl md:text-4xl font-black text-white mb-4",children:S.contact.title}),(0,t.jsx)("p",{className:"text-white/80 max-w-2xl mx-auto mb-10",children:S.contact.sub}),(0,t.jsxs)("div",{className:"flex flex-wrap gap-4 justify-center items-center",children:[(0,t.jsxs)(s.motion.a,{href:"mailto:[email protected]?subject=Demo Request — MCS",animate:{scale:[1,1.03,1]},transition:{duration:2.4,repeat:1/0,ease:"easeInOut"},whileHover:{scale:1.06},className:"bg-white text-[#E8751A] font-bold px-8 py-3 rounded-full shadow-lg inline-block",children:[S.contact.cta," →"]}),(0,t.jsxs)("a",{href:"https://www.mcstation.ai",target:"_blank",rel:"noopener noreferrer",className:"text-white/80 text-sm hover:text-white transition-colors underline underline-offset-2",children:[S.contact.web,": www.mcstation.ai"]}),(0,t.jsxs)("div",{className:"text-white/80 text-sm",children:[(0,t.jsxs)("span",{className:"font-semibold",children:[S.contact.email,":"]}),"[email protected]"]})]})]})})}),(0,t.jsx)("footer",{className:"bg-[#0F2440] text-white/50 text-xs text-center py-6 px-6",children:"© 2026 MCS 銓幻元科技 Meta Clearing Station Pte. Ltd. · Taiwan · Singapore"}),(0,t.jsx)(E,{lang:F})]})]})})}e.s(["default",()=>A])}]);

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.