https://www.happygocard.com.tw/Business/assets/ai-agent-D2g-XDK7.js

1import{c as g,j as e,S as w,m as t,L as p,A as b,r as m,M as N,P as v,a as k}from"./index--6RAmvZy.js";import{c as F}from"./crm-plus-logo-C7MsH8ff.js";import{S as j}from"./sparkles-gIux-dGk.js";import{R as B,S as I}from"./send-IQCFpr4h.js";const A=[["path",{d:"M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5",key:"1gvzjb"}],["path",{d:"M9 18h6",key:"x1upvd"}],["path",{d:"M10 22h4",key:"ceow96"}]],E=g("lightbulb",A);const P=[["path",{d:"m21 21-4.34-4.34",key:"14j7rj"}],["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}]],O=g("search",P),c={hidden:{opacity:0,y:30},show:{opacity:1,y:0,transition:{duration:.7,ease:[.2,.8,.2,1]}}};function D(){return e.jsxs("div",{className:"min-h-screen bg-background text-foreground overflow-x-clip",children:[e.jsx(C,{}),e.jsx(S,{}),e.jsx($,{}),e.jsx(R,{}),e.jsx(V,{}),e.jsx(L,{}),e.jsx(W,{})]})}function C(){return e.jsx(w,{})}function S(){return e.jsxs("section",{className:"hero-shell relative overflow-hidden px-6 lg:px-10 pt-[var(--hero-pt)] pb-28 lg:pt-[var(--hero-pt-lg)] lg:pb-32",style:{background:"radial-gradient(ellipse at 50% 20%, #15264a 0%, #0B1C40 50%, #050b1f 100%)"},children:[e.jsx("div",{className:"absolute inset-0 pointer-events-none overflow-hidden",children:[0,1,2,3].map(s=>e.jsx(t.div,{className:"absolute h-px w-1/2",style:{top:`${15+s*22}%`,left:"-50%",background:"linear-gradient(90deg, transparent, rgba(0,177,251,0.7), transparent)"},animate:{x:["0%","300%"]},transition:{duration:6+s,repeat:1/0,ease:"linear",delay:s*1.5}},s))}),e.jsx("div",{className:"absolute inset-0 opacity-[0.06] pointer-events-none",style:{backgroundImage:"linear-gradient(#00B1FB 1px, transparent 1px), linear-gradient(90deg, #00B1FB 1px, transparent 1px)",backgroundSize:"48px 48px"}}),e.jsxs("div",{className:"relative z-10 max-w-6xl mx-auto grid lg:grid-cols-2 gap-16 items-start lg:items-center",children:[e.jsxs(t.div,{initial:"hidden",animate:"show",variants:c,className:"self-start",children:[e.jsxs("div",{className:"hero-eyebrow flex items-center gap-3 mb-7",children:[e.jsx("img",{src:F,alt:"CRM+ Logo",className:"h-7 sm:h-8 md:h-9 w-auto bg-white rounded-md px-2 py-1 shadow-sm",draggable:!1}),e.jsx("div",{className:"h-6 w-px bg-white/20"}),e.jsxs("div",{className:"inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-white/10 border border-white/15 text-xs font-medium text-white/80 backdrop-blur",children:[e.jsx(j,{className:"w-3.5 h-3.5 text-cyan-brand"}),"AI 顧問諮詢室 ｜ 洞察加速器"]})]}),e.jsxs("h1",{className:"text-4xl md:text-5xl xl:text-6xl font-extrabold tracking-tight text-white leading-[1.15]",children:["對話即洞察，",e.jsx("br",{}),"將數據轉為",e.jsx("span",{className:"text-orange-brand",children:"行動方案"})]}),e.jsx("p",{className:"mt-6 text-base md:text-lg text-white/75 max-w-xl leading-relaxed",children:`
2`}),e.jsx("p",{className:"mt-5 text-base md:text-lg text-white/75 max-w-xl leading-relaxed",children:"HAPPY GO CRM+ 內建專屬 AI 智能顧問，深度整合「跨產業消費軌跡、市調意象與未來購買意圖」。透過直覺的自然語言對話，AI Agent 將主動為您解構數據、指引方向，並即時產出可落地的行銷策略。"}),e.jsx("div",{className:"mt-10",children:e.jsxs(p,{to:"/contact",className:"btn-primary-cta inline-flex items-center gap-2 rounded-full px-9 py-4 text-base font-semibold shadow-2xl",children:["預約專人諮詢",e.jsx(b,{className:"w-4 h-4"})]})})]}),e.jsx(M,{})]})]})}function M(){const r=Array.from({length:72}),d=[{angle:-18,length:.92},{angle:64,length:.88},{angle:200,length:.95}],n=(l,i)=>{const a=(l-90)*Math.PI/180;return{x:260+Math.cos(a)*i,y:260+Math.sin(a)*i}};return e.jsx(t.div,{initial:{opacity:0,scale:.9},animate:{opacity:1,scale:1},transition:{duration:1,delay:.2,ease:[.2,.8,.2,1]},className:"relative w-full flex items-center justify-center",children:e.jsxs("div",{className:"relative",style:{width:"100%",maxWidth:520,aspectRatio:"1 / 1"},children:[e.jsxs("svg",{viewBox:"0 0 520 520",className:"absolute inset-0 w-full h-full",children:[e.jsxs("defs",{children:[e.jsxs("radialGradient",{id:"dialGlow",cx:"50%",cy:"50%",r:"50%",children:[e.jsx("stop",{offset:"0%",stopColor:"#00B1FB",stopOpacity:"0.35"}),e.jsx("stop",{offset:"55%",stopColor:"#0B1C40",stopOpacity:"0"})]}),e.jsxs("linearGradient",{id:"needleGrad",x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[e.jsx("stop",{offset:"0%",stopColor:"#7EE7FF",stopOpacity:"0.05"}

2),e.jsx("stop",{offset:"60%",stopColor:"#7EE7FF",stopOpacity:"0.55"}),e.jsx("stop",{offset:"100%",stopColor:"#7EE7FF",stopOpacity:"0.95"})]})]}),e.jsx("circle",{cx:260,cy:260,r:254,fill:"url(#dialGlow)"}),e.jsx("circle",{cx:260,cy:260,r:246,fill:"none",stroke:"#7EE7FF",strokeOpacity:"0.28",strokeWidth:"1",strokeDasharray:"2 6"}),e.jsx("circle",{cx:260,cy:260,r:214,fill:"none",stroke:"#7EE7FF",strokeOpacity:"0.18",strokeWidth:"1"}),e.jsx("circle",{cx:260,cy:260,r:180,fill:"none",stroke:"#7EE7FF",strokeOpacity:"0.22",strokeWidth:"1"}),e.jsx("circle",{cx:260,cy:260,r:140,fill:"none",stroke:"#7EE7FF",strokeOpacity:"0.14",strokeWidth:"1",strokeDasharray:"4 4"}),e.jsxs(t.g,{style:{transformOrigin:"260px 260px"},animate:{rotate:360},transition:{duration:60,repeat:1/0,ease:"linear"},children:[r.map((l,i)=>{const a=i/r.length*360,x=i%9===0,y=260-(x?30:22),f=246,h=n(a,y),u=n(a,f);return e.jsx("line",{x1:h.x,y1:h.y,x2:u.x,y2:u.y,stroke:"#7EE7FF",strokeOpacity:x?.7:.3,strokeWidth:x?1.4:1},i)}),[0,90,180,270].map(l=>{const i=n(l,220);return e.jsx("circle",{cx:i.x,cy:i.y,r:2.4,fill:"#00B1FB"},l)})]}),e.jsx(t.g,{style:{transformBox:"view-box",transformOrigin:"260px 260px"},animate:{rotate:-360},transition:{duration:24,repeat:1/0,ease:"linear"},children:d.map((l,i)=>{const a=n(l.angle,230*l.length);return e.jsxs("g",{children:[e.jsx("line",{x1:260,y1:260,x2:a.x,y2:a.y,stroke:"url(#needleGrad)",strokeWidth:"1.4",strokeLinecap:"round"}),e.jsx("circle",{cx:a.x,cy:a.y,r:"3.5",fill:"#7EE7FF",opacity:"0.9"}),e.jsx("circle",{cx:a.x,cy:a.y,r:"7",fill:"#7EE7FF",opacity:"0.18"})]},i)})}),e.jsx(t.g,{style:{transformOrigin:"260px 260px"},animate:{rotate:360},transition:{duration:5,repeat:1/0,ease:"linear"},children:e.jsx("path",{d:`M 260 260 L 260 30 A 230 230 0 0 1 ${260+230*Math.sin(Math.PI/180*35)} ${260-230*Math.cos(Math.PI/180*35)} Z`,fill:"url(#dialGlow)",opacity:"0.55"})}),e.jsx("circle",{cx:260,cy:260,r:"78",fill:"#0B1C40",stroke:"#7EE7FF",strokeOpacity:"0.55",strokeWidth:"1.5"}),e.jsx(t.circle,{cx:260,cy:260,r:"78",fill:"none",stroke:"#00B1FB",strokeWidth:"2",animate:{opacity:[.2,.9,.2]},transition:{duration:2.4,repeat:1/0,ease:"easeInOut"}})]}),e.jsx(p,{to:"/",hash:"contact",className:"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 group",children:e.jsxs("span",{className:"relative flex items-center justify-center w-[150px] h-[150px] rounded-full bg-gradient-to-br from-[#13325f] to-[#0B1C40] border border-cyan-brand/60 shadow-[0_0_45px_-5px_rgba(0,177,251,0.65)] transition-transform duration-500 group-hover:scale-105",children:[e.jsx("span",{className:"absolute inset-2 rounded-full border border-cyan-brand/30"}),e.jsxs("span",{className:"relative flex flex-col items-center text-white",children:[e.jsx(j,{className:"w-5 h-5 text-cyan-brand mb-1.5"}),e.jsx("span",{className:"text-lg font-bold tracking-wide",children:"啟動顧問"}),e.jsx("span",{className:"text-[10px] text-white/55 tracking-[0.2em] mt-1",children:"ACTIVATE"})]})]})})]})})}const _=[{badge:"萃取高價值商業洞察",q:"Q1. HAPPY GO CRM+ 的「AI 顧問」和市場上的AI工具有什麼不同？",a:" CRM+ 的 AI 顧問是一顆內建 HAPPY GO 千萬真實消費數據與市調資訊的超級大腦。 您不需要辛苦地匯出資料或苦思如何下提示詞，AI 顧問能直接且快速地解讀您的品牌報表。幫您「秒懂」自有會員的潛力商機，將冷冰冰的數據瞬間轉化為看得見的營收機會。"},{badge:"可落地的解決方案",q:"Q2.AI 顧問如何協助我們找出經營重點，並給出有效對策？",a:"HAPPY GO 多年累積的豐厚會員經營底蘊，我們的 AI 顧問不僅具備深度的商業分析邏輯，更能同時交叉比對多份客群差異。 當您想了解「流失客」與「活躍高貢獻客」究竟差在哪裡時， 能一針見血地抓出關鍵的行為差異，並直接為您產出具體、可落地執行的行銷溝通劇本與挽回策略，讓您從「看見問題」到「解決問題」一氣呵成。"},{badge:"精準潛力客群輪廓",q:"Q3.AI 顧問具體能為我們產出什麼樣的客群分析結果？",a:"您只需要用自然的語氣提問（例如：「誰最有潛力購買下週上市的萬元保養品？」），AI 顧問就能瞬間為您框列出多維度的潛力客群。 具體描述這群人的生活樣態、跨域消費力水準，以及在外部市場偏好購買的品類。讓您帶著極度清晰的受眾輪廓，直接進入下一步的獲客與固客行動。"}];function $(){const[s,o]=m.useState(0);return e.jsx("section",{className:"bg-white py-24 md:py-32 px-6 lg:px-10",children:e.jsxs("div",{className:"max-w-4xl mx-auto",children:[e.jsxs(t.div,{initial:"hidden",

2whileInView:"show",viewport:{once:!0,amount:.4},variants:c,className:"text-center mb-14",children:[e.jsx("p",{className:"text-sm font-semibold text-cyan-brand mb-4 tracking-wider uppercase",children:"Solutions"}),e.jsx("h2",{className:"text-3xl md:text-4xl font-bold text-brand tracking-tight leading-tight",children:"三大核心特色"})]}),e.jsx("div",{className:"space-y-4",itemScope:!0,itemType:"https://schema.org/FAQPage",children:_.map((r,d)=>{const n=s===d;return e.jsxs("article",{onClick:()=>o(n?null:d),className:`group cursor-pointer rounded-2xl bg-white border-2 p-6 md:p-7 transition-all duration-300 ${n?"border-brand shadow-[0_18px_45px_-18px_rgba(33,59,107,0.3)]":"border-brand/15 hover:border-brand/40"}`,itemScope:!0,itemProp:"mainEntity",itemType:"https://schema.org/Question",children:[e.jsxs("div",{className:"flex items-start justify-between gap-4",children:[e.jsxs("div",{className:"flex-1",children:[e.jsx("span",{className:"inline-block text-[10px] font-bold tracking-widest text-orange-brand uppercase mb-2",children:r.badge}),e.jsx("h3",{className:"text-base md:text-lg font-bold text-brand leading-snug",itemProp:"name",children:r.q})]}),e.jsx("span",{className:"shrink-0 w-7 h-7 rounded-full bg-surface-muted flex items-center justify-center text-brand mt-1",children:n?e.jsx(N,{className:"w-3.5 h-3.5"}):e.jsx(v,{className:"w-3.5 h-3.5"})})]}),e.jsx("div",{className:`grid transition-all duration-500 ease-out ${n?"grid-rows-[1fr] opacity-100 mt-4":"grid-rows-[0fr] opacity-0 mt-0"}`,itemScope:!0,itemProp:"acceptedAnswer",itemType:"https://schema.org/Answer",children:e.jsx("div",{className:"overflow-hidden",children:e.jsx("p",{className:"text-sm md:text-base text-muted-foreground leading-relaxed",itemProp:"text",children:r.a})})})]},r.q)})})]})})}const G=[{Icon:O,emoji:"🔍",title:"洞悉全局",sub:"對話式解析市場趨勢",body:"直接在對話框詢問，AI 將立即為您交叉分析「消費行為 × 生活型態 × 產業趨勢」。精準點出不同地區、不同人群的結構轉移與關鍵變化，讓您徹底看透市場風向。"},{Icon:E,emoji:"💡",title:"指引方向",sub:"量身打造下一步行動策略",body:"AI 顧問不只給您冰冷的文字摘要，更能依據 HAPPY GO千萬名會員消費數據，具體指出未來的市場發展機會，並產出針對您品牌的「高轉換策略方向與行動建議」。"},{Icon:B,emoji:"🚀",title:"掌握先機",sub:"即時發現機會，快速採取行動",body:"AI 顧問持續追蹤會員行為、市場變化與消費趨勢，協助品牌快速掌握關鍵機會點，幫助品牌更快回應市場變化、搶占成長先機。"}];function R(){return e.jsx("section",{className:"bg-[#F4F7F9] py-24 md:py-32 px-6 lg:px-10",children:e.jsxs("div",{className:"max-w-6xl mx-auto",children:[e.jsxs(t.div,{initial:"hidden",whileInView:"show",viewport:{once:!0,amount:.4},variants:c,className:"text-center max-w-3xl mx-auto mb-16",children:[e.jsx("p",{className:"text-sm font-semibold text-cyan-brand mb-4 tracking-wider uppercase",children:"Core Advantages"}),e.jsx("h2",{className:"text-3xl md:text-4xl font-bold text-brand tracking-tight leading-tight",children:"全面升級您的決策品質"})]}),e.jsx("div",{className:"grid md:grid-cols-3 gap-6",children:G.map((s,o)=>e.jsxs(t.article,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0,amount:.3},transition:{duration:.5,delay:o*.1},className:"group relative rounded-2xl bg-white border-2 border-transparent p-8 transition-all duration-300 hover:border-brand hover:-translate-y-1.5 hover:shadow-[0_22px_55px_-22px_rgba(33,59,107,0.4)]",children:[e.jsx("div",{className:"flex items-center gap-3 mb-5",children:e.jsx("span",{className:"w-11 h-11 rounded-xl bg-brand/5 flex items-center justify-center text-2xl",children:s.emoji})}),e.jsx("h3",{className:"text-xl font-bold text-brand",children:s.title}),e.jsx("p",{className:"text-sm font-semibold text-orange-brand mt-1 mb-3",children:s.sub}),e.jsx("p",{className:"text-sm text-muted-foreground leading-relaxed",children:s.body})]},s.title))})]})})}function V(){return e.jsx("section",{className:"relative overflow-hidden bg-white px-6 lg:px-10 py-24 md:py-28",children:e.jsxs("div",{className:"max-w-4xl mx-auto flex flex-col items-center text-center",children:[e.jsxs(t.div,{initial:"hidden",

2whileInView:"show",viewport:{once:!0,amount:.3},variants:c,className:"mb-10 md:mb-14",children:[e.jsxs("span",{className:"inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-[#00B1FB]/10 border border-[#00B1FB]/25 text-[11px] font-bold tracking-[0.2em] text-[#00B1FB] uppercase mb-5",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-[#FF8300] animate-pulse"}),"Live Consultation"]}),e.jsx("h2",{className:"text-3xl md:text-5xl font-extrabold text-brand tracking-tight leading-tight",children:"AI顧問為您加速找到高價值顧客經營訊號"}),e.jsxs("p",{className:"mt-5 text-base md:text-lg text-muted-foreground leading-relaxed max-w-2xl mx-auto",children:["簡單提問即可獲得受眾洞察、策略建議到",e.jsx("br",{}),"媒體規劃，回饋可落地的決策方案。"]})]}),e.jsx(t.div,{initial:"hidden",whileInView:"show",viewport:{once:!0,amount:.3},variants:c,className:"w-full",children:e.jsx(z,{})})]})})}function z(){const[s,o]=m.useState(0);m.useEffect(()=>{const d=setInterval(()=>o(n=>(n+1)%3),2600);return()=>clearInterval(d)},[]);const r=["正在解析跨域消費軌跡中…偵測到香氛保養品類流失異常。","競品 A 週年慶吸走 12.4% 活躍客，集中於 35-44 歲女性。","您的潛在VIP客群為健康樂活生活族，建議OMO喚醒行動。"];return e.jsx(t.div,{initial:{opacity:0,y:50},whileInView:{opacity:1,y:0},viewport:{once:!0,amount:.3},transition:{duration:.9,delay:.2},className:"w-full max-w-[640px] mx-auto",children:e.jsxs("div",{className:"rounded-3xl border border-[#213B6B]/15 bg-white p-5 md:p-6 shadow-[0_30px_70px_-30px_rgba(0,177,251,0.28)]",children:[e.jsxs("div",{className:"flex items-center justify-between mb-4",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"w-2 h-2 rounded-full bg-[#00B1FB] animate-pulse"}),e.jsx("span",{className:"text-[10px] font-bold tracking-widest text-[#213B6B]/70 uppercase",children:"CRM+ AI Agent"})]}),e.jsx("span",{className:"text-[10px] font-semibold text-[#213B6B]/45",children:"online"})]}),e.jsxs("div",{className:"space-y-3 min-h-[260px]",children:[e.jsx(t.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},transition:{duration:.4,delay:.1},className:"flex",children:e.jsxs("div",{className:"max-w-[92%] rounded-2xl rounded-bl-md bg-[#F4F7F9] border border-[#00B1FB]/20 text-brand px-4 py-3 text-sm leading-relaxed",children:[e.jsx("span",{className:"text-[10px] font-bold tracking-widest text-[#00B1FB] uppercase block mb-1.5",children:"AI 顧問"}),"歡迎使用 AI 顧問"]})}),e.jsx(t.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},transition:{duration:.4,delay:.4},className:"flex",children:e.jsxs("div",{className:"max-w-[92%] rounded-2xl rounded-bl-md bg-[#F4F7F9] border border-[#00B1FB]/20 text-brand px-4 py-3 text-sm leading-relaxed",children:[e.jsx("span",{className:"text-[10px] font-bold tracking-widest text-[#00B1FB] uppercase block mb-1.5",children:"會員洞察顧問"}),"我是一位 會員洞察顧問（Member Insight & Strategy Consultant），專門協助品牌理解：",e.jsxs("ul",{className:"mt-2 space-y-1 list-disc pl-4 text-brand/90",children:[e.jsx("li",{children:"會員輪廓與真實模樣"}),e.jsx("li",{children:"會員的消費生活模式（生活型態 × 購物行為 × 需求痛點）"}),e.jsx("li",{children:"會員的 Persona（價值觀、生活偏好、消費動機）"})]})]})}),e.jsx("div",{className:"flex justify-end",children:e.jsx("div",{className:"max-w-[85%] rounded-2xl rounded-br-md bg-[#FF8300] text-white px-4 py-2.5 text-sm font-medium shadow-md",children:"請分析本季高價值會員流失原因。"})}),e.jsx(t.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},transition:{duration:.4},className:"flex",children:e.jsxs("div",{className:"max-w-[90%] rounded-2xl rounded-bl-md bg-[#F4F7F9] border border-[#00B1FB]/20 text-brand px-4 py-3 text-sm leading-relaxed",children:[e.jsxs("span",{className:"text-[10px] font-bold tracking-widest text-[#00B1FB] uppercase block mb-1.5",children:["洞察摘要 · Step ",s+1,"/3"]}),r[s]]})},s)]}),e.jsxs("div",{className:"mt-5 flex items-center gap-2 rounded-full bg-[#F4F7F9] border border-[#213B6B]/10 pl-4 pr-1.5 py-1.5",children:[e.jsx("span",{className:"text-xs text-[#213B6B]/40 flex-1 truncate",children:"輸入您的商業問題…"}),e.jsx("span",{className:"w-8 h-8 rounded-full bg-[#00B1FB]/90 flex items-center justify-center text-white",children:e.jsx(I,{className:"w-3.5 h-3.5"})})]})]})})}function L(){return e.jsxs("section",{id:"contact",className:"relative overflow-hidden px-6 lg:px-10 py-24 md:py-32",style:{background:"radial-gradient(ellipse at 50% 0%, #2a4d8a 0%, #213B6B 50%, #15264a 100%)"},children:[e.jsx("div",{className:"absolute inset-0 opacity-[0.08] pointer-events-none",style:{backgroundImage:"linear-gradient(#00B1FB 1px, transparent 1px), linear-gradient(90deg, #00B1FB 1px, transparent 1px)",backgroundSize:"48px 48px"}}),e.jsxs("div",{className:"relative max-w-3xl mx-auto text-center",children:[e.jsx(t.h2,{initial:"hidden",

2whileInView:"show",viewport:{once:!0,amount:.4},variants:c,className:"text-3xl md:text-5xl font-extrabold text-white tracking-tight leading-tight",children:"數據洞察升級關鍵行動"}),e.jsxs(t.p,{initial:"hidden",whileInView:"show",viewport:{once:!0,amount:.4},variants:c,className:"mt-6 text-base md:text-lg text-white/75 max-w-2xl mx-auto leading-relaxed",children:["立即啟動您的專屬 AI 智能顧問，快速掌握顧客需求、市場趨勢與潛在商機，",e.jsx("br",{className:"hidden md:block"}),"讓每一次洞察都能轉化為可執行的行動方案。"]}),e.jsx("div",{className:"mt-12",children:e.jsxs(p,{to:"/contact",className:"btn-primary-cta inline-flex items-center gap-3 rounded-full px-10 md:px-12 py-5 text-base md:text-lg font-bold shadow-2xl",children:["👉 立即體驗 ",e.jsx(b,{className:"w-5 h-5"})]})})]})]})}function W(){return e.jsx(k,{})}export{D as component};