https://petwellhk.com/assets/ChristmasDogMbti-K2_cFKKM.js

1import{r,j as e,L as fe}from"./react-vendor-BDHNqS4B.js";import{e as je,S as L,b as be}from"./Header-BkbupWq-.js";import{M as ge,F as Ne}from"./Footer-CtylQEAH.js";import{d as ye,D as ve,j as we,X as Se,k as Te,l as Ce,B as m,L as C,I as O}from"./main-m_sUF2N4.js";import{C as E,a as I}from"./card-U4xgiZnN.js";import{T as ke}from"./textarea-D7qsgB_p.js";import{s as Y}from"./client-DdjVEhXX.js";import{B as Z}from"./badge-BYBBu8xB.js";import{a as Ee,c as Ie}from"./christmasEventData-CwZjPWpq.js";import{S as Pe}from"./star-Dim9pf51.js";import{C as Fe}from"./calendar-KPQ2FJpt.js";import{C as qe}from"./clock-CRHi7pcr.js";import{D as H}from"./dog-_P0n7k9m.js";import{S as ee}from"./sparkles-BcmYxR0H.js";import{u as De}from"./useSEO-CoArDrdl.js";import"./amplify-DYDcjoow.js";import"./chevron-right-CpkQxGj-.js";import"./check-DS0-tR9o.js";import"./tag-D40gy_Nl.js";import"./query-7-WHkg5t.js";import"./reportService-tEzofQZ6.js";import"./phone-B2rvvDkK.js";import"./type-CVgQCqWZ.js";const Me=({mbtiResult:t,middleContent:i})=>{const[l,c]=r.useState(!1),x=Ee(t,5),o=Ie.filter(n=>!n.recommendedFor.includes(t));return e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"h-px flex-1 bg-gradient-to-r from-transparent via-primary/30 to-transparent"}),e.jsx("h3",{className:"text-lg font-semibold text-foreground whitespace-nowrap",children:"⭐ é ­5位最適合你狗狗嘅活動"}),e.jsx("div",{className:"h-px flex-1 bg-gradient-to-r from-transparent via-primary/30 to-transparent"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:x.map(n=>e.jsx(se,{event:n,isRecommended:!0},n.id))})]}),i,o.length>0&&e.jsxs("div",{className:"space-y-4 pt-4",children:[e.jsxs("button",{type:"button",onClick:n=>{n.preventDefault(),c(!l)},className:"w-full flex items-center gap-3 cursor-pointer group",children:[e.jsx("div",{className:"h-px flex-1 bg-border"}),e.jsxs("div",{className:"flex items-center gap-2 text-lg font-medium text-muted-foreground whitespace-nowrap group-hover:text-foreground transition-colors",children:[e.jsx("span",{children:"🎄 其他聖誕+倒數活動"}),e.jsx(je,{className:`w-5 h-5 transition-transform duration-300 ${l?"rotate-180":""}`})]}),e.jsx("div",{className:"h-px flex-1 bg-border"})]}),l&&e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6 animate-in fade-in-50 slide-in-from-top-2 duration-300",children:o.map(n=>e.jsx(se,{event:n,isRecommended:!1},n.id))})]})]})},se=({event:t,isRecommended:i})=>{const l=(c,x)=>{const o=new Date(c),n=new Date(x),d={month:"short",day:"numeric"};return c===x?o.toLocaleDateString("zh-HK",d):`${o.toLocaleDateString("zh-HK",d)} - ${n.toLocaleDateString("zh-HK",d)}`};return e.jsx(fe,{to:`/christmas-event/${t.id}`,children:e.jsxs(E,{className:`group overflow-hidden transition-all duration-300 hover:shadow-xl cursor-pointer h-full ${i?"border-2 border-primary ring-2 ring-primary/20 shadow-lg":"border hover:border-primary/50"}`,children:[e.jsxs("div",{className:"relative aspect-video overflow-hidden",children:[e.jsx("img",{src:t.imageUrl,alt:t.name,className:"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"}),i&&e.jsx("div",{className:"absolute top-3 left-3",children:e.jsxs(Z,{className:"bg-primary text-primary-foreground gap-1 px-3 py-1.5 text-sm font-semibold shadow-lg",children:[e.jsx(Pe,{className:"w-4 h-4 fill-current"}),"推薦"]})}),e.jsx("div",{className:"absolute top-3 right-3",children:e.jsx(Z,{variant:"secondary",className:"bg-background/90 backdrop-blur-sm",children:t.district})})]}),e.jsxs(I,{className:"p-4 space-y-3",children:[e.jsx("h3",{className:"font-bold text-lg text-foreground line-clamp-2 group-hover:text-primary transition-colors",children:t.name}),e.jsxs("div",{className:"space-y-2 text-sm text-muted-foreground",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(ge,{className:"w-4 h-4 flex-shrink-0"}),e.jsx("span",{className:"line-clamp-1",children:t.address})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(Fe,{className:"w-4 h-4 flex-shrink-0"}),e.jsx("span",{children:l(t.dateStart,t.dateEnd)})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(qe,{className:"w-4 h-4 flex-shrink-0"}),e.jsxs("span",{children:[t.openTime," - ",t.closeTime]})]})]}),e.jsx("p",{className:"text-sm text-muted-foreground line-clamp-2",children:t.remark})]})]})})},k=[{id:1,question:"在屋苑樓下或電梯大堂遇到鄰居或其他狗狗時，你的狗狗通常會：",options:{a:"興奮地擺尾，想衝過去è

1žå°æ–¹æˆ–打招呼",b:"躲在主人腳後，或者無視對方，只想快點回家或離開"},dimension:"EI"},{id:2,question:"帶去西九龍海濱長廊或彭福公園放電時：",options:{a:"滿場飛，主動找其他狗狗玩追逐戰",b:"只喜歡自己聞草地，或者只跟著主人走，對其他狗興趣缺缺"},dimension:"EI"},{id:3,question:"當家裡有客人（例如親戚朋友上門拜年）來訪時：",options:{a:"熱情如火，甚至會撲人、拿玩具出來獻寶",b:"吠兩聲警告，然後回自己窩裡睡覺，或者保持安全距離觀察"},dimension:"EI"},{id:4,question:"在香港繁忙的街道散步（如旺角、銅鑼灣），面對噪音和人流：",options:{a:"表現淡定，甚至對路人好奇，想去聞別人的購物袋",b:"表現緊張，尾巴下垂，想快步通過或甚至不敢行"},dimension:"EI"},{id:5,question:"當你拿出零食但還沒給牠時：",options:{a:"牠只盯著你手上的零食，口水直流，完全被食物控制（專注當下實物）",b:"牠會看你的眼神，嘗試猜測你要牠做什麼動作才給吃（思考與聯想）"},dimension:"SN"},{id:6,question:"關於散步路線：",options:{a:"牠喜歡走同一條路，聞同一個消防喉或燈柱（習慣與感官）",b:"牠喜歡探索新路，如果走錯路或去新地方會特別興奮（探索與好奇）"},dimension:"SN"},{id:7,question:"狗狗對於「尋寶遊戲」（把零食藏在玩具或布裡）的反應：",options:{a:"用蠻力咬開、抓開，或者聞不到就放棄（直接行動）",b:"會用鼻子頂、用腳撥，甚至觀察機關怎麼開，很會動腦筋（解決問題）"},dimension:"SN"},{id:8,question:"牠是否擁有「第六感」？（例如打風落雨前，或你心情不好時）：",options:{a:"沒什麼感覺，照樣吃喝拉撒，除非雷聲嚇到牠",b:"非常敏感，天氣變壞前會不安，你傷心時會主動過來安慰"},dimension:"SN"},{id:9,question:"當狗狗做錯事（例如咬爛拖鞋、隨地大小便）被你責罵時：",options:{a:"一臉「我不知道你在說什麼」或倔強不理你，甚至頂嘴（自我中心：咬東西很爽）",b:"立刻露出飛機耳、無辜眼，甚至翻肚肚求原諒（情感導向：不想主人生氣）"},dimension:"TF"},{id:10,question:"訓練新指令（如 Hand Hand、Sit）時：",options:{a:"只要有零食就肯做，沒零食就不理你（利益交換）",b:"為了得到你的摸摸或誇獎就會努力做，很想討好你（關係導向）"},dimension:"TF"},{id:11,question:"關於獨立性：",options:{a:"很有個性，你在家時牠也可以自己在另一個房間玩或睡覺",b:"像「貼身藥膏」，你在廁所牠都要在門口等，極度需要陪伴"},dimension:"TF"},{id:12,question:"關於吃飯時間：",options:{a:"體內有時鐘，時間一到（例如每晚 7 點）準時催你放飯，晚一分鐘都不行",b:"比較隨意，你晚點餵也沒關係，或者放了飯也不急著馬上吃完"},dimension:"JP"},{id:13,question:"睡覺的地方：",options:{a:"有固定的「寶座」，一定要睡在自己的床或特定的沙發角",b:"隨處睡，地板、門口、你的床、甚至奇怪的角落都能睡著"},dimension:"JP"},{id:14,question:"散步時的表現：",options:{a:"很有規律，通常在固定的地點上廁所，走完流程就回家",b:"隨心所欲，今天想衝這裡，明天想停那裡，完全看心情，很難預測"},dimension:"JP"},{id:15,question:"對於突發狀況（例如突然要出門、突然有快遞按門鈴）：",options:{a:"會非常警惕，覺得日常秩序被破壞，需要時間平復",b:"馬上適應，覺得有新樂子，反應很快且靈活"},dimension:"JP"}],Je={ESTJ:{title:"總經理狗狗",subtitle:"ESTJ - 屋苑糾察隊長",description:"你嘅狗狗係天生嘅領袖！佢喜歡管事，堅持散步路線，對陌生狗狗有威嚴。係屋苑裡嘅糾察隊長，所有事都要按規矩嚟！",traits:["有威嚴","守規矩","有領導力","準時控"],emoji:"👔",color:"from-slate-600 to-slate-800"}

1,ESTP:{title:"冒險家狗狗",subtitle:"ESTP - 街頭探險王",description:"你嘅狗狗係天生嘅冒險家！佢膽大心細，散步時周圍探索，對任何新鮮事物都充滿好奇，係街頭探險嘅王者！",traits:["膽大","愛冒險","反應快","好奇心強"],emoji:"🏄",color:"from-orange-500 to-red-500"},ESFJ:{title:"管家狗狗",subtitle:"ESFJ - 熱情大使",description:"你嘅狗狗係屋企嘅熱情大使！佢超鍾意招呼客人，對每個人都充滿愛心，係真正嘅社交達人，識得照顧每個人嘅感受！",traits:["熱情","愛照顧人","社交達人","貼心"],emoji:"🤗",color:"from-pink-400 to-rose-500"},ESFP:{title:"表演家狗狗",subtitle:"ESFP - 派對明星",description:"你嘅狗狗係天生嘅表演者！佢最鍾意做嘢逗人開心，人多嘅場合係佢嘅舞台，西九公園嘅交際花，見狗就玩，常常興奮過頭！",traits:["愛表演","開朗","交際花","活力充沛"],emoji:"🎭",color:"from-amber-400 to-orange-500"},ENTJ:{title:"指揮官狗狗",subtitle:"ENTJ - 狗界 CEO",description:"你嘅狗狗係天生嘅指揮官！佢聰明、有計劃、識得點樣達到目的。散步時佢話事，係狗界嘅 CEO！",traits:["有策略","領導型","聰明","目標為本"],emoji:"👑",color:"from-purple-600 to-indigo-700"},ENTP:{title:"發明家狗狗",subtitle:"ENTP - 百厭星",description:"你嘅狗狗非常聰明但百厭！佢會自己開門、偷食，散步時總想掙脫繩子去探險。係狗界嘅發明家，永遠有新搞作！",traits:["超聰明","百厭","愛探索","創意多"],emoji:"💡",color:"from-cyan-500 to-blue-600"},ENFJ:{title:"導師狗狗",subtitle:"ENFJ - 暖心領袖",description:"你嘅狗狗係天生嘅導師！佢唔單止自己乖，仲會帶其他狗狗玩。對人對狗都充滿愛心，係狗公園嘅暖心領袖！",traits:["有愛心","識照顧","有魅力","天生領袖"],emoji:"🌟",color:"from-emerald-400 to-teal-500"},ENFP:{title:"公關狗狗",subtitle:"ENFP - 陽光社交王",description:"你嘅狗狗係西九龍公園嘅交際花！見狗就玩，見人就 Friend，常常興奮過頭，回家後像斷電一樣。熱情到爆！",traits:["超熱情","愛交朋友","創意多","樂觀"],emoji:"🎉",color:"from-yellow-400 to-amber-500"},ISTJ:{title:"公務員狗狗",subtitle:"ISTJ - 準時乖寶寶",description:"你嘅狗狗係真正嘅公務員！準時吃飯，準時大便，不喜歡驚喜，忠誠但表情嚴肅嘅乖寶寶。一切都要按規矩嚟！",traits:["守規矩","準時","忠誠","可靠"],emoji:"📋",color:"from-gray-500 to-gray-700"},ISTP:{title:"技師狗狗",subtitle:"ISTP - 冷靜觀察者",description:"你嘅狗狗係冷靜嘅技師！佢獨立、識得解決問題，唔會大驚小怪，靜靜地觀察一切，然後用最聰明嘅方法達到目的！",traits:["冷靜","獨立","識解難","低調"],emoji:"🔧",color:"from-zinc-500 to-zinc-700"},ISFJ:{title:"守護者狗狗",subtitle:"ISFJ - 忠心小棉襖",description:"你嘅狗狗係真正嘅守護者！佢溫柔、忠誠、超級貼心，最鍾意陪住你，係你嘅忠心小棉襖，永遠默默守護你！",traits:["忠誠","溫柔","貼心","守護型"],emoji:"🛡️",color:"from-sky-400 to-blue-500"},ISFP:{title:"藝術家狗狗",subtitle:"ISFP - 文青小清新",description:"你嘅狗狗係真正嘅藝術家！在家安靜，出門隨性，有點膽小但對主人極度溫柔，喜歡在冷氣房發呆，係狗界嘅文青！",traits:["文靜","敏感","溫柔","愛美"],emoji:"🎨",color:"from-rose-300 to-pink-400"},INTJ:{title:"策略家狗狗",subtitle:"INTJ - 高冷學霸",description:"你嘅狗狗係狗界嘅策略家！佢超級聰明，對人對狗都比較高冷，但內心有自己嘅一套計劃，係真正嘅高冷學霸！",traits:["高冷","聰明","有計劃","獨立"],emoji:"🧠",color:"from-indigo-600 to-purple-700"},INTP:{title:"學者狗狗",subtitle:"INTP - 思考者",description:"你嘅狗狗係狗界嘅學者！佢好似成日都喺度諗嘢，對新事物充滿興趣，但又保持距離觀察，係安靜嘅思考者！",traits:["愛思考","好奇","安靜","分析型"],emoji:"🤔",color:"from-violet-500 to-purple-600"}

1,INFJ:{title:"心靈導師狗狗",subtitle:"INFJ - 通靈系暖男",description:"你嘅狗狗有「讀心術」！佢超級敏感，你開心佢開心，你傷心佢安慰你。雖然內向，但係你嘅心靈 soulmate！",traits:["敏感","有同理心","安靜","忠誠"],emoji:"🔮",color:"from-fuchsia-500 to-purple-600"},INFP:{title:"夢想家狗狗",subtitle:"INFP - 浪漫小天使",description:"你嘅狗狗係純真嘅夢想家！佢溫柔、敏感、有自己嘅小世界，最鍾意安靜地依偎住你，係你嘅浪漫小天使！",traits:["溫柔","敏感","浪漫","純真"],emoji:"🦋",color:"from-pink-400 to-fuchsia-500"}},$e=t=>{const i=["ESFP","ENFP","ESTP","ENTP"],l=["ISTP","INTP","INTJ","ISFP","INFP"];return i.includes(t)?"party":l.includes(t)?"hea":"warm"},_e=t=>{const i=[...t];for(let l=i.length-1;l>0;l--){const c=Math.floor(Math.random()*(l+1));[i[l],i[c]]=[i[c],i[l]]}return i},Be=({onResultChange:t})=>{const[i,l]=r.useState(0),[c,x]=r.useState([]),[o,n]=r.useState(null),[d,P]=r.useState(!1),[F,q]=r.useState(0),[f,X]=r.useState(null),[te,z]=r.useState(!1),[h,p]=r.useState("ask"),[D,A]=r.useState(""),[M,R]=r.useState(""),[j,W]=r.useState(""),[J,V]=r.useState(""),[$,Q]=r.useState(!1),{toast:b}=ye(),g=k.length,ae=r.useMemo(()=>k.map(a=>{const s=[{key:"a",text:a.options.a},{key:"b",text:a.options.b}];return _e(s)}),[]);r.useEffect(()=>{if(d&&F>0){const a=setTimeout(()=>{q(s=>s-1)},1e3);return()=>clearTimeout(a)}else d&&F===0&&f&&(P(!1),n(f))},[d,F,f]),r.useEffect(()=>{t==null||t(!!o)},[o,t]);const ie=a=>{const s=[...c,a];x(s),i<g-1?l(i+1):re(s)},re=a=>{const s=Math.floor(Math.random()*11)+10;q(s),P(!0);let u=0,y=0,v=0,K=0,_=0,B=0,U=0,G=0;a.forEach((S,he)=>{const T=k[he];T.dimension==="EI"?S==="a"?u++:y++:T.dimension==="SN"?S==="a"?v++:K++:T.dimension==="TF"?S==="a"?_++:B++:T.dimension==="JP"&&(S==="a"?U++:G++)});const de=u>y?"E":"I",xe=v>K?"S":"N";let w;_>B?w="T":B>_?w="F":w=a[9]==="a"?"T":"F";const pe=U>G?"J":"P",ue=`${de}${xe}${w}${pe}`;X(ue)},le=async()=>{if(!D.trim()){b({title:"請輸入你嘅問題",variant:"destructive"});return}p("contact")},oe=async()=>{if(!M.trim()||!j.trim()||!J.trim()){b({title:"請填寫所有資料",variant:"destructive"});return}if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(j)){b({title:"請輸入有效嘅電郵地址",variant:"destructive"});return}Q(!0);try{const{error:s}=await Y.from("vet_inquiries").insert({inquiry:D.trim(),owner_name:M.trim(),email:j.trim(),phone_number:J.trim(),mbti_result:f||o});if(s)throw s;p("success")}catch(s){console.error("Error submitting inquiry:",s),b({title:"提交失敗，請稍後再試",variant:"destructive"})}finally{Q(!1)}},N=()=>{z(!1),p("ask"),A(""),R(""),W(""),V("")},ne=()=>{l(0),x([]),n(null),P(!1),q(0),X(null)},me=e.jsx(ve,{open:te,onOpenChange:a=>{a||N()},children:e.jsxs(we,{className:"sm:max-w-md",onInteractOutside:a=>a.preventDefault(),children:[e.jsxs("button",{onClick:N,className:"absolute right-4 top-4 roun

1ded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",children:[e.jsx(Se,{className:"h-4 w-4"}),e.jsx("span",{className:"sr-only",children:"Close"})]}),e.jsx(Te,{children:e.jsxs(Ce,{className:"flex items-center gap-2 text-emerald-600",children:[e.jsx(L,{className:"w-5 h-5"}),h==="success"?"已收到你嘅問題！":"免費獸醫諮詢"]})}),h==="ask"&&e.jsxs("div",{className:"space-y-4 py-4",children:[e.jsx("p",{className:"text-muted-foreground",children:"有任何關於毛孩健康嘅問題？我哋嘅專業獸醫團隊會透過 WhatsApp 或電郵回覆你！"}),e.jsxs("div",{className:"flex gap-3",children:[e.jsx(m,{onClick:()=>p("inquiry"),className:"flex-1 bg-emerald-600 hover:bg-emerald-700",children:"我想問問題"}),e.jsx(m,{onClick:N,variant:"outline",className:"flex-1",children:"暫時唔需要"})]})]}),h==="inquiry"&&e.jsxs("div",{className:"space-y-4 py-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(C,{htmlFor:"inquiry",children:"你想問咩？"}),e.jsx(ke,{id:"inquiry",placeholder:"例如：我隻狗狗最近食慾唔好，有咩原因？",value:D,onChange:a=>A(a.target.value),className:"min-h-[120px]"})]}),e.jsxs("div",{className:"flex gap-3",children:[e.jsx(m,{onClick:le,className:"flex-1 bg-emerald-600 hover:bg-emerald-700",children:"下一步"}),e.jsx(m,{onClick:()=>p("ask"),variant:"outline",className:"flex-1",children:"返回"})]})]}),h==="contact"&&e.jsxs("div",{className:"space-y-4 py-4",children:[e.jsx("p",{className:"text-sm text-muted-foreground",children:"請留低你嘅聯絡資料，我哋會透過 WhatsApp 或電郵回覆你！"}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(C,{htmlFor:"name",children:"稱呼"}),e.jsx(O,{id:"name",placeholder:"你嘅名",value:M,onChange:a=>R(a.target.value)})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(C,{htmlFor:"email",children:"電郵"}),e.jsx(O,{id:"email",type:"email",placeholder:"[email protected]",value:j,onChange:a=>W(a.target.value)})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(C,{htmlFor:"phone",children:"電話號碼（WhatsApp）"}),e.jsx(O,{id:"phone",type:"tel",placeholder:"9XXX XXXX",value:J,onChange:a=>V(a.target.value)})]})]}),e.jsxs("div",{className:"flex gap-3",children:[e.jsx(m,{onClick:oe,className:"flex-1 bg-emerald-600 hover:bg-emerald-700",disabled:$,children:$?"提交中...":"提交問題"}),e.jsx(m,{onClick:()=>p("inquiry"),variant:"outline",className:"flex-1",disabled:$,children:"返回"})]})]}),h==="success"&&e.jsxs("div",{className:"space-y-4 py-4 text-center",children:[e.jsx("div",{className:"text-5xl",children:"✅"}),e.jsx("p",{className:"text-foreground font-medium",children:"多謝你嘅查詢！"}),e.jsx("p",{className:"text-muted-foreground text-sm",children:"我哋嘅獸醫團隊會盡快透過 WhatsApp 或電郵回覆你。"}),e.jsx(m,{onClick:N,className:"w-full bg-emerald-600 hover:bg-emerald-700",children:"關閉"})]})]})}),ce=()=>{if(d)return e.jsx("div",{className:"max-w-3xl mx-auto",children:e.jsx(E,{className:"border-2 border-primary/20 shadow-xl overflow-hidden",children:e.jsxs(I,{className:"p-5 sm:p-8 md:p-12 text-center space-y-4 sm:space-y-6",children:[e.jsxs("div",{className:"flex justify-center items-center gap-3 sm:gap-4",children:[e.jsx(H,{className:"w-8 h-8 sm:w-12 sm:h-12 text-primary animate-bounce",style:{animationDelay:"0ms"}}),e.jsx(ee,{className:"w-7 h-7 sm:w-10 sm:h-10 text-amber-500 animate-bounce",style:{animationDelay:"150ms"}}),e.jsx(H,{className:"w-8 h-8 sm:w-12 sm:h-12 text-primary animate-bounce",style:{animationDelay:"300ms"}})]}),e.jsxs("div",{className:"space-y-2 sm:space-y-3",children:[e.jsx("h2",{className:"text-xl sm:text-2xl md:text-3xl font-bold text-foreground",children:"分析緊狗狗 MBTI..."}),e.jsx("p",{className:"text-muted-foreground text-sm sm:text-lg",children:"🐶 正在計算你狗狗嘅性格類型 🐶"})]}),e.jsx("div",{className:"flex justify-center gap-1",children:[0,1,2].map(s=>e.jsx("div",{className:"w-2 h-2 sm:w-3 sm:h-3 rounded-full bg-primary animate-pulse",style:{animationDelay:`${s*200}ms`}},s))}),e.jsx("div",{className:"pt-4 sm:pt-6 border-t border-border",children:e.jsxs("div",{className:"bg-gradient-to-r from-emerald-50 to-teal-50 dark:from-emerald-950/30 dark:to-teal-950/30 rounded-xl p-4 sm:p-6 space-y-3 sm:space-y-4",children:[e.jsxs("div",{className:"flex items-center justify-center gap-2 text-emerald-600 dark:text-emerald-400",children:[e.jsx(L,{className:"w-5 h-5 sm:w-6 sm:h-6"}),e.jsx("span",{className:"font-semibold text-base sm:text-lg",children:"等緊？不如問問獸醫！"})]}),e.jsxs("p",{className:"text-muted-foreground text-sm sm:text-base",children:["PetWell 提供 ",e.jsx("span",{className:"font-bold text-foreground",children:"免費獸醫諮詢"}),"，有任何關於毛孩健康嘅問題都可以問！"]}),e.jsxs(m,{onClick:()=>z(!0),className:"bg-emerald-600 hover:bg-emerald-700 text-white",children:[e.jsx(L,{className:"w-4 h-4 mr-2"}),"免費問獸醫"]})]})})]})})});if(o){const s=Je[o],u=$e(o);return e.jsxs("div",{className:"animate-in fade-in-50 duration-700",children:[e.jsx("div",{className:`bg-gradient-to-br ${s.color} py-8 sm:py-12 md:py-16 -mx-4 px-4 md:-mx-0 md:rounded-2xl mb-6 sm:mb-8`,children:e.jsxs("div",{className:"max-w-3xl mx-auto text-center text-white",children:[e.jsxs("div",{className:"inline-flex items-center gap-2 bg-white/20 backdrop-blur-sm rounded-full px-3 sm:px-4 py-1.5 sm:py-2 mb-4 sm:mb-6",children:[e.jsx("span",{className:"text-xl sm:text-2xl",children:s.emoji}),e.jsx("span",{className:"font-bold text-base sm:text-lg",children:o})]}),e.jsx("h2",{className:"text-2xl sm:text-3xl md:text-5xl font-bold mb-2",children:s.title}),e.jsx("p",{className:"text-base sm:text-xl md:text-2xl opacity-90 mb-4 sm:mb-6",children:s.subtitle}),e.jsx("div",{className:"flex flex-wrap justify-center gap-1.5 sm:gap-2 mb-6 sm:mb-8",children:s.traits.map((y,v)=>e.jsx("span",{className:"px-2.5 sm:px-4 py-1.5 sm:py-2 bg-white/20 backdrop-blur-sm rounded-full text-xs sm:text-sm font-medium",children:y},v))}),e.jsx("p",{className:"text-sm sm:text-lg md:text-xl leading-relaxed opacity-95 max-w-2xl mx-auto px-2",children:s.description})]})}),e.jsx("div",{className:"text-center mb-6 sm:mb-8 px-2",children:e.jsx("p",{className:"text-primary font-semibold text-sm sm:text-lg",children:"根據你狗狗嘅 MBTI，我哋為你揀選咗最適合嘅活動"})}),e.jsx("div",{children:e.jsx(Me,{mbtiResult:u,middleContent:e.jsx("div",{className:"max-w-xl mx-auto mt-8 sm:mt-10 mb-8 sm:mb-10",children:e.jsx(E,{className:"border-2 border-dashed border-muted-foreground

1/30",children:e.jsxs(I,{className:"p-4 sm:p-6 text-center space-y-3 sm:space-y-4",children:[e.jsx("p",{className:"text-muted-foreground text-sm sm:text-base",children:"快啲 Share 俾朋友！睇吓大家狗狗適合去邊個活動一齊玩 🐕🎄"}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-2 sm:gap-3 justify-center",children:[e.jsxs(m,{onClick:ne,variant:"outline",className:"gap-2",children:[e.jsx(H,{className:"w-4 h-4"}),"再測一次"]}),e.jsxs(m,{onClick:async()=>{await Y.from("mbti_share_clicks").insert({mbti_result:o,source:"christmas-dog-mbti-2025"}),navigator.share?navigator.share({title:`我嘅狗狗係 ${o} ${s.title}！`,text:`🐶 我嘅狗狗係 ${o} ${s.title}！快啲測試你狗狗 MBTI 再決定聖誕倒數去邊度慶祝！
2
3（🎄內附： 真。寵物友善餐廳 ｜ ✅ PetWell 科大初創已致電確認）`,url:window.location.href}):navigator.clipboard.writeText(window.location.href)},className:"gap-2",children:[e.jsx(ee,{className:"w-4 h-4"}),"分享結果"]})]})]})})})})})]})}const a=k[i];return e.jsxs("div",{className:"max-w-3xl mx-auto space-y-4 sm:space-y-6",children:[e.jsxs("div",{className:"mb-6 sm:mb-8",children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsxs("span",{className:"text-xs sm:text-sm font-medium text-muted-foreground",children:["問題 ",i+1," / ",g]}),e.jsxs("span",{className:"text-xs sm:text-sm font-medium text-primary",children:[Math.round((i+1)/g*100),"%"]})]}),e.jsx("div",{className:"h-2 bg-secondary rounded-full overflow-hidden",children:e.jsx("div",{className:"h-full bg-primary transition-all duration-500 ease-out",style:{width:`${(i+1)/g*100}%`}})})]}),e.jsx(E,{className:"border-2 border-border animate-in fade-in-50 slide-in-from-bottom-4 duration-500",children:e.jsxs(I,{className:"p-4 sm:p-6 md:p-8 space-y-4 sm:space-y-6",children:[e.jsx("h3",{className:"text-base sm:text-lg md:text-2xl font-bold text-foreground leading-relaxed",children:a.question}),e.jsx("div",{className:"space-y-2 sm:space-y-3",children:ae[i].map((s,u)=>e.jsx(m,{onClick:()=>ie(s.key),variant:"outline",className:"w-full text-left h-auto min-h-[60px] py-3 sm:py-4 md:py-5 px-3 sm:px-4 md:px-6 justify-start hover:bg-primary/10 hover:border-primary transition-all duration-300 whitespace-normal",children:e.jsxs("span",{className:"flex items-start gap-2 sm:gap-3 w-full",children:[e.jsx("span",{className:"flex-shrink-0 w-6 h-6 sm:w-8 sm:h-8 rounded-full bg-secondary flex items-center justify-center text-xs sm:text-sm font-bold mt-0.5",children:String.fromCharCode(65+u)}),e.jsx("span",{className:"text-xs sm:text-sm md:text-base leading-relaxed text-left break-words flex-1",children:s.text})]})},s.key))})]})})]})};return e.jsxs(e.Fragment,{children:[ce(),me]})},ns=()=>{const[t,i]=r.useState(!1);return De({title:"狗狗MBTI性格測試 | 聖誕活動+寵物友善餐廳推薦 | PetWell HK",description:"免費狗狗MBTI性格測試！根據毛孩性格，推薦適合佢嘅聖誕活動同寵物友善餐廳。3分鐘完成測試，即睇結果！",keywords:"狗狗MBTI,狗性格測試,聖誕狗狗活動,寵物友善餐廳推薦,帶狗聖誕活動,狗狗性格分析,狗狗好去處,聖誕好去處2025",canonicalUrl:"https://petwellhk.com/christmas-dog-mbti-2025",structuredData:{"@context":"https://schema.org","@type":"Quiz",name:"狗狗MBTI性格測試",description:"根據毛孩性格，推薦適合嘅聖誕活動同寵物友善餐廳",educationalLevel:"Beginner",about:{"@type":"Thing",name:"狗狗性格分析"}}}),e.jsxs("div",{className:"min-h-screen flex flex-col",children:[e.jsx(be,{}),e.jsx("main",{className:"flex-1 mt-[72px]",children:e.jsxs("div",{className:"container mx-auto px-4 py-8 md:py-12",children:[!t&&e.jsxs("div",{className:"text-center max-w-3xl mx-auto mb-8 md:mb-12",children:[e.jsx("span",{className:"text-5xl md:text-6xl mb-4 block",children:"🎄🐕"}),e.jsx("h1",{className:"text-2xl sm:text-3xl md:text-4xl font-bold text-foreground mb-2",children:"聖誕去邊玩？"}),e.jsx("p",{className:"text-xl sm:text-2xl md:text-3xl font-semibold text-foreground mb-3",children:"由主子性格話事！"}),e.jsx("p",{className:"text-base sm:text-lg text-muted-foreground",children:"測狗狗 MBTI → 推介真・寵物友善餐廳 + 活

3動"})]}),e.jsx(Be,{onResultChange:i})]})}),e.jsx(Ne,{})]})};export{ns as default};