https://mobile-magic-sizer.lovable.app/assets/MassagemSection-DP6n3olF.js

1import{j as s}from"./index-BvJzu0Fk.js";import{C as n}from"./CtaButton-DKQJHbTO.js";import{B as i,T as a,V as t,W as r}from"./ui-Cu3YDUtA.js";import"./vendor-Cn_fNecn.js";const c="/assets/selo-acessorio-extra-CkQSlOS8.png",d="/assets/selo-sistema-controle-DBUf034F.png",o="/assets/controle-massagem-RuZzd2Lg.jpg",x=[{icon:t,text:s.jsxs(s.Fragment,{children:["Cápsulas massageadoras ",s.jsx("strong",{children:"imperceptíveis"}),"."]})},{icon:r,text:s.jsxs(s.Fragment,{children:["Painel em policarbonato, com teclas ",s.jsx("strong",{className:"italic",children:"Tactil Switch"}),"."]})},{icon:t,text:s.jsxs(s.Fragment,{children:["Mesmo sistema de massagem utilizados em ",s.jsx("strong",{children:"colchões ortopédicos"}),"."]})},{icon:a,text:s.jsxs(s.Fragment,{children:[s.jsx("strong",{children:"15 programas"})," com diferentes tipos de massagem em ",s.jsx("strong",{children:"10 níveis"})," de potência."]})}],m=({className:e=""})=>s.jsx("div",{className:`absolute z-20 ${e}`,children:s.jsx("img",{src:c,alt:"Acessório Extra",className:"w-[100px] h-[100px] lg:w-[120px] lg:h-[120px]"})}),j=()=>s.jsxs("section",{className:"w-full py-6 md:py-10 lg:py-12 px-3 md:px-8 lg:px-10",children:[s.jsxs("div",{className:"max-w-[1050px] mx-auto rounded-[28px] overflow-hidden",style:{backgroundColor:"#22384a"},children:[s.jsxs("div",{className:"flex flex-col items-center md:hidden px-5 py-10",children:[s.jsx("div",{className:"w-14 h-14 rounded-full flex items-center justify-center mb-3",style:{backgroundColor:"rgba(232,152,46,0.15)",border:"2px solid rgba(232,152,46,0.4)"},children:s.jsx(i,{className:"w-6 h-6",style:{color:"#E8982E"}})}),s.jsx("p",{className:"text-sm font-bold italic mb-1",style:{color:"#E8982E",fontFamily:"'Montserrat', sans-serif"},children:"Acessório mais vendido"}),s.jsx("h2",{className:"text-3xl font-extrabold mb-6",style:{color:"#FFFFFF",fontFamily:"'Montserrat', sans-serif"},children:"Massagem"}),s.jsxs("div",{className:"relative w-[75%] mb-8",children:[s.jsx("div",{className:"rounded-2xl overflow-hidden",style:{border:"3px solid rgba(255,255,255,0.15)",boxShadow:"0 8px 32px rgba(0,0,0,0.25)"},children:s.jsx("img",{src:o,alt:"Mulher usando poltrona com controle remoto",className:"w-full h-auto object-cover",loading:"lazy",decoding:"async",width:400,height:400})}),s.jsxs("div",{className:"absolute -bottom-5 -left-5 z-10 w-[80px] h-[80px] rounded-full flex flex-col items-center justify-center text-center",style:{backgroundColor:"#1f3347",border:"2.5px solid rgba(255,255,255,0.2)",boxShadow:"0 4px 16px rgba(0,0,0,0.3)"},children:[s.jsx(a,{className:"w-4 h-4 mb-0.5",style:{color:"#E8982E"}}),s.jsx("span",{className:"text-[7px] font-bold uppercase leading-tight px-1.5",style:{color:"#FFFFFF",fontFamily:"'Montserrat', sans-serif"},children:"Sistema com controle remoto"})]})]}),s.jsx("div",{className:"flex flex-col gap-3 w-full",children:x.map((e,l)=>

1s.jsxs("div",{className:"flex items-center gap-4 rounded-xl px-4 py-4",style:{backgroundColor:"rgba(255,255,255,0.06)",border:"1px solid rgba(255,255,255,0.1)"},children:[s.jsx("div",{className:"w-11 h-11 rounded-lg flex items-center justify-center shrink-0",style:{backgroundColor:"rgba(232,152,46,0.15)",border:"1px solid rgba(232,152,46,0.3)"},children:s.jsx(e.icon,{className:"w-5 h-5",style:{color:"#E8982E"}})}),s.jsx("span",{className:"text-sm leading-snug",style:{color:"#FFFFFF",fontFamily:"'Montserrat', sans-serif"},children:e.text})]},l))}),s.jsxs("div",{className:"flex items-center gap-2 mt-8",children:[s.jsx("div",{className:"w-[42%] relative shrink-0",children:s.jsx("img",{src:"https://cdn.shopify.com/s/files/1/0730/1211/7662/files/Design_sem_nome_33.png?v=1770743437",alt:"Poltrona com pontos de massagem",className:"w-full h-auto object-contain",loading:"lazy",decoding:"async",width:300,height:500})}),s.jsxs("div",{className:"w-[58%]",children:[s.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-wider mb-0",style:{color:"#FFFFFF",fontFamily:"'Montserrat', sans-serif"},children:"Pontos de"}),s.jsx("h3",{className:"text-lg font-extrabold mb-2",style:{color:"#FFFFFF",fontFamily:"'Montserrat', sans-serif"},children:"MASSAGEM"}),s.jsx("ul",{className:"space-y-1.5",style:{fontFamily:"'Montserrat', sans-serif"},children:["costas","pernas","panturrilhas"].map((e,l)=>s.jsxs("li",{className:"text-xs whitespace-nowrap",style:{color:"#FFFFFF"},children:["Massagem nas ",s.jsx("strong",{className:"underline decoration-2",style:{textDecorationColor:"#E8982E"},children:e})]},l))})]})]})]}),s.jsxs("div",{className:"hidden md:block px-8 lg:px-12 py-10 lg:py-12",children:[s.jsxs("div",{className:"relative flex gap-8 lg:gap-12",children:[s.jsx(m,{className:"-top-6 -right-6 lg:-top-8 lg:-right-8"}),s.jsxs("div",{className:"w-[38%] shrink-0 relative",children:[s.jsx("div",{className:"rounded-[20px] overflow-hidden aspect-square flex items-center justify-center",style:{backgroundColor:"#FFFFFF",boxShadow:"0 8px 30px rgba(0,0,0,0.2)"},children:s.jsx("img",{src:o,alt:"Mulher usando poltrona com controle remoto",className:"w-full h-full object-cover",loading:"lazy",decoding:"async",width:400,height:400})}),s.jsx("img",{src:d,alt:"Sistema com controle remoto",className:"absolute -top-6 -left-6 lg:-top-8 lg:-left-8 w-[90px] h-[90px] lg:w-[110px] lg:h-[110px] z-20"})]}),s.jsxs("div",{className:"w-[62%] flex flex-col justify-center",children:[s.jsx("h2",{className:"text-[32px] lg:text-[40px] font-bold mb-1",style:{color:"#FFFFFF",fontFamily:"'Montserrat', sans-serif"},children:"Massagem"}),s.jsx("p",{className:"text-xl lg:text-2xl font-bold italic mb-6",style:{color:"#E8982E",fontFamily:"'Montserrat', sans-serif"},children:"Acessório mais vendido"}),s.jsxs("ul",{className:"space-y-5 max-w-[420px]",style:{color:"#FFFFFF",fontFamily:"'Montserrat', sans-serif"},children:[s.jsxs("li",{className:"flex items-start gap-3 text-[16px] lg:text-[17px] leading-[1.7]",children:[s.jsx("span",{className:"mt-[6px] w-3 h-3 rounded-full shrink-0",style:{backgroundColor:"#E8982E"}}),s.jsxs("span",{children:["Cápsulas massageadoras ",s.jsx("strong",{children:"imperceptíveis"}),";"]})]}),s.jsxs("li",{className:"flex items-start gap-3 text-[16px] lg:text-[17px] leading-[1.7]",children:[s.jsx("span",{className:"mt-[6px] w-3 h-3 rounded-full shrink-0",style:{backgroundColor:"#E8982E"}}),s.jsxs("span",{children:["Painel em policarbonato, com teclas ",s.jsx("strong",{className:"italic",children:"Tactil Switch"}),";"]})]}),s.jsxs("li",{className:"flex items-start gap-3 text-[16px] lg:text-[17px] leading-[1.7]",children:[s.jsx("span",{className:"mt-[6px] w-3 h-3 rounded-full shrink-0",style:{backgroundColor:"#E8982E"}}),s.jsxs("span",{children:["Mesmo sistema de massagem utilizados em ",s.jsx("strong",{children:"colchões ortopédicos"}),";"]})]}),s.jsxs("li",{className:"flex items-start gap-3 text-[16px] lg:text-[17px] leading-[1.7]",children:[s.jsx("span",{className:"mt-[6px] w-3 h-3 rounded-full shrink-0",style:{backgroundColor:"#E8982E"}}),s.jsxs("span",{children:[s.jsx("strong",{children:"15 programas"})," que proporcionam diferentes tipos de massagem em ",s.jsx("strong",{children:"10 níveis"})," de potência para cada massagem."]})]})]})]})]}),s.jsxs("div",{className:"mt-14 lg:mt-16 flex items-center",children:[s.jsx("div",{className:"flex flex-col gap-3 w-[22%] shrink-0",children:[{icon:t,label:"Massagem por",bold:"vibração"},{icon:a,label:"",bold:"Temporizador"},{icon:r,label:"Massagem",bold:"infinita"}].map((e,l)=>s.jsxs("div",{className:"flex items-center gap-3 rounded-xl px-4 py-3",style:{backgroundColor:"rgba(255,255,255,0.06)",border:"1px solid rgba(255,255,255,0.1)"},children:[s.jsx("div",{className:"w-10 h-10 rounded-lg flex items-center justify-center shrink-0",style:{backgroundColor:"rgba(232,152,46,0.12)",border:"1px solid rgba(232,152,46,0.25)"},children:s.jsx(e.icon,{className:"w-5 h-5",style:{color:"#E8982E"}})}),s.jsxs("span",{className:"text-[13px] font-semibold leading-tight",style:{color:"#FFFFFF",fontFamily:"'Montserrat', sans-serif"},children:[e.label,e.label&&s.jsx("br",{}),s.jsx("strong",{style:{color:"#E8982E"},children:e.bold})]})]},l))}),s.jsx("div",{className:"flex-1 flex justify-center relative px-4",children:s.jsx("div",{className:"relative w-full max-w-[320px] lg:max-w-[360px]",children:s.jsx("img",{src:"https://cdn.shopify.com/s/files/1/0730/1211/7662/files/Design_sem_nome_33.png?v=1770743437",alt:"Poltrona com pontos de massagem",className:"w-full h-auto object-contain",loading:"lazy",decoding:"async",width:360,height:600})})}),s.jsxs("div",{className:"w-[28%] shrink-0 pl-2",children:[s.jsx("p",{className:"text-xs lg:text-sm font-bold uppercase tracking-wider mb-0.5",style:{color:"#FFFFFF",fontFamily:"'Montserrat', sans-serif"},children:"Pontos de"}),s.jsx("h3",{className:"text-[26px] lg:text-[32px] font-extrabold mb-4",style:{color:"#FFFFFF",fontFamily:"'Montserrat', sans-serif"},children:"MASSAGEM"}),s.jsx("ul",{className:"space-y-2.5",style:{fontFamily:"'Montserrat', sans-serif"},children:[{label:"Massagem nas",bold:"costas"},{label:"Massagem nas",bold:"pernas"},{label:"Massagem nas",bold:"panturrilhas"}].map((e,l)=>s.jsxs("li",{className:"text-[14px] lg:text-[15px] font-medium",style:{color:"#FFFFFF"},children:[e.label," ",s.jsx("strong",{className:"underline decoration-2 font-bold",style:{textDecorationColor:"#E8982E"},children:e.bold})]},l))})]})]})]})]}),s.jsx(n,{})]});

1export{j as default};