https://www.sleepytofu.com/build/assets/IceYarnCompare-UJTaqdTp.js

1import F from"./SectionHeading-CbxcT2fm.js";import{_ as P}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{l as n,F as r,f as j,i as H,B as b,q as I,J as k,H as s,a6 as M,G as v,a5 as y,W as g,C as O,u as V,p as _,V as w,N as e}from"./vue-core-C5VUGm2Y.js";const E=["src","alt"],C="https://imagedelivery.net/zNIh-sKcXy87rlPPOMOBdw",R={__name:"CoolingOrb",props:{variant:{type:String,required:!0,validator:c=>["silky","thick"].includes(c)},label:{type:String,required:!0}},setup(c){const p=`${C}/coolingsheets/silky.png/w=800,fit=contain,format=auto`,d=`${C}/coolingsheets/thick.png/w=800,fit=contain,format=auto`,i=c,x=j(()=>i.variant==="silky"?p:d);return(f,m)=>(n(),r("img",{src:x.value,alt:c.label,class:"orb"},null,8,E))}},N=P(R,[["__scopeId","data-v-220a6fe7"]]),S={id:"design",class:"radial-blue-1-lh scroll-mt-[56px] py-16 sm:py-24 xl:py-32"},q={class:"mx-auto mt-10 w-[calc(100%-48px)] max-w-[1200px] sm:mt-16 sm:w-[calc(100%-80px)]"},D={class:"relative mx-auto mb-14 grid max-w-[800px] grid-cols-2 sm:mb-20"},z={class:"mx-auto mb-16 grid max-w-[920px] grid-cols-2 gap-10 sm:mb-24 sm:gap-[120px]"},K={class:"flex w-full flex-col gap-[30px]"},T={class:"font-brand text-[32px] leading-none font-bold text-[#4f4f4f] sm:text-[40px] md:tracking-[0.25em]"},W=["src","alt"],X={class:"text-left text-base leading-[30px] text-[#4f4f4f] sm:text-center md:tracking-[1.6px]"},A={class:"mt-auto flex w-[150px] flex-col gap-[10px]"},G=["href"],J=["href","onClick"],L={class:"mx-auto flex max-w-[920px] flex-col gap-10 sm:gap-16"},Q={class:"mb-8 sm:mb-12"},Y={class:"bg-gradient-to-r from-[#bfe2e2] from-40% to-[#d3d7df] to-60% bg-clip-text pb-4 text-center text-[18px] font-bold tracking-[0.1em] text-transparent"},U={class:"grid grid-cols-2 gap-6 text-center sm:gap-[120px]"},$="https://imagedelivery.net/zNIh-sKcXy87rlPPOMOBdw/coolingsheets/v2",ae={__name:"IceYarnCompare",setup(c){const p=H("goPurchase",null),d=[{name:"涼滑冰紗",image:`${$}/iceyarn-silky.jpg/w=800,fit=cover,format=auto`,description:"採用尼龍加彈性纖維，不只觸感滑溜，更利用其高含水纖維的特性，創造出最強瞬間涼感，並能在入睡階段提供優異的散熱能力。",learnMoreHref:"#silky",buyHref:"#purchase-now"},{name:"厚磅冰紗",image:`${$}/iceyarn-thick.jpg/w=800,fit=cover,format=auto`,description:"是日本東洋紡的專利高分子纖維，擁有市場最佳傳導力，不只接觸時冰涼，更能整晚源源不斷的幫你傳導熱能，改善涼感寢具越睡越熱的通病。",learnMoreHref:"#thick",buyHref:"#purchase-now"}],i=l=>{const t={silky:{title:"輕薄滑溜",sub:"幾乎感覺不到重量"},thick:{title:"扎實有份量",sub:"剪刀都剪不斷"}}[l.side];return e("div",{class:"flex flex-col gap-3"},[e("p",{class:"font-bold text-[18px] sm:text-[20px] tracking-[0.1em] text-[#4f4f4f]"},t.title),e("p",{class:"text-[16px] text-[#4f4f4f] tracking-[0.08em]"},t.sub)])};i.props=["side"];const x=l=>{const t={silky:{title:`高含水尼龍
2加彈性纖維`,label:"壓倒性 Qmax",value:"0.515",sub:"極致瞬間涼感"},thick:{title:`東洋紡專利
3高分子聚乙烯`,label:"導熱係數為尼龍",value:"2x",sub:"整晚持續導熱"}}[l.side];return e("div",{class:"flex flex-col items-center gap-6"},[e("p",{class:"font-bold text-[18px] sm:text-[20px] tracking-[0.1em] text-[#4f4f4f] leading-[1.5] whitespace-pre-line"},t.title),e("div",{class:"flex flex-col items-center gap-5"},[e("p",{class:"text-[16px] text-[#4f4f4f] tracking-[0.08em]"},t.label),e("p",{class:"font-brand text-5xl sm:text-6xl tracking-[0.02em] bg-gradient-to-r from-[#bfe2e2] to-[#d3d7df] bg-clip-text text-transparent"},t.value)]),e("p",{class:"font-bold text-[18px] sm:text-[20px] tracking-[0.1em] text-[#4f4f4f]"},t.sub)])};x.props=["side"];const f=l=>l.side==="silky"?e("div",{class:"flex flex-col gap-3"},[e("p",{class:"font-bold text-[18px] sm:text-[20px] tracking-[0.1em] text-[#4f4f4f]"},"多種療癒調色"),e("p",{class:"text-[16px] text-[#4f4f4f] tracking-[0.08em] mb-4"},"臥室美感救星"),e("div",{class:"flex items-center justify-center gap-[24px]"},[e("span",{class:"block w-[30px] h-[30px] rounded-full bg-[#F7F2E9] border border-gray-300"}),e("span",{class:"block w-[30px] h-[30px] rounded-full bg-[#E8EFFA] border border-gray-300"}),e("span",{class:"block w-[30px] h-[30px] rounded-full bg-[#EBF2F2] border border-gray-300"})])]):e("div",{class:"flex flex-col gap-3"},[e("p",{class:"font-bold text-[18px] sm:text-[20px] tracking-[0.1em] text-[#4f4f4f]"},"堅持不加色，只放白"),e("p",{class:"text-[16px] text-[#4f4f4f] tracking-[0.08em]"},"傳導最佳化")]);f.props=["side"];const m=l=>{const t={silky:{title:"躺下去那一刻的感覺",sub:`適合喜歡輕盈睡眠體驗，
4睡著就沒有發熱問題的人。`},thick:{title:"睡到天亮都不悶熱",sub:`適合追求最強涼感寢具，
5容易睡到半夜熱醒的人。`}}[l.side];return e("div",{class:"flex flex-col gap-4"},[e("p",{class:"font-bold text-[18px] sm:text-[20px] tracking-[0.1em] text-[#4f4f4f]"},t.title),e("p",{class:"text-[16px] text-[#4f4f4f] tracking-[0.08em] leading-[1.7] whitespace-pre-line"},t.sub)])};m.props=["side"];const u=l=>{const t=l.side==="silky"?"#9ccfcf":"#b4bac5",a={silky:[{label:"接觸涼感",value:"5/5",stars:"★★★★★"},{label:"持續散熱",value:"3/5",stars:"★★★☆☆"}],thick:[{label:"接觸涼感",value:"4/5",stars:"★★★★☆"},{label:"持續散熱",value:"5/5",stars:"★★★★★"}]}[l.side];return e("div",{class:"flex flex-col gap-10"},a.map(o=>e("div",{class:"flex flex-col items-center gap-5"},[e("p",{class:"text-[16px] text-[#4f4f4f] tracking-[0.08em]"},o.label),e("p",{class:"font-brand text-5xl sm:text-6xl tracking-[0.02em]",style:{color:t}},o.value),e("p",{class:"text-sm sm:text-3xl tracking-[0.4em]",style:{color:t}},o.stars)])))};u.props=["side"];const B=[{label:"布料觸感",component:i},{label:"涼感原理",component:x},{label:"涼感特性",component:u},{label:"顏色選擇",component:f},{label:"如果你在意的是",component:m}];return(l,t)=>(n(),r("section",S,[b(F,{subtitle:"2 Ways","subtitle-class":"bg-gradient-to-r from-[#bfe2e2] via-[#f5f5f5] to-[#d3d7df] bg-clip-text text-transparent"},{default:I(()=>[...t[0]||(t[0]=[k(" 豆腐冰紗有兩種，",-1),s("br",{class:"hidden sm:inline"},null,-1),k(" 憑涼心講都超涼。 ",-1)])]),_:1}),s("div",q,[s("div",D,[b(N,{variant:"silky",label:"涼滑",class:"-mr-[20%]"}),b(N,{variant:"thick",label:"厚磅",class:"-ml-[20%]"})]),t[2]||(t[2]=M('<div class="mx-auto mb-14 max-w-[920px] space-y-[30px] text-left text-base leading-[30px] tracking-[1.6px] text-gray-700 sm:mb-20 sm:text-center"><p> 市面上有許多涼感方案，礦石粉末透過比熱，<br class="hidden sm:inline"> 排汗纖維透過毛細現象，PCM 透過微型石蠟膠囊控溫，<br class="hidden sm:inline"> 但共同的問題是，涼感上限極低，一吸飽就沒了，還可能越來越熱。 </p><p> 眠豆腐嚴選兩種涼感原理和優質素材，<br class="hidden sm:inline"> 分別是高含水尼龍的涼滑冰紗，與高傳導聚乙烯的厚磅冰紗，<br class="hidden sm:inline"> 讓眠友可以根據需求喜好選擇到最棒的涼感寢具。 </p></div><h3 class="mb-10 text-center text-xl leading-[1.5] font-bold tracking-[0.1em] text-black sm:mb-14 sm:text-2xl"> 「涼滑」與「厚磅」，你是哪一種？ </h3>',2)),s("div",z,[(n(),r(v,null,y(d,(a,o)=>s("div",{key:a.name,class:"flex h-full flex-col items-center gap-[30px] text-center"},[s("div",K,[s("h4",T,g(a.name),1),a.image?(n(),r("img",{key:0,src:a.image,alt:a.name,class:"block aspect-square w-full rounded-[30px] object-cover"},null,8,W)):O("",!0),s("p",X,g(a.description),1)]),s("div",A,[s("a",{href:a.learnMoreHref,class:"inline-flex cursor-pointer items-center justify-center rounded-[35px] border border-[#4f4f4f] px-8 py-3 text-[18px] tracking-[0.1em] text-[#4f4f4f] transition-colors hover:bg-gray-100"}," 了解更多 ",8,G),s("a",{href:a.buyHref,class:"inline-flex cursor-pointer items-center justify-center rounded-[35px] bg-[#72a8db] px-8 py-3 text-[18px] tracking-[0.1em] text-white transition-colors hover:bg-[#5a8fc2]",onClick:Z=>{var h;

5return(h=V(p))==null?void 0:h(o)}}," 購買 ",8,J)])])),64))]),s("div",L,[(n(),r(v,null,y(B,a=>s("div",{key:a.label},[s("div",Q,[s("p",Y,g(a.label),1),t[1]||(t[1]=s("div",{class:"h-px bg-gradient-to-r from-[#bfe2e2] from-40% to-[#d3d7df] to-60%"},null,-1))]),s("div",U,[(n(),_(w(a.component),{side:"silky"})),(n(),_(w(a.component),{side:"thick"}))])])),64))])])]))}};export{ae as default};