https://www.icasei.com.br/_next/static/chunks/pages/modelos-de-layout/[slug]-671d711760979d18.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7466],{12215:(e,t,i)=>{var a,o;!function(n){void 0!==(o="function"==typeof(a=n)?a.call(t,i,t,e):a)&&(e.exports=o),e.exports=n()}(function(){function e(){for(var e=0,t={};e<arguments.length;e++){var i=arguments[e];for(var a in i)t[a]=i[a]}return t}function t(e){return e.replace(/(%[0-9A-Z]{2})+/g,decodeURIComponent)}return function i(a){function o(){}function n(t,i,n){if("undefined"!=typeof document){"number"==typeof(n=e({path:"/"},o.defaults,n)).expires&&(n.expires=new Date(new Date*1+864e5*n.expires)),n.expires=n.expires?n.expires.toUTCString():"";try{var r=JSON.stringify(i);/^[\{\[]/.test(r)&&(i=r)}catch(e){}i=a.write?a.write(i,t):encodeURIComponent(String(i)).replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g,decodeURIComponent),t=encodeURIComponent(String(t)).replace(/%(23|24|26|2B|5E|60|7C)/g,decodeURIComponent).replace(/[\(\)]/g,escape);var s="";for(var l in n)n[l]&&(s+="; "+l,!0!==n[l]&&(s+="="+n[l].split(";")[0]));return document.cookie=t+"="+i+s}}function r(e,i){if("undefined"!=typeof document){for(var o={},n=document.cookie?document.cookie.split("; "):[],r=0;r<n.length;r++){var s=n[r].split("="),l=s.slice(1).join("=");i||'"'!==l.charAt(0)||(l=l.slice(1,-1));try{var d=t(s[0]);if(l=(a.read||a)(l,d)||t(l),i)try{l=JSON.parse(l)}catch(e){}if(o[d]=l,e===d)break}catch(e){}}return e?o[e]:o}}return o.set=n,o.get=function(e){return r(e,!1)},o.getJSON=function(e){return r(e,!0)},o.remove=function(t,i){n(t,"",e(i,{expires:-1}))},o.defaults={},o.withConverter=i,o}(function(){})})},4444:(e,t,i)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/modelos-de-layout/[slug]",function(){return i(86722)}])},30769:(e,t,i)=>{"use strict";i.d(t,{A:()=>r});var a=i(74848),o=i(96540),n=i(40729);let r=(0,o.forwardRef)((e,t)=>{let{children:i,color:o="default",size:r="medium",variant:s="contained",fullWidth:l=!1,uppercase:d=!1,compact:c=!1,disabled:p,startIcon:m,endIcon:h,customtheme:u,...g}=e;return(0,a.jsxs)(n.m,{className:s,color:o,size:r,variant:s,fullWidth:l,uppercase:d,compact:c,disabled:p,hasStartIcon:!!m,hasEndIcon:!!h,customtheme:u,ref:t,...g,children:[m,(0,a.jsx)(n.E,{children:i}),h]})})},40729:(e,t,i)=>{"use strict";i.d(t,{E:()=>o,m:()=>r});var a=i(44159);let o=a.Ay.span.withConfig({displayName:"styles__Text",componentId:"sc-5188c1bd-0"})([""]),n={default:(e,t)=>(0,a.AH)(["background-color:",";border:1px solid ",";color:",";&:hover:not(:disabled){opacity:0.8;}"," ",""],e.colors.white,e.colors.white,e.colors.somethingBlue500,"text"===t&&(0,a.AH)(["background:transparent;border:none;color:",";&:hover:not(:disabled){opacity:1;background:",";}&:disabled{opacity:0.48;}"],e.colors.groomSuit900,e.colors.groomSuit50),"outlined"===t&&(0,a.AH)(["background:transparent;color:",";&:hover:not(:disabled){background:rgba(255,255,255,0.24);}"],e.colors.white)),primary:(e,t,i)=>(0,a.AH)(["background-color:",";border:1px solid ",";color:",";&:hover:not(:disabled){background-color:",";border:1px solid ",";color:",";","}",""],i?i.colors.primary500:e.colors.somethingBlue500,i?i.colors.primary500:e.colors.somethingBlue500,e.colors.white,i?i.colors.primary800:e.colors.somethingBlue600,i?i.colors.primary800:e.colors.somethingBlue600,e.colors.white,"outlined"===t&&i&&(0,a.AH)(["background-color:",";color:",";border-color:",";"],i.colors.primary500,e.colors.white,i.colors.primary500),"outlined"===t&&(0,a.AH)(["background:transparent;color:",";@media (min-width:992px){color:",";}"],i?i.colors.primary500:e.colors.somethingBlue500,i?i.colors.primary500:e.colors.somethingBlue500)),secondary:e=>(0,a.AH)(["background:rgba(255,255,255,0.24);border:1px solid transparent;color:",";&:hover:not(:disabled){background:rgba(255,255,255,0.32);}"],e.colors.white),small:e=>(0,a.AH)(["height:3.2rem;padding:0 1.6rem;font:",";"],e.fonts.body3Highlight),medium:e=>(0,a.AH)(["height:4.8rem;padding:0 2.4rem;font:",";"],e.fonts.body2Highlight),large:e=>(0,a.AH)(["height:5.6rem;padding:0 3.2rem;font:",";"],e.fonts.body1Highlight),fullWidth:()=>(0,a.AH)(["width:100%;"]),uppercase:()=>(0,a.AH)(["text-transform:uppercase;"]),compact:()=>(0,a.AH)(["padding:0 16px;padding:0 1.6rem;"]),hasStartIcon:()=>(0,a.AH)(["","{margin-left:8px;margin-left:0.8rem;}"],o),hasEndIcon:()=>(0,a.AH)(["","{margin-right:8px;margin-right:0.8rem;}"],o)},r=a.Ay.button.withConfig({displayName:"styles__Wrapper",componentId:"sc-5188c1bd-1"})(["",""],e=>{let{theme:t,color:i,size:o,variant:r,fullWidth:s,uppercase:l,compact:d,hasStartIcon:c,hasEndIcon:p,customtheme:m}=e;return(0,a.AH)(["display:inline-flex;align-items:center;justify-content:center;border-radius:4px;transition:all 0.3s ease-out;text-decoration:none;white-space:nowrap;max-width:100%;cursor:pointer;&:disabled{cursor:not-allowed;}"," "," "," "," "," "," ",""],!!i&&n[i](t,r,m),!!o&&n[o](t),!!s&&n.fullWidth(),!!l&&n.uppercase(),!!d&&n.compact(),!!c&&n.hasStartIcon(),!!p&&n.hasEndIcon())})},78102:(e,t,i)=>{"use strict";i.d(t,{A:()=>

1o});var a=i(44159);let o=a.Ay.div.withConfig({displayName:"Container",componentId:"sc-96b36f4a-0"})(["",";"],()=>(0,a.AH)(["width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;@media (min-width:576px){max-width:540px;}@media (max-width:991px) and (min-width:576px){padding-left:0px;padding-right:0px;}@media (min-width:768px){max-width:720px;}@media (min-width:992px){max-width:960px;}@media (min-width:1200px){max-width:1140px;}"]))},3330:(e,t,i)=>{"use strict";i.d(t,{A:()=>o});var a=i(74848);i(96540);let o=e=>(0,a.jsx)("svg",{xmlns:"https://www.w3.org/2000/svg",height:24,viewBox:"0 0 24 24",width:24,...e,children:(0,a.jsx)("path",{d:"M16.01 11H4v2h12.01v3L20 12l-3.99-4z"})})},46193:(e,t,i)=>{"use strict";i.d(t,{A:()=>o});var a=i(74848);i(96540);let o=e=>(0,a.jsx)("svg",{xmlns:"https://www.w3.org/2000/svg",height:24,viewBox:"0 0 24 24",width:24,...e,children:(0,a.jsx)("path",{d:"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})})},91178:(e,t,i)=>{"use strict";i.d(t,{A:()=>o});var a=i(74848);i(96540);let o=e=>(0,a.jsx)("svg",{xmlns:"https://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...e,children:(0,a.jsxs)("g",{fill:"none",fillRule:"evenodd",children:[(0,a.jsx)("path",{fill:"#424242",d:"m7 10 5 5 5-5z",opacity:.6}),(0,a.jsx)("path",{d:"M0 0h24v24H0z"})]})})},80755:(e,t,i)=>{"use strict";i.d(t,{A:()=>g});var a=i(74848),o=i(96540),n=i(66411),r=i(91178),s=i(44159),l=i(96980),d=i(19446);let c=s.Ay.div.withConfig({displayName:"styles__Wrapper",componentId:"sc-adb1551-0"})(["width:100%;"]),p={hasError:()=>(0,s.AH)(["animation:",";animation-fill-mode:both;animation-duration:1s;animation-timing-function:ease-in-out;"],d.ni)},m=s.Ay.div.withConfig({displayName:"styles__Container",componentId:"sc-adb1551-1"})(["",";"],e=>{let{hasError:t}=e;return(0,s.AH)(["position:relative;width:100%;",";& > svg{position:absolute;right:12px;background:#fff;top:50%;transform:translateY(-50%);cursor:pointer;pointer-events:none;}.custom-svg{*{fill:inherit;}}"],!!t&&p.hasError())});s.Ay.div.withConfig({displayName:"styles__CustomInputWrapper",componentId:"sc-adb1551-2"})(["position:absolute;top:50%;transform:translateY(-50%);right:16px;background:#fff;"]);let h=s.Ay.label.withConfig({displayName:"styles__Label",componentId:"sc-adb1551-3"})(["",";"],e=>{let{theme:t}=e;return(0,s.AH)(["",";font-weight:300;color:#424242;position:absolute;left:12px;top:-8px;background:#fff;display:block;padding-left:6px;padding-right:6px;transition:all 0.15s linear;"],l.A.ContentSmallMain(t))}),u=s.Ay.select.withConfig({displayName:"styles__Select",componentId:"sc-adb1551-4"})(["",";"],e=>{let{theme:t}=e;return(0,s.AH)(["transition:border 0.4s linear;border:solid 1px #e0e0e0;border-radius:5px;width:100%;height:56px;padding:16px;background:",";",";line-height:1.5;font-weight:300;color:#424242;cursor:pointer;&:focus{border:solid 1px ",";outline:none;}-moz-appearance:none;-webkit-appearance:none;&::-ms-expand{display:none;}&:-webkit-autofill,&:-webkit-autofill:hover,&:-webkit-autofill:focus,&:-webkit-autofill{-webkit-text-fill-color:",";}"],t.colors.white,l.A.ContentDenseMain(t),t.colors.groomSuit600,t.colors.groomSuit600)});function g(e){let{name:t,label:i,...s}=e,l=(0,o.useRef)(null),{fieldName:d,defaultValue:p,registerField:g,error:x}=(0,n.Mt)(t);return(0,o.useEffect)(()=>{g({name:d,ref:l.current,getValue:e=>e.value?e.value:""})},[d,g]),(0,a.jsx)(c,{children:(0,a.jsxs)(m,{hasError:!!x,children:[i&&(0,a.jsx)(h,{htmlFor:t,children:i}),(0,a.jsx)(u,{ref:l,id:t,name:t,defaultValue:p,...s}),(0,a.jsx)(r.A,{})]})})}},33065:(e,t,i)=>{"use strict";i.d(t,{A:()=>o});var a=i(96540);function o(){let e=(0,a.useCallback)(e=>{var t;null===(t=window.dataLayer)||void 0===t||t.push(e)},[]),t=(0,a.useCallback)(e=>{void 0!==window.dataLayer&&window.dataLayer.push({event:"customSignUpSocialButton",eventCategory:"Cadastro - Bot\xf5es Social",eventAction:"Click",eventLabel:e,eventValue:""})},[]),i=(0,a.useCallback)(()=>{void 0!==window.dataLayer&&window.dataLayer.push({event:"customEmaiExistsError",eventCategory:"Cadastro - Erro",eventAction:"Error",eventLabel:"E-mail em uso",eventValue:""})},[]),o=(0,a.useCallback)(()=>{void 0!==window.dataLayer&&window.dataLayer.push({event:"customGuestAccountError",eventCategory:"Cadastro - Erro",eventAction:"Error",eventLabel:"Conta de convidado",eventValue:""})},[]),n=(0,a.useCallback)(()=>{void 0!==window.dataLayer&&window.dataLayer.push({event:"customGenericError",eventCategory:"Cadastro - Erro",eventAction:"Error",eventLabel:"Erro gen\xe9rico",eventValue:""})},[]),r=(0,a.useCallback)(()=>{void 0!==window.dataLayer&&window.dataLayer.push({event:"customSocialAppleError",eventCategory:"Cadastro - Erro",eventAction:"Error",eventLabel:"Erro Apple",eventValue:""})},[]),s=(0,a.useCallback)(e=>{if(void 0===window.dataLayer)return;let t={...e};"facebook"===t.provider&&(t.provider="fb"),window.dataLayer.push(t)},[]),l=(0,a.useCallback)(e=>{void 0!==window.dataLayer&&window.dataLayer.push({event:"customSocialEmailExistsError",eventCategory:"Cadastro - Erro",eventAction:"Error",eventLabel:"Bot\xe3o social - ".concat(e),eventValue:""})},[]),d=(0,a.useCallback)(()=>{void 0!==window.dataLayer&&window.dataLayer.push({event:"criteoHomepage",email:"",zipcode:""})},[]);return{pushData:e,customSignUpSocialButton:t,customEmaiExistsError:i,customGuestAccountError:o,customGenericError:n,customSocialAppleError:r,pushSocialData:s,customSocialError:l,criteoHomepage:d,purchase:(0,a.useCallback)(e=>{void 0!==window.dataLayer&&(window.dataLayer.push({ecommerce:null}),window.dataLayer.push({event:"purchase",payment_type:"Gratuito",ecommerce:{transaction_id:e.transaction_id,currency:"BRL",value:e.value,tax:0,shipping:0,items:e.items.map(function(e,t){return{item_id:e.item_id,item_name:e.item_name,affiliation:e.affiliation,currency:"BRL",discount:e.discount,index:t,item_category:"Planos",item_category2:e.item_category2,item_variant:e.item_variant,price:e.price,quantity:e.quantity}})}}))},[]),addToCart:(0,a.useCallback)(e=>{void 0!==window.dataLayer&&(window.dataLayer.push({ecommerce:null}),window.dataLayer.push({event:"add_to_cart",ecommerce:{currency:"BRL",value:e.value,items:e.items.map(function(e,t){return{item_id:e.item_id,item_name:e.item_name,affiliation:e.affiliation,currency:"BRL",discount:e.discount,index:t,item_category:"Planos",item_category2:e.item_category2,item_variant:e.item_variant,price:e.price,quantity:e.quantity}})}}))},[]),signUp:(0,a.useCallback)(e=>{void 0!==window.dataLayer&&window.dataLayer.push({event:"sign_up",method:e})},[])}}},86722:(e,t,i)=>{"use strict";i.r(t),i.d(t,{__N_SSP:()=>G,default:()=>Z});var a=i(74848),o=i(4853),n=i(96540),r=i(91106),s=i.n(r),l=i(12215),d=i.n(l),c=i(33065),p=i(80755),m=i(30769),h=i(46193),u=i(44159),g=i(96980),x=i(78102),y=i(40729);let f=u.Ay.div.withConfig({displayName:"styles__Wrapper",componentId:"sc-193a5db0-0"})(["",""],e=>{let{opened:t}=e;return(0,u.AH)(["position:fixed;top:0;left:0;width:100%;height:100vh;z-index:100;background:#f5f5f5;opacity:",";pointer-events:",";transition:opacity 0.2s linear;"],t?1:0,t?"all":"none")}),w=u.Ay.header.withConfig({displayName:"styles__Header",componentId:"sc-193a5db0-1"})(["border-bottom:1px solid #e0e0e0;height:56px;"]),v=(0,u.Ay)(x.A).withConfig({displayName:"styles__HeaderContainer",componentId:"sc-193a5db0-2"})(["height:100%;"]),b=u.Ay.button.withConfig({displayName:"styles__CloseButton",componentId:"sc-193a5db0-3"})(["",""],e=>{let{theme:t}=e;return(0,u.AH)(["",";font-weight:bold;letter-spacing:1px;color:",";transition:color 0.2s linear;text-transform:uppercase;background:none;border:none;height:100%;display:flex;align-items:center;justify-content:center;& > svg{margin-right:8px;path{transition:fill 0.2s linear;fill:",";}}&:hover{color:",";& > svg{& path{fill:",";}}}"],g.A.ContentSmallMain(t),t.colors.groomSuit900,t.colors.groomSuit900,t.colors.somethingBlue500,t.colors.somethingBlue500)}),C=u.Ay.div.withConfig({displayName:"styles__Content",componentId:"sc-193a5db0-4"})(["height:calc(100vh - 112px);padding:72px 15px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-y:auto;","{display:none;}@media (min-width:768px){height:calc(100vh - 56px);","{min-height:56px;display:inline-flex;font-size:14px;font-size:1.4rem;}}@media (min-width:992px){padding:96px 15px;}"],y.m,y.m),A=u.Ay.h1.withConfig({displayName:"styles__Title",componentId:"sc-193a5db0-5"})(["",";"],e=>{let{theme:t}=e;return(0,u.AH)(["",";text-align:center;margin-bottom:16px;@media (min-width:768px){",";}"],g.A.TitleSmallMain(t),g.A.TitleMediumMain(t))}),_=u.Ay.h2.withConfig({displayName:"styles__Subtitle",componentId:"sc-193a5db0-6"})(["",";"],e=>{let{theme:t}=e;return(0,u.AH)(["",";color:",";font-weight:400;text-align:center;@media (min-width:768px){",";}"],g.A.ContentDenseMain(t),t.colors.groomSuit600,g.A.ContentMain(t))}),j=u.Ay.strong.withConfig({displayName:"styles__TemplateName",componentId:"sc-193a5db0-7"})(["font-weight:500;"]),k=u.Ay.div.withConfig({displayName:"styles__ExemplesWrapper",componentId:"sc-193a5db0-8"})(["width:100%;display:flex;flex-direction:column;max-width:346px;margin:72px auto 0 auto;justify-content:center;@media (min-width:768px){flex-direction:row;flex-wrap:wrap;margin-bottom:72px;ul:nth-child(2n){margin-left:30px;}}@media (min-width:992px){max-width:730px;margin-top:96px;margin-bottom:96px;ul{margin-left:30px;}ul:nth-child(1){margin-left:0px;}}"]),E=u.Ay.ul.withConfig({displayName:"styles__ExemplesList",componentId:"sc-193a5db0-9"})(["display:flex;flex-direction:column;margin:unset;& + &{margin-top:8px;}@media (min-width:768px){max-width:158px;width:calc(100% / 2);& + &{margin-top:0px;}}@media (min-width:992px){max-width:160px;width:calc(100% / 4);}"]),I=u.Ay.li.withConfig({displayName:"styles__ExemplesListItem",componentId:"sc-193a5db0-10"})(["text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;& + &{margin-top:8px;}@media (min-width:768px){text-align:left;& + &{margin-top:0px;}}"]),L=u.Ay.a.withConfig({displayName:"styles__ExemplesLink",componentId:"sc-193a5db0-11"})(["",";"],e=>{let{theme:t}=e;return(0,u.AH)(["",";line-height:2;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all 0.2s ease;&:hover{color:",";}"],g.A.ContentDenseMain(t),t.colors.somethingBlue500)}),H=u.Ay.a.withConfig({displayName:"styles__FloatButton",componentId:"sc-193a5db0-12"})(["",""],e=>{let{theme:t}=e;return(0,u.AH)([""," width:100%;height:56px;border:none;background:#73bcf6;box-shadow:0 -4px 22px 6px rgba(0,0,0,0.2);display:flex;align-items:center;justify-content:center;@media (min-width:768px){display:none;}"],g.A.ButtonDenseDark(t))}),N=e=>{let{exemples:t,tabIndex:i}=e;return 0===t.length?null:(0,a.jsx)(E,{children:t.map(e=>(0,a.jsx)(I,{children:(0,a.jsx)(L,{href:e.url,target:"_blank",rel:"noopener noreferrer",tabIndex:i,children:e.coupleName})},e.url))})},S=e=>{let{id:t,idTemplate:i,name:o,realExamples:r=[],opened:l,onClose:p}=e,{pushData:u}=(0,c.A)(),g=(0,n.useRef)(null),x=l?0:-1,[y,E,I,L]=(0,n.useMemo)(()=>[r.slice(0,10),r.slice(10,20),r.slice(20,30),r.slice(30,40)],[r]);(0,n.useEffect)(()=>{let e=e=>{"Escape"===e.key&&l&&p()};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[l,p]);let S=()=>{u({event:"customPreviewRealExamplesCreateSite",eventCategory:"Preview de Template - Exemplos Reais - Cta Criar site",eventAction:d().get("previousUrl")||"(nulo)",eventLabel:"".concat(t," - ").concat(o),eventValue:""})};return(0,a.jsxs)(f,{ref:g,role:"dialog","aria-labelledby":"dialogExamplesTitle","aria-describedby":"dialogExamplesDesc",opened:l,"aria-hidden":!l,children:[(0,a.jsx)(w,{children:(0,a.jsx)(v,{children:(0,a.jsxs)(b,{onClick:p,tabIndex:x,children:[(0,a.jsx)(h.A,{}),"Fechar"]})})}),(0,a.jsxs)(C,{children:[(0,a.jsx)(A,{id:"dialogExamplesTitle",children:"Exemplos reais"}),(0,a.jsxs)(_,{id:"dialogExamplesDesc",children:["Confira alguns sites de casamento que utilizam o layout",(0,a.jsxs)(j,{children:[" ",o,":"]})]}),(0,a.jsxs)(k,{children:[(0,a.jsx)(N,{exemples:y,tabIndex:x}),(0,a.jsx)(N,{exemples:E,tabIndex:x}),(0,a.jsx)(N,{exemples:I,tabIndex:x}),(0,a.jsx)(N,{exemples:L,tabIndex:x})]}),(0,a.jsx)(s(),{legacyBehavior:!0,href:"/criar-site-de-casamento?template=".concat(i),passHref:!0,children:(0,a.jsx)(m.A,{as:"a",color:"primary",size:"large",tabIndex:x,onClick:S,children:"Criar meu site com esse layout"})})]}),(0,a.jsx)(s(),{legacyBehavior:!0,href:"/criar-site-de-casamento?template=".concat(i),passHref:!0,children:(0,a.jsx)(H,{tabIndex:x,onClick:S,children:"Criar meu site com esse layout"})})]})};

1var B=i(3330),z=i(62776);let M=u.Ay.div.withConfig({displayName:"styles__Wrapper",componentId:"sc-ab62852c-0"})(["height:100%;width:100%;position:fixed;top:0;left:0;overflow-y:auto;"]),R=u.Ay.section.withConfig({displayName:"styles__Preview",componentId:"sc-ab62852c-1"})(["",""],e=>{let{detailsOpened:t,detailsHeight:i}=e;return(0,u.AH)(["position:relative;height:",";transition:height 0.2s linear;display:flex;align-items:center;justify-content:center;background:#fafafa;& > iframe{border:none;height:100%;width:100%;z-index:5;}@media (min-width:768px){height:calc(100% - 96px);}"],t?"calc(100% - ".concat(i,"px)"):"calc(100% - 56px)")}),T=u.Ay.section.withConfig({displayName:"styles__Overlay",componentId:"sc-ab62852c-2"})(["",""],e=>{let{detailsOpened:t}=e;return(0,u.AH)(["position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:rgba(66,66,66,0.2);pointer-events:none;z-index:10;opacity:",";transition:opacity 0.2s linear;@media (min-width:768px){opacity:0;}"],t?1:0)}),V=u.Ay.div.withConfig({displayName:"styles__LoadingWrapper",componentId:"sc-ab62852c-3"})(["position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;"]),D=u.Ay.img.withConfig({displayName:"styles__LoadingImage",componentId:"sc-ab62852c-4"})(["width:80px;height:80px;margin-bottom:16px;"]),O=u.Ay.p.withConfig({displayName:"styles__LoadingTitle",componentId:"sc-ab62852c-5"})(["",""],e=>{let{theme:t}=e;return(0,u.AH)([""," margin-bottom:5px;"],g.A.TitleExtraSmallMain(t))}),P=u.Ay.p.withConfig({displayName:"styles__LoadingSubtitle",componentId:"sc-ab62852c-6"})(["",""],e=>{let{theme:t}=e;return(0,u.AH)(["",""],g.A.SubtitleExtraSmallMain(t))}),W=u.Ay.section.withConfig({displayName:"styles__Bar",componentId:"sc-ab62852c-7"})(["",""],e=>{let{detailsOpened:t,detailsHeight:i}=e;return(0,u.AH)(["position:relative;height:",";transition:height 0.2s linear;box-shadow:22px 51px 41px 24px rgb(0,0,0),38px 11px 2px 7px rgba(0,0,0,0.12);background:white;overflow:hidden;z-index:5;@media (min-width:768px){height:96px;}"],t?"".concat(i,"px"):"56px")}),U=u.Ay.div.withConfig({displayName:"styles__BarContainer",componentId:"sc-ab62852c-8"})(["height:100%;padding:0 15px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;@media (min-width:768px){padding:24px 24px 16px 24px;max-width:1188px;}"]),F=u.Ay.a.withConfig({displayName:"styles__BackButton",componentId:"sc-ab62852c-9"})(["",""],e=>{let{theme:t,detailsOpened:i}=e;return(0,u.AH)([""," font-weight:700;letter-spacing:1px;color:",";text-transform:uppercase;display:flex;align-items:center;height:56px;background:0;border:0;cursor:pointer;transition:color 0.2s ease;opacity:",";pointer-events:",";> svg{transform:rotate(180deg);margin-right:8px;path{transition:fill 0.2s ease;}}&:hover{color:",";& > svg{& path{fill:",";}}}@media (min-width:768px){opacity:1;pointer-events:all;}"],g.A.ContentSmallMain(t),t.colors.groomSuit900,i?0:1,i?"none":"all",t.colors.somethingBlue500,t.colors.somethingBlue500)}),X=u.Ay.button.withConfig({displayName:"styles__SeeDetailsButton",componentId:"sc-ab62852c-10"})(["",""],e=>{let{theme:t,detailsOpened:i}=e;return(0,u.AH)(["font-family:",";font-size:13px;font-size:1.3rem;font-weight:500;line-height:1.54;color:",";display:flex;align-items:center;height:56px;background:none;border:none;> svg{margin-left:4px;transition:transform 0.2s;transform:",";}@media (min-width:768px){display:none;}"],t.fontFamily.sans,t.colors.somethingBlue500,i?"rotate(180deg)":"rotate(0)")}),J=u.Ay.div.withConfig({displayName:"styles__Actions",componentId:"sc-ab62852c-11"})(["",""],e=>{let{detailsOpened:t}=e;return(0,u.AH)(["width:100%;padding:16px 0;display:",";button{margin-bottom:16px;}","{font-size:14px;font-size:1.4rem;}@media (min-width:768px){width:auto;display:flex;padding:0;button{margin-bottom:0;margin-right:16px;}","{width:auto;padding:0 24px;padding:0 2.4rem;}}"],t?"block":"none",y.m,y.m)}),q=(0,u.Ay)(z.l).withConfig({displayName:"styles__Form",componentId:"sc-ab62852c-12"})(["margin-bottom:16px;@media (min-width:768px){margin-bottom:0;margin-right:16px;width:242px;}@media (min-width:992px){width:290px;}"]),Y=e=>{let{id:t,idTemplate:i,name:o,realExamples:r=[],siteLink:l,animatedIntroLink:h,saveTheDateLink:u}=e,{pushData:g}

1=(0,c.A)(),[x,y]=(0,n.useState)("layout"),[f,w]=(0,n.useState)(!1),[v,b]=(0,n.useState)(!1),C=(0,n.useMemo)(()=>{let e=147;return(h||u)&&(e+=72),r.length&&(e+=72),e},[h,u,r]),A=(0,n.useMemo)(()=>"intro"===x?"Carregando introdu\xe7\xe3o animada :)":"std"===x?"Carregando Save the date :)":"Carregando modelo de layout :)",[x]);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(M,{children:[(0,a.jsxs)(R,{detailsOpened:v,detailsHeight:C,children:[(0,a.jsx)(T,{detailsOpened:v}),(0,a.jsxs)(V,{children:[(0,a.jsx)(D,{src:"/injs/loader_grey.gif"}),(0,a.jsx)(O,{children:"Aguarde…"}),(0,a.jsx)(P,{children:A})]}),"layout"===x&&(0,a.jsx)("iframe",{title:"Site de casamento ".concat(o),frameBorder:"0",scrolling:"yes",src:l}),"intro"===x&&(0,a.jsx)("iframe",{title:"Introdu\xe7\xe3o animada ".concat(o),frameBorder:"0",scrolling:"yes",src:h}),"std"===x&&!!u&&(0,a.jsx)("iframe",{title:"Save the date ".concat(o),frameBorder:"0",scrolling:"yes",src:u})]}),(0,a.jsx)(W,{detailsOpened:v,detailsHeight:C,children:(0,a.jsxs)(U,{children:[(0,a.jsxs)(F,{detailsOpened:v,href:"/modelos-de-layout",children:[(0,a.jsx)(B.A,{}),"Voltar"]}),(0,a.jsxs)(X,{detailsOpened:v,onClick:()=>b(!v),children:["Ver detalhes"," ",(0,a.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 20 20",xmlns:"https://www.w3.org/2000/svg",children:(0,a.jsxs)("g",{fill:"none",fillRule:"evenodd",children:[(0,a.jsx)("path",{opacity:".87",d:"M20 20H0V0h20z"}),(0,a.jsx)("path",{fill:"currentColor",fillRule:"nonzero",d:"M13.825 7.158 10 10.975 6.175 7.158 5 8.333l5 5 5-5z"})]})})]}),(0,a.jsxs)(J,{detailsOpened:v,children:[(h||u)&&(0,a.jsx)(q,{onSubmit:()=>null,placeholder:void 0,children:(0,a.jsxs)(p.A,{name:"select",label:"Visualizar:",defaultValue:"layout",onChange:e=>{y(e.target.value)},children:[(0,a.jsx)("option",{value:"layout",children:"Modelo de layout"}),!!h&&(0,a.jsx)("option",{value:"intro",children:"Introdu\xe7\xe3o animada"}),!!u&&(0,a.jsx)("option",{value:"std",children:"Save the date"})]})}),!!r.length&&(0,a.jsx)(m.A,{id:"view-real-examples",color:"primary",variant:"outlined",size:"large",fullWidth:!0,onClick:()=>{g({event:"customPreviewViewRealExamples",eventCategory:"Preview de Template - Cta Exemplos Reais",eventAction:d().get("previousUrl")||"(nulo)",eventLabel:"".concat(t," - ").concat(o),eventValue:""}),w(!0)},children:"Exemplos reais"}),(0,a.jsx)(s(),{legacyBehavior:!0,href:"/criar-site-de-casamento?template=".concat(i),passHref:!0,children:(0,a.jsx)(m.A,{as:"a",id:"view-real-examples",color:"primary",size:"large",fullWidth:!0,onClick:()=>{g({event:"customPreviewCreateSite",eventCategory:"Preview de Template - Cta Criar site",eventAction:d().get("previousUrl")||"(nulo)",eventLabel:"".concat(t," - ").concat(o),eventValue:""})},children:"Comece J\xe1"})})]})]})})]}),(0,a.jsx)(S,{id:t,idTemplate:i,name:o,realExamples:r,opened:f,onClose:()=>w(!1)})]})};var G=!0;let Z=e=>(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.bV,{title:"Layout ".concat(e.name||""," | iCasei"),description:"Crie seu site de casamento com o layout ".concat(e.name,". Comece J\xe1!"),twitter:{cardType:"summary_large_image",site:"Layout ".concat(e.name||""," | iCasei"),handle:"Crie seu site de casamento com o layout ".concat(e.name,". Comece J\xe1!")},openGraph:{url:"https://www.icasei.com.br/modelos-de-layout",title:"Layout ".concat(e.name||""," | iCasei"),type:"website",description:"Crie seu site de casamento com o layout ".concat(e.name,". Comece J\xe1!"),images:[{url:"https://www.icasei.com.br/facelogo.png"}],site_name:"iCasei",locale:"pt_BR"},additionalLinkTags:[{rel:"prev",href:"https://www.icasei.com.br/modelos-de-layout/layout-".concat(e.id-1,"-1")},{rel:"next",href:"https://www.icasei.com.br/modelos-de-layout/layout-".concat(e.id+1,"-1")}]}),(0,a.jsx)(Y,{...e})]})},19446:(e,t,i)=>{"use strict";i.d(t,{Si:()=>r,e$:()=>n,ni:()=>o,qG:()=>s});var a=i(44159);let o=(0,a.i7)(["0%{transform:translateX(0);}6.5%{transform:translateX(-6px) rotateY(-9deg);}18.5%{transform:translateX(5px) rotateY(7deg);}31.5%{transform:translateX(-3px) rotateY(-5deg);}43.5%{transform:translateX(2px) rotateY(3deg);}50%{transform:translateX(0);}"]),n=(0,a.i7)(["to{transform:rotate(360deg);}"]),r=(0,a.i7)(["0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}"]),s=(0,a.i7)(["from{opacity:0;}to{opacity:1;}"])}},e=>{var t=t=>e(e.s=t);e.O(0,[1106,2776,1033,8874,636,8544,1476,9181,3844,3336,8872,2551,6816,8792],()=>t(4444)),_N_E=e.O()}]);