https://www.wedopr.com/assets/Products-x6xlAR6e.js

1import{r as p,j as e}from"./react-core-DGbc2Y4Q.js";import{e as k,b as h,S as x,f as E,g as S,H as C,B as u,E as g,F as W,h as L,d as P}from"./render-app-BKEtI_Gz.js";import{B as A}from"./Breadcrumb-Op2r53bp.js";import{S as D}from"./seo-injector-DcbDJuz9.js";import{r as v,s as O,m as _,n as I,B as $,o as B,p as T,k as H,A as b,q as M,E as R}from"./icons-vendor-C1hvyZgf.js";import"./index-CzV5y2Z9.js";import"./feedback-vendor-lUOMG4xM.js";import"./radix-vendor-BG8iXauy.js";import"./utils-vendor-DPhhqT8T.js";const c=S("/products"),N=[{value:"all",label:"全部",description:"瀏覽目前可閱讀、可體驗或可洽詢的 WEDO 入口"},{value:"available",label:"可直接體驗",description:"可直接打開閱讀、使用或瀏覽"},{value:"guided",label:"可預約導入",description:"適合先討論情境與導入方式"},{value:"collaborative",label:"可共同規劃",description:"依品牌需求設計合作版本"},{value:"proof",label:"案例展示",description:"以實際專案呈現做法與成果"}],z={available:"border-emerald-200 bg-emerald-50 text-emerald-800",guided:"border-amber-200 bg-amber-50 text-amber-800",collaborative:"border-stone-200 bg-stone-50 text-stone-700",proof:"border-[#d9b66f]/40 bg-[#fff7ed] text-[#6f4e37]"},j={studio:H,media:T,maps:B,"ai-tools":$,pets:I,travel:_},U={available:"已可直接開啟，適合先自行瀏覽內容、工具與公開入口。",guided:"適合先約時間聊需求，再判斷是否導入到品牌或團隊流程。",collaborative:"保留彈性，適合依產業、資料與合作情境共同設計。",proof:"以代表案例呈現 WEDO 的執行方式、內容脈絡與成果。"};function m(s){const l=h(s);return l==="guided"||l==="collaborative"?"/contact":l==="proof"&&s.proofCaseSlug?`/case/${s.proofCaseSlug}`:s.publicUrl?s.publicUrl:s.proofCaseSlug?`/case/${s.proofCaseSlug}`:"/contact"}function w(s){return s.startsWith("http")}function q(s){const l=h(s);return l==="guided"?"預約導入討論":l==="collaborative"?"討論合作版本":l==="proof"?"查看案例":s.ctaLabel}function F(s){return s.slug==="maps"?"/case?need=maps":s.slug==="travel"?"/case?need=travel":s.primaryRoute}function J(s){return{studio:"看服務方案",media:"看內容入口",maps:"看地圖案例","ai-tools":"開啟 AI 作戰中心",pets:"看寵物事業",travel:"看旅遊案例"}[s.slug]}function V({asset:s}){const l=h(s),a=L(s.pillar),d=a?j[a.slug]:v,i=m(s),r=w(i);return e.jsxs("article",{className:"group flex h-full flex-col rounded-2xl border border-[#e8dfd2] bg-white p-3 shadow-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-[#c9b68d] hover:shadow-[0_18px_44px_rgba(80,62,42,0.10)] sm:p-5",children:[e.jsxs("div",{className:"flex items-start justify-between gap-4",children:[e.jsx("div",{className:"flex h-9 w-9 items-center justify-center rounded-xl bg-[#173c34] text-[#f7f1e8]",children:e.jsx(d,{className:"h-4 w-4",strokeWidth:1.6})}),e.jsx("span",{className:`shrink-0 rounded-full border px-2.5 py-1 text-[11px] font-bold ${z[l]}`,children:P(s)})]}),e.jsxs("div",{className:"mt-4",children:[e.jsx("p",{className:"text-[11px] font-bold uppercase tracking-[0.16em] text-[#9b7a4f]",children:a==null?void 0:a.shortName}),e.jsx("h3",{className:"mt-1.5 text-lg font-black leading-tight text-[#17231f]",children:s.name}),e.jsx("p",{className:"mt-2 line-clamp-2 text-sm leading-relaxed text-[#5e6b63]",children:s.summary})]}),e.jsx("div",{className:"mt-4 hidden flex-wrap gap-1.5 sm:flex",children:s.capabilities.slice(0,3).map(o=>e.jsx("span",{className:"rounded-full bg-[#f7f1e8] px-2.5 py-1 text-[11px] font-semibold text-[#6f4e37]",children:o},o))}),e.jsx("div",{className:"mt-auto hidden border-t border-[#ece4d8] pt-4 sm:block",children:e.jsxs("p",{className:"text-xs leading-relaxed text-[#637067]",children:["適合：",s.audience.slice(0,2).join("、")]})}),e.jsxs("div",{className:"flex flex-wrap items-center gap-3 pt-4",children:[e.jsxs("a",{href:i,target:r?"_blank":void 0,rel:r?"noopener noreferrer":void 0,className:"inline-flex min-h-11 items-center gap-1.5 text-sm font-bold text-[#173c34] hover:text-[#6f4e37]",children:[q(s),r?e.jsx(R,{className:"h-3.5 w-3.5"}):e.jsx(b,{className:"h-4 w-4 transition-transform group-hover:translate-x-1"})]}),s.proofCaseSlug&&i!==`/case/${s.proofCaseSlug}`?e.jsxs("a",{href:`/case/${s.proofCaseSlug}`,className:"inline-flex min-h-11 items-center gap-1.5 text-sm font-semibold text-[#6f4e37] hover:text-[#173c34]",children:["看相關案例",e.jsx(b,{className:"h-4 w-4"})]}):null]})]})}function Y({pillar:s,assets:l}){const a=j[s.slug],d=s.featuredAssetSlugs.map(r=>l.find(o=>o.slug===r)).filter(r=>!!r),i=l.filter(r=>r.pillar===s.slug).length;return e.jsxs("article",{className:"flex h-full flex-col rounded-2xl border border-[#e8dfd2] bg-white p-3 shadow-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-[#c9b68d] hover:shadow-[0_18px_44px_rgba(80,62,42,0.10)] sm:p-6",children:[e.jsxs("div",{className:"flex items-start justify-between gap-4",children:[e.jsx("div",{className:"flex h-8 w-8 items-center justify-center rounded-xl bg-[#173c34] text-[#f7f1e8] sm:h-10 sm:w-10",children:e.jsx(a,{className:"h-4 w-4 sm:h-5 sm:w-5",strokeWidth:1.6})}),e.jsxs("span",{className:"rounded-full bg-[#f7f1e8] px-2 py-1 text-[10px] font-bold text-[#6f4e37] sm:px-3 sm:text-xs",children:[i," 個入口"]})]}),e.jsx("p",{className:"mt-4 text-[10px] font-bold uppercase tracking-[0.16em] text-[#9b7a4f] sm:mt-5 sm:text-xs sm:tracking-[0.18em]",children:s.shortName}),e.jsx("h3",{className:"mt-1.5 text-base font-black leading-tight text-[#17231f] sm:mt-2 sm:text-xl",children:s.name}),e.jsx("p",{className:"mt-2 line-clamp-2 text-sm font-semibold leading-relaxed text-[#6f4e37] sm:mt-3 sm:text-base",children:s.headline}),e.jsxs("div",{className:"mt-auto border-t border-[#ece4d8] pt-3 sm:pt-4",children:[e.jsxs("div",{className:"hidden sm:block",children:[e.jsx("p",{className:"text-[10px] font-bold uppercase tracking-[0.14em] text-[#9b7a4f] sm:text-xs sm:tracking-[0.16em]",children:"代表入口"}),e.jsx("div",{className:"mt-1 flex flex-wrap gap-x-2 gap-y-0.5 sm:mt-2 sm:gap-x-3 sm:gap-y-1",children:d.slice(0,2).map(r=>{const o=m(r);return e.jsx("a",{href:o,className:"inline-flex min-h-11 items-center text-xs font-semibold text-[#173c34] underline-offset-4 hover:text-[#6f4e37] hover:underline sm:text-sm",children:r.name},r.slug)})})]}),e.jsxs("a",{href:F(s),className:"mt-2 inline-flex min-h-11 items-center gap-1.5 text-xs font-bold text-[#173c34] hover:text-[#6f4e37] sm:mt-4 sm:text-sm",children:[J(s),e.jsx(b,{className:"h-4 w-4"})]})]})]})}function le(){const[s,l]=p.useState("all"),a=p.useMemo(()=>k(),[]),d=p.useMemo(()=>s==="all"?a:a.filter(t=>h(t)===s),[s,a]),i=N.find(t=>t.value===s),r=p.useMemo(()=>a.reduce((t,n)=>(t.all+=1,t[h(n)]+=1,t),{all:0,available:0,guided:0,collaborative:0,proof:0}),[a]),o={"@context":"https://schema.org","@type":"CollectionPage",name:"WEDO 產品與工具",description:c.seo.description,url:`${x}/products`,inLanguage:"zh-Hant-TW",isPartOf:{"@type":"WebSite","@id":`${x}/#website`,name:"WEDO 鮪魚肚國際行銷",url:x},mainEntity:{"@type":"ItemList",itemListElement:a.map((t,n)=>({"@type":"ListItem",position:n+1,item:{"@type":E(t),name:t.name,description:t.summary,url:w(m(t))?m(t):`${x}${m(t)}`}}

1))}};return e.jsxs("div",{className:"min-h-screen flex flex-col bg-[#fbfaf7] text-[#17231f]",children:[e.jsx(D,{title:c.seo.title,socialTitle:c.seo.socialTitle,socialDescription:c.seo.socialDescription,description:c.seo.description,image:c.seo.image,imageWidth:c.seo.imageWidth,imageHeight:c.seo.imageHeight,imageAlt:c.seo.imageAlt,url:`${x}/products`,keywords:c.seo.keywords}),e.jsx("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(o)}}),e.jsx(C,{}),e.jsxs("main",{className:"flex-1",children:[e.jsx("section",{className:"border-b border-[#e8dfd2] bg-white",children:e.jsx("div",{className:"container max-w-6xl mx-auto px-6 py-5",children:e.jsx(A,{items:[{label:"首頁",href:"/"},{label:"產品與工具"}]})})}),e.jsxs("section",{className:"relative overflow-hidden bg-slate-950",children:[e.jsx("img",{src:"/hero/hero-products-20260910.jpeg",alt:"WEDO 產品與工具入口",width:"1376",height:"768",loading:"eager",decoding:"sync",className:"absolute inset-0 h-full w-full object-cover"}),e.jsx("div",{className:"absolute inset-0 bg-linear-to-r from-slate-950 via-slate-950/76 to-slate-950/28"}),e.jsx("div",{className:"absolute inset-x-0 bottom-0 h-28 bg-linear-to-t from-slate-950 to-transparent"}),e.jsx("div",{className:"relative z-10 container max-w-6xl mx-auto px-6 py-16 md:py-24",children:e.jsxs("div",{className:"grid gap-10 lg:grid-cols-[1.12fr_0.88fr] lg:items-end",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-3 text-blue-300 font-semibold text-sm tracking-[0.18em] uppercase",children:[e.jsx("span",{className:"h-px w-8 bg-blue-400"}),"Products & Tools"]}),e.jsx("h1",{className:"mt-7 text-4xl md:text-6xl font-black tracking-tight text-white leading-[1.06]",children:"WEDO 產品與工具"}),e.jsx("p",{className:"mt-6 max-w-3xl text-lg leading-relaxed text-slate-200 md:text-xl",children:"先從你要完成的事開始，找到可直接使用、適合導入或需要共同規劃的 WEDO 入口。"}),e.jsxs("div",{className:"mt-9 flex flex-col sm:flex-row gap-4",children:[e.jsx(u,{asChild:!0,className:"min-h-11 rounded-full bg-[#d9b66f] px-7 text-[#17231f] hover:bg-[#e5c986]",children:e.jsx("a",{href:"/contact",children:"討論導入方式"})}),e.jsx(u,{asChild:!0,variant:"outline",className:"min-h-11 rounded-full border-white/30 bg-white/10 px-7 text-white hover:bg-white/20 hover:text-white",children:e.jsx("a",{href:"/ecosystem",children:"回到 WEDO 生態系"})})]})]}),e.jsxs("div",{className:"hidden rounded-2xl border border-white/20 bg-[#17231f]/90 p-5 md:block md:p-6",children:[e.jsx("p",{className:"text-xs font-bold uppercase tracking-[0.18em] text-blue-200",children:"快速瀏覽"}),e.jsx("p",{className:"mt-3 text-4xl font-black tabular-nums text-white",children:g.length}),e.jsx("p",{className:"mt-1 text-base font-semibold text-white",children:"個合作方向"}),e.jsx("p",{className:"mt-3 text-sm leading-relaxed text-slate-300",children:"先選方向，再查看入口與案例；完整清單保留在下方。"})]}),e.jsxs("p",{className:"text-sm text-slate-300 md:hidden",children:[g.length," 個合作方向・",a.length," 個入口"]})]})})]}),e.jsx("section",{className:"sticky top-16 z-30 border-y border-[#e8dfd2] bg-white/95 backdrop-blur md:static md:bg-white",children:e.jsx("div",{className:"container max-w-6xl mx-auto px-6 py-4",children:e.jsxs("div",{className:"flex flex-wrap items-center gap-2",children:[e.jsx("span",{className:"shrink-0 text-sm font-bold text-[#6f4e37]",children:"篩選入口"}),N.map(t=>{const n=s===t.value;return e.jsxs("button",{type:"button","aria-pressed":n,onClick:()=>l(t.value),className:`inline-flex min-h-11 shrink-0 items-center rounded-full border px-4 text-sm font-bold transition-colors ${n?"border-[#173c34] bg-[#173c34] text-white":"border-[#e8dfd2] bg-[#fbfaf7] text-[#56645d] hover:border-[#c9b68d] hover:text-[#173c34]"}`,children:[t.label,e.jsx("span",{className:"ml-2 text-xs opacity-75",children:r[t.value]})]},t.value)})]})})}),e.jsx("section",{className:"py-14 md:py-20",children:e.jsxs("div",{className:"container mx-auto max-w-6xl px-6",children:[e.jsxs("div",{className:"mb-8 max-w-3xl",children:[e.jsxs("div",{className:"flex items-center gap-3 text-[#6f4e37]",children:[e.jsx(v,{className:"h-5 w-5",strokeWidth:1.6}),e.jsx("p",{className:"text-sm font-bold uppercase tracking-[0.18em]",children:"依需求選方向"})]}),e.jsx("h2",{className:"mt-4 text-2xl font-black tracking-tight text-[#17231f] sm:text-3xl md:text-5xl",children:"先選一個方向"}),e.jsx("p",{className:"mt-3 text-sm leading-relaxed text-[#56645d] sm:mt-4 sm:text-lg",children:"依你要完成的事，選一個入口。"})]}),e.jsx("div",{className:"grid grid-cols-2 gap-3 sm:gap-4 lg:grid-cols-3",children:g.map(t=>e.jsx(Y,{pillar:t,assets:a},t.slug))})]})}),e.jsx("section",{className:"bg-[#f7f1e8] py-14 md:py-20",children:e.jsxs("div",{className:"container max-w-6xl mx-auto px-6",children:[e.jsxs("div",{className:"mb-8 max-w-3xl",children:[e.jsxs("div",{className:"flex items-center gap-3 text-[#6f4e37]",children:[e.jsx(O,{className:"h-5 w-5",strokeWidth:1.6}),e.jsx("p",{className:"text-sm font-bold uppercase tracking-[0.18em]",children:s==="all"?"所有入口":i==null?void 0:i.label})]}),e.jsx("h2",{className:"mt-4 text-3xl font-black tracking-tight text-[#17231f] md:text-5xl",children:s==="all"?"需要細節，再展開查看":i==null?void 0:i.label}),e.jsx("p",{className:"mt-4 text-base leading-relaxed text-[#56645d]",children:s==="all"?"完整清單依方向收合，按需要展開。":U[s]})]}),e.jsx("div",{className:"space-y-3",children:g.map(t=>{const n=d.filter(f=>f.pillar===t.slug);

1if(!n.length)return null;const y=j[t.slug];return e.jsxs("details",{className:"group rounded-2xl border border-[#e8dfd2] bg-white",open:s!=="all",children:[e.jsxs("summary",{className:"flex cursor-pointer list-none items-center justify-between gap-4 px-5 py-4 sm:px-6",children:[e.jsxs("span",{className:"flex min-w-0 items-center gap-3",children:[e.jsx("span",{className:"flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-[#173c34] text-[#f7f1e8]",children:e.jsx(y,{className:"h-4 w-4",strokeWidth:1.6})}),e.jsxs("span",{className:"min-w-0",children:[e.jsx("span",{className:"block text-base font-black text-[#17231f]",children:t.name}),e.jsxs("span",{className:"mt-0.5 block text-xs text-[#637067]",children:[n.length," 個入口"]})]})]}),e.jsx(b,{className:"h-5 w-5 shrink-0 text-[#9b7a4f] transition-transform group-open:rotate-90"})]}),e.jsx("div",{className:"grid gap-4 border-t border-[#ece4d8] p-4 sm:grid-cols-2 sm:p-5 lg:grid-cols-3",children:n.map(f=>e.jsx(V,{asset:f},f.slug))})]},t.slug)})})]})}),e.jsx("section",{className:"bg-[#173c34] py-20 text-[#f7f1e8]",children:e.jsxs("div",{className:"container max-w-5xl mx-auto px-6 text-center",children:[e.jsx(M,{className:"mx-auto h-10 w-10 text-[#d9b66f]",strokeWidth:1.5}),e.jsx("h2",{className:"mt-6 text-3xl md:text-5xl font-black tracking-tight",children:"想把其中一項接到你的品牌裡？"}),e.jsx("p",{className:"mt-5 text-lg leading-relaxed text-[#e8dfd2]",children:"先告訴我們你的產業、目標受眾與目前卡住的地方，WEDO 會協助判斷適合從內容、工具、地圖、案例或顧問合作切入。"}),e.jsxs("div",{className:"mt-9 flex flex-col sm:flex-row gap-4 justify-center",children:[e.jsx(u,{asChild:!0,className:"rounded-full bg-[#d9b66f] px-8 text-[#17231f] hover:bg-[#e5c986]",children:e.jsx("a",{href:"/contact",children:"預約合作討論"})}),e.jsx(u,{asChild:!0,variant:"outline",className:"min-h-11 rounded-full border-[#d9b66f]/60 bg-transparent px-8 text-[#f7f1e8] hover:bg-white/10",children:e.jsx("a",{href:"/case",children:"先看代表案例"})})]})]})})]}),e.jsx(W,{})]})}export{le as default};