https://chatfuel.com/_next/static/chunks/3132-029709ea1a413927.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3132],{42943:function(e,t,a){"use strict";a.d(t,{D:function(){return AuthorAvatar}});var l=a(85893);function AuthorAvatar(e){let{url:t,name:a,size:i,className:s=""}=e;return(0,l.jsx)("div",{className:"relative shrink-0 overflow-hidden rounded-full bg-white/10 ".concat(s),style:{width:i,height:i},children:t?(0,l.jsx)("img",{alt:a,className:"absolute inset-0 h-full w-full object-cover",src:t}):(0,l.jsxs)("svg",{className:"absolute inset-0 h-full w-full",viewBox:"0 0 ".concat(i," ").concat(i),fill:"none","aria-hidden":!0,children:[(0,l.jsx)("circle",{cx:i/2,cy:.385*i,r:.18*i,fill:"white",fillOpacity:"0.3"}),(0,l.jsx)("ellipse",{cx:i/2,cy:.82*i,rx:.29*i,ry:.193*i,fill:"white",fillOpacity:"0.3"})]})})}a(67294)},29576:function(e,t,a){"use strict";a.d(t,{w:function(){return TemplateCard}});var l=a(85893);a(67294);var i=a(27561),s=a(96182),n=a(99193),r=a(42943);let o="/assets/template-installation";function TemplateCard(e){var t,a,c;let{template:x,author:d}=e,{t:p}=(0,i.$G)("templates"),m=(0,s._)(),g=null!==(t=n.Yo[x.iconType])&&void 0!==t?t:n.Yo.cursor,u=null!==(a=n.Re[x.iconType])&&void 0!==a?a:n.Re.cursor;return(0,l.jsxs)("a",{href:"".concat(m,"/templates/").concat(x.id),className:"group relative flex h-[210px] w-full cursor-pointer flex-col overflow-hidden rounded-[24px] p-6 text-left",style:{backgroundImage:"linear-gradient(123.65deg, rgba(217,217,217,0.05) 0.59%, rgba(4,11,22,0.05) 100%), linear-gradient(90deg, #0e1520 0%, #0e1520 100%)"},children:[(0,l.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,l.jsx)("div",{className:"relative h-11 w-11 flex-shrink-0 overflow-hidden rounded-xl",style:{backgroundImage:g},children:(0,l.jsx)("img",{alt:"",className:"absolute left-[10px] top-[10px] h-6 w-6",src:"".concat(o,"/").concat(u)})}),d&&(0,l.jsx)(r.D,{url:d.avatarUrl,name:d.name,size:36})]}),(0,l.jsx)("p",{className:"mt-auto whitespace-nowrap font-body text-[13px] font-normal leading-[18px] tracking-[-0.13px] text-white/70",children:(null!==(c=x.installs)&&void 0!==c?c:0)>0?p("installs",{count:x.installs}):p("new")}),(0,l.jsxs)("div",{className:"mt-[10px] flex flex-col gap-2",children:[(0,l.jsx)("p",{className:"line-clamp-2 font-display text-[18px] font-medium leading-6 tracking-[-0.54px] text-white",children:x.title}),(0,l.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,l.jsx)("span",{className:"truncate font-body text-[16px] font-medium leading-[22px] tracking-[-0.16px] text-white/70",children:p("categoryName.".concat((0,n.Be)(x.category)),x.category)}),null!=x.rating&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"mt-0.5 h-1 w-1 flex-shrink-0 rounded-full bg-white/50"}),(0,l.jsxs)("div",{className:"flex items-center gap-1",children:[(0,l.jsx)("span",{className:"font-body text-[15px] font-medium leading-[19px] tracking-[-0.15px] text-white/70",children:x.rating.toFixed(1).replace(".",",")}),(0,l.jsx)("img",{alt:"",className:"h-3.5 w-3.5",src:"".concat(o,"/icon-star.svg")})]})]})]})]})]})}},96182:function(e,t,a){"use strict";a.d(t,{_:function(){return useLocalePrefix}});var l=a(27561);function useLocalePrefix(){let{i18n:e}=(0,l.$G)(),t=e.language;return t&&"en"!==t?"/".concat(t):""}},99193:function(e,t,a){"use strict";a.d(t,{Be:function(){return categoryToSlug},Re:function(){return i},Yo:function(){return l},zo:function(){return toAuthorDirectory}}),a(34155);let l={cursor:"linear-gradient(335deg, #F7EAFF -184.62%, #5E0E6C 131.69%)",moon:"linear-gradient(344deg, #EAEFFF -332.97%, #0E226C 137.04%)",repeat:"linear-gradient(340deg, #EAFFFF -351.08%, #6C1E3A 105.96%)",chat:"linear-gradient(340deg, #EAF7FF -351.08%, #1E556C 105.96%)",grow:"linear-gradient(336deg, #EEEAFF -201.55%, #2F0E6C 124.49%)"},i={cursor:"icon-cursor.svg",moon:"icon-moon.svg",repeat:"icon-repeat.svg",chat:"icon-chat.svg",grow:"icon-grow.svg"};function categoryToSlug(e){return e.toLowerCase().replace(/\s*&\s*/g,"-").replace(/\s+/g,"-")}function toAuthorDirectory(e){return Object.fromEntries(e.map(e=>[e.id,e]))}},73132:function(e,t,a){"use strict";a.r(t),a.d(t,{__N_SSP:function(){return f},default:function(){return templates}});var l=a(85893),i=a(67294),s=a(27561),n=a(41664),r=a.n(n),o=a(96182),c=a(99193),x=a(6936),d=a(29576),p=a(42943);let m="/assets/template-installation";function ExpertCard(e){var t;let{author:a}=e,{t:i}=(0,s.$G)("templates"),n=(0,o._)();return(0,l.jsxs)("a",{href:"".concat(n,"/templates/author/").concat(a.id),className:"flex flex-col gap-6 overflow-hidden rounded-[24px] p-6",style:{backgroundImage:"linear-gradient(113.87deg, rgba(217,217,217,0.05) 0.59%, rgba(4,11,22,0.05) 100%), linear-gradient(90deg, #0e1520 0%, #0e1520 100%)"},children:[(0,l.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,l.jsx)(p.D,{url:a.avatarUrl,name:a.name,size:88}),(0,l.jsxs)("div",{className:"flex flex-col gap-1.5 font-medium text-white",children:[(0,l.jsx)("p",{className:"font-display text-[18px] leading-6 tracking-[-0.54px]",children:a.name}),(0,l.jsx)("p",{className:"h-[66px] overflow-hidden font-body text-[16px] leading-[22px] tracking-[-0.16px] opacity-70",children:null!==(t=a.aboutParagraphs[0])&&void 0!==t?t:""})]})]}),(0,l.jsx)("div",{className:"w-fit whitespace-nowrap rounded-full bg-white/5 px-4 py-3 font-body text-[14px] font-medium leading-5 tracking-[-0.14px] text-white",children:i("installation.experts.viewProfile")})]})}function CategoryCard(e){let{category:t,displayLabel:a,localePrefix:i="",image:s,className:n="",style:r}=e;return(0,l.jsxs)("a",{href:"".concat(i,"/templates/category/").concat((0,c.Be)(t)),className:"relative block cursor-pointer overflow-hidden rounded-[24px] ".concat(n),style:{backgroundImage:"linear-gradient(121deg, rgba(217,217,217,0.05) 0.59%, rgba(4,11,22,0.05) 100%), linear-gradient(90deg, #0e1520 0%, #0e1520 100%)",...r},children:[s&&(0,l.jsx)("img",{alt:a,className:"pointer-events-none absolute inset-0 h-full w-full object-cover",src:"".concat(m,"/").concat(s)}),(0,l.jsx)("div",{className:"absolute inset-x-0 top-0 h-32 bg-gradient-to-b from-black/70 to-transparent"}),(0,l.jsx)("p",{className:"absolute left-8 top-8 z-10 font-body text-[20px] font-medium leading-[23px] tracking-[-0.2px] text-white",children:a})]})}function translateCategory(e,t){return e("categoryName.".concat((0,c.Be)(t)),t)}let g={"Beauty & aesthetics":"photo-raajit.png",Clinics:"category-clinics.png","Real estate":"category-realestate.png","Local services":"category-localservices1.png","Fitness coaching":"category-fitness1.png",Education:"category-education.png"},u=[{key:"pitch",bgOpacity:.06},{key:"close",bgOpacity:.08},{key:"connect",bgOpacity:.1,showWa:!0},{key:"tune",bgOpacity:.12},{key:"prove",bgOpacity:.14}];function Hero(){let{t:e}=(0,s.$G)("templates"),t=(0,o._)();return(0,l.jsxs)("section",{className:"relative flex min-h-[500px] flex-col md:min-h-[760px]",style:{overflowX:"clip"},children:[(0,l.jsxs)("div",{className:"pointer-events-none absolute inset-0","aria-hidden":!0,

1children:[(0,l.jsx)("div",{className:"absolute left-1/2 top-[217px] flex h-[1362px] w-[1461px] -translate-x-1/2 items-center justify-center",children:(0,l.jsx)("div",{className:"h-[1461px] w-[1362px] rotate-90 -scale-y-100 rounded-l-[1157px]",style:{background:"linear-gradient(to bottom, #eeeaff, #2f0e6c)",filter:"blur(173px)"}})}),(0,l.jsx)("div",{className:"absolute left-1/2 top-[424px] h-[2499px] w-[2592px] -translate-x-1/2",children:(0,l.jsx)("img",{src:"".concat(m,"/bg-ellipse.svg"),alt:"",className:"h-full w-full"})})]}),(0,l.jsxs)("div",{className:"relative z-10 flex flex-col items-center px-6 pb-16 pt-[160px] text-center md:pb-24 md:pt-[260px]",children:[(0,l.jsxs)("div",{className:"mb-4 flex items-center gap-1.5 opacity-70",children:[(0,l.jsx)("span",{className:"font-body text-[15px] font-medium leading-[23px] tracking-[-0.18px] text-white md:text-[18px]",children:e("installation.hero.badge1")}),(0,l.jsx)("div",{className:"mt-0.5 h-1 w-1 rounded-full bg-white/50"}),(0,l.jsx)("span",{className:"font-body text-[15px] font-medium leading-[23px] tracking-[-0.18px] text-white md:text-[18px]",children:e("installation.hero.badge2")})]}),(0,l.jsx)("h1",{className:"mb-6 font-display text-[36px] leading-[1.05] tracking-[-1.92px] text-white md:text-[48px] lg:text-[64px] lg:leading-[64px] max-w-[60rem]",children:e("installation.hero.title")}),(0,l.jsx)("p",{className:"mb-8 max-w-[403px] font-body text-[16px] font-medium leading-[23px] tracking-[-0.18px] text-white/70 md:mb-10 md:text-[18px]",children:e("installation.hero.subtitle")}),(0,l.jsx)(r(),{href:"".concat(t,"/templates/popular"),className:"inline-block whitespace-nowrap rounded-full bg-white px-6 py-4 font-body text-[16px] font-medium tracking-[-0.18px] text-[#040b16] md:px-8 md:py-[18px] md:text-[18px]",children:e("installation.hero.cta")})]})]})}function FiveMovesBlock(){let{t:e}=(0,s.$G)("templates"),t=u.map(t=>({...t,showWa:"showWa"in t&&t.showWa,title:e("installation.fiveMoves.".concat(t.key,".title")),description:e("installation.fiveMoves.".concat(t.key,".description"))}));return(0,l.jsxs)("section",{className:"relative px-4 py-10 md:px-8 lg:px-[110px] lg:py-[75px]",children:[(0,l.jsxs)("div",{className:"flex flex-col gap-6 overflow-hidden rounded-[24px] p-5 sm:p-6 lg:hidden",style:{background:"rgba(255,255,255,0.03)"},children:[(0,l.jsxs)("div",{className:"relative h-[220px] overflow-hidden rounded-[16px] sm:h-[300px]",children:[(0,l.jsx)("img",{src:"".concat(m,"/photo-featured.png"),alt:"",className:"h-full w-full object-cover"}),(0,l.jsx)("div",{className:"absolute inset-0",style:{background:"linear-gradient(to bottom, rgba(255,255,255,0) 20%, #040b16 100%)"}}),(0,l.jsx)("div",{className:"absolute bottom-4 left-4 right-4",children:(0,l.jsx)("p",{className:"font-display text-[26px] font-normal leading-tight tracking-[-1px] text-white sm:text-[32px]",children:e("installation.fiveMoves.title")})})]}),(0,l.jsx)("p",{className:"font-body text-[15px] font-medium leading-[22px] tracking-[-0.15px] text-white/70",children:e("installation.fiveMoves.subtitle")}),(0,l.jsx)("div",{className:"flex flex-col gap-3",children:t.map((e,t)=>

1(0,l.jsxs)("div",{className:"flex items-center gap-4 rounded-[16px] px-5 py-4",style:{backdropFilter:"blur(16px)",background:"linear-gradient(139.64deg, rgba(255,255,255,".concat(e.bgOpacity,") 12.94%, rgba(4,11,22,").concat(e.bgOpacity,") 105.2%)")},children:[(0,l.jsx)("div",{className:"flex h-[36px] w-[36px] shrink-0 items-center justify-center rounded-full font-body text-[18px] font-medium text-white",style:{backdropFilter:"blur(10.5px)",background:"rgba(255,255,255,0.05)"},children:t+1}),(0,l.jsxs)("div",{className:"flex min-w-0 flex-col gap-1",children:[(0,l.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,l.jsx)("span",{className:"font-body text-[15px] font-semibold leading-[19px] tracking-[-0.15px] text-white",children:e.title}),e.showWa&&(0,l.jsx)("div",{className:"size-[22px] flex shrink-0 items-center justify-center overflow-hidden rounded-full",style:{background:"linear-gradient(to bottom, #61fd7d, #2bb826)"},children:(0,l.jsx)("img",{src:"".concat(m,"/icon-wa-badge.svg"),alt:"",className:"h-3 w-3"})})]}),(0,l.jsx)("p",{className:"font-body text-[13px] font-medium leading-[20px] tracking-[-0.13px] text-white/70",children:e.description})]})]},e.title))})]}),(0,l.jsxs)("div",{className:"hidden flex-wrap items-center gap-[61px] overflow-hidden rounded-[24px] p-5 lg:flex",style:{background:"rgba(255,255,255,0.03)"},children:[(0,l.jsxs)("div",{className:"relative h-[561px] w-[561px] flex-shrink-0 overflow-hidden rounded-[16px]",children:[(0,l.jsx)("img",{src:"".concat(m,"/photo-featured.png"),alt:"",className:"absolute inset-0 h-full w-full object-cover"}),(0,l.jsx)("div",{className:"absolute left-0 h-[465px] w-full mix-blend-multiply",style:{top:"96px",background:"linear-gradient(to bottom, rgba(255,255,255,0) 0%, #040b16 73%)"}}),(0,l.jsxs)("div",{className:"absolute bottom-9 left-6 right-6 flex flex-col gap-5",children:[(0,l.jsx)("p",{className:"font-display text-[40px] font-normal leading-[40px] tracking-[-1.2px] text-white",children:e("installation.fiveMoves.title")}),(0,l.jsx)("p",{className:"font-body text-[16px] font-medium leading-[22px] tracking-[-0.16px] text-white/70",children:e("installation.fiveMoves.subtitle")})]})]}),(0,l.jsxs)("div",{className:"relative flex flex-1 flex-col gap-6 ",children:[(0,l.jsx)("div",{className:"absolute w-px bg-white/20",style:{left:"17px",top:"0",bottom:"0",marginTop:"auto",marginBottom:"auto",height:"".concat((t.length-1)*104,"px")}}),t.map((e,t)=>(0,l.jsxs)("div",{className:"flex items-center gap-6",children:[(0,l.jsx)("div",{className:"flex h-[36px] w-[36px] shrink-0 items-center justify-center rounded-full font-body text-[18px] font-medium leading-[23px] tracking-[-0.18px] text-white",style:{backdropFilter:"blur(10.5px)",background:"rgba(255,255,255,0.05)"},children:t+1}),(0,l.jsxs)("div",{className:"flex h-[80px] flex-1 flex-col justify-center gap-1 rounded-[16px] px-5 py-4",style:{backdropFilter:"blur(16px)",background:"linear-gradient(139.64deg, rgba(255,255,255,".concat(e.bgOpacity,") 12.94%, rgba(4,11,22,").concat(e.bgOpacity,") 105.2%)")},children:[(0,l.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,l.jsx)("span",{className:"whitespace-nowrap font-body text-[16px] font-semibold leading-[19px] tracking-[-0.16px] text-white",children:e.title}),e.showWa&&(0,l.jsx)("div",{className:"size-[22px] flex flex-shrink-0 items-center justify-center overflow-hidden rounded-full",style:{background:"linear-gradient(to bottom, #61fd7d, #2bb826)"},children:(0,l.jsx)("img",{src:"".concat(m,"/icon-wa-badge.svg"),alt:"",className:"h-3 w-3"})})]}),(0,l.jsx)("p",{className:"whitespace-nowrap font-body text-[15px] font-medium leading-[22px] tracking-[-0.15px] text-white/70",children:e.description})]})]},e.title))]})]})]})}function PopularTemplates(e){let{templates:t,authors:a}=e,{t:n}=(0,s.$G)("templates"),c=(0,o._)(),[x,p]=(0,i.useState)(""),g=n("installation.popular.all"),u=(0,i.useMemo)(()=>{let e=t.reduce((e,t)=>(e.includes(t.category)||e.push(t.category),e),[]);return[g,...e]},[t]),h=x||g,f=h===g?t:t.filter(e=>e.category===h),y=f.slice(0,8);return(0,l.jsx)("section",{className:"relative px-4 py-10 md:px-8 lg:px-[110px] lg:py-[75px]",children:(0,l.jsxs)("div",{className:"flex flex-col gap-6 md:gap-8",children:[(0,l.jsxs)("div",{className:"flex items-end justify-between",children:[(0,l.jsx)("h2",{className:"font-display text-[28px] leading-tight tracking-[-1.2px] text-white md:text-[40px] md:leading-[40px]",children:n("installation.popular.title")}

1),(0,l.jsxs)(r(),{href:"".concat(c,"/templates/popular"),className:"flex items-center gap-1 font-body text-[18px] font-medium tracking-[-0.18px] text-white",children:[n("installation.popular.seeAll"),(0,l.jsx)("img",{src:"".concat(m,"/icon-arrow-right.svg"),alt:"",className:"h-6 w-6"})]})]}),(0,l.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,l.jsx)("div",{className:"flex flex-wrap items-center gap-3",children:u.map(e=>(0,l.jsx)("button",{type:"button",onClick:()=>p(e),className:"h-10 whitespace-nowrap rounded-full py-2 font-body text-[16px] font-medium tracking-[-0.16px] transition-colors ".concat(h===e?"bg-white/10 px-4 text-white":"border border-white/10 px-3 text-white/50 hover:text-white/80"),children:e===g?e:translateCategory(n,e)},e))}),(0,l.jsx)("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2 md:gap-5 lg:grid-cols-4",children:y.map(e=>(0,l.jsx)(d.w,{template:e,author:e.author?a[e.author]:void 0},e.id))})]})]})})}function BuiltByExperts(e){let{authors:t}=e,{t:a}=(0,s.$G)("templates"),i=t.slice(0,8);return(0,l.jsxs)("section",{className:"relative flex flex-col gap-6 px-4 py-10 md:gap-8 md:px-8 lg:px-[110px] lg:py-[75px]",children:[(0,l.jsx)("div",{className:"flex items-end justify-between",children:(0,l.jsx)("h2",{className:"font-display text-[28px] leading-tight tracking-[-1.2px] text-white md:text-[40px] md:leading-[40px]",children:a("installation.experts.title")})}),(0,l.jsx)("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2 md:gap-5 lg:grid-cols-4",children:i.map(e=>(0,l.jsx)(ExpertCard,{author:e},e.id))}),(0,l.jsx)("div",{className:"flex justify-center",children:(0,l.jsx)("a",{href:"https://github.com/chatfuel-lab/automation-templates",target:"_blank",rel:"noreferrer",className:"inline-block whitespace-nowrap rounded-full bg-white px-8 py-[17px] font-body text-[18px] font-medium tracking-[-0.18px] text-[#040b16]",children:a("installation.experts.becomePartner")})})]})}function TopCategories(e){let{templates:t}=e,{t:a}=(0,s.$G)("templates"),n=(0,o._)(),c=(0,i.useMemo)(()=>{let e=Array.from(new Set(t.map(e=>e.category)));return Object.keys(g).filter(t=>e.includes(t))},[t]);if(0===c.length)return null;let has=e=>c.includes(e);return(0,l.jsxs)("section",{className:"relative flex flex-col gap-6 px-4 py-10 md:gap-8 md:px-8 lg:px-[110px] lg:py-[75px]",children:[(0,l.jsxs)("div",{className:"flex items-end justify-between",children:[(0,l.jsx)("h2",{className:"font-display text-[28px] leading-tight tracking-[-1.2px] text-white md:text-[40px] md:leading-[40px]",children:a("installation.categories.title")}),(0,l.jsxs)(r(),{href:"".concat(n,"/templates/popular"),className:"flex items-center gap-1 font-body text-[16px] font-medium tracking-[-0.18px] text-white md:text-[18px]",children:[a("installation.categories.seeAll"),(0,l.jsx)("img",{src:"".concat(m,"/icon-arrow-right.svg"),alt:"",className:"h-6 w-6"})]})]}),(0,l.jsx)("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:hidden",children:c.map(e=>(0,l.jsx)(CategoryCard,{category:e,displayLabel:translateCategory(a,e),localePrefix:n,image:g[e],className:"h-[200px]"},e))}),(0,l.jsxs)("div",{className:"hidden flex-col gap-5 lg:flex",children:[(0,l.jsxs)("div",{className:"flex items-stretch gap-5",children:[has("Beauty & aesthetics")&&(0,l.jsx)(CategoryCard,{category:"Beauty & aesthetics",displayLabel:translateCategory(a,"Beauty & aesthetics"),localePrefix:n,image:g["Beauty & aesthetics"],className:"h-[484px] w-[600px]"}),(0,l.jsxs)("div",{className:"flex flex-1 flex-col gap-5",children:[has("Clinics")&&(0,l.jsx)(CategoryCard,{category:"Clinics",displayLabel:translateCategory(a,"Clinics"),localePrefix:n,image:g.Clinics,className:"h-[232px]"}),(0,l.jsxs)("div",{className:"flex flex-1 gap-5",children:[has("Real estate")&&(0,l.jsx)(CategoryCard,{category:"Real estate",displayLabel:translateCategory(a,"Real estate"),localePrefix:n,image:g["Real estate"],className:"h-[232px] flex-1"}),has("Local services")&&(0,l.jsx)(CategoryCard,{category:"Local services",displayLabel:translateCategory(a,"Local services"),localePrefix:n,image:g["Local services"],className:"h-[232px] flex-1"})]})]})]}),(has("Fitness coaching")||has("Education"))&&(0,l.jsxs)("div",{className:"flex gap-5",children:[has("Fitness coaching")&&(0,l.jsx)(CategoryCard,{category:"Fitness coaching",displayLabel:translateCategory(a,"Fitness coaching"),localePrefix:n,image:g["Fitness coaching"],style:{width:"785px",height:"248px"}}),has("Education")&&(0,l.jsx)(CategoryCard,{category:"Education",displayLabel:translateCategory(a,"Education"),localePrefix:n,image:g.Education,className:"h-[248px] flex-1"})]})]})]})}function BottomCTA(){let{t:e}=(0,s.$G)("templates"),t=(0,o._)();return(0,l.jsx)("section",{className:"relative px-4 py-10 md:px-8 lg:px-[110px] lg:py-[75px]",children:(0,l.jsxs)("div",{className:"relative flex flex-col items-center rounded-[24px] px-6 py-16 md:px-[110px] md:py-[160px]",style:{background:"#040b16",overflow:"clip"},children:[(0,l.jsx)("div",{className:"pointer-events-none absolute",style:{width:"2121px",height:"2241px",left:"calc(50% - 17.5px

1)",top:"113px",transform:"translateX(-50%)"},children:(0,l.jsx)("img",{src:"".concat(m,"/bg-cta-glow.svg"),alt:"","aria-hidden":!0,className:"absolute block max-w-none",style:{inset:"-13.89% -5.13% -4.86% -5.13%",width:"auto",height:"auto"}})}),(0,l.jsxs)("div",{className:"relative flex flex-col items-center gap-8 text-center md:gap-12",children:[(0,l.jsxs)("div",{className:"flex flex-col items-center gap-4 md:gap-6",children:[(0,l.jsx)("h2",{className:"max-w-[734px] font-display text-[32px] font-normal leading-[1.05] tracking-[-1.92px] text-white md:text-[48px] lg:text-[64px] lg:leading-[64px]",children:e("installation.bottomCta.title")}),(0,l.jsx)("p",{className:"max-w-[634px] font-body text-[16px] font-medium leading-[23px] tracking-[-0.18px] text-white/70 md:text-[18px]",children:e("installation.bottomCta.subtitle")})]}),(0,l.jsx)(r(),{href:"".concat(t,"/templates/popular"),className:"inline-block whitespace-nowrap rounded-full bg-white px-6 py-4 font-body text-[16px] font-medium tracking-[-0.18px] text-[#040b16] md:px-8 md:py-[17px] md:text-[18px]",children:e("installation.bottomCta.cta")})]})]})})}function TemplateInstallation(e){let{templates:t,authors:a}=e,s=(0,i.useMemo)(()=>(0,c.zo)(a),[a]);return(0,l.jsxs)("div",{className:"w-full bg-[#040b16] text-white",children:[(0,l.jsx)(Hero,{}),(0,l.jsx)(FiveMovesBlock,{}),(0,l.jsx)(PopularTemplates,{templates:t,authors:s}),(0,l.jsx)(BuiltByExperts,{authors:a}),(0,l.jsx)(TopCategories,{templates:t}),(0,l.jsx)(BottomCTA,{}),(0,l.jsx)(x.os,{})]})}var h=a(79164),f=!0,templates=e=>{let{templates:t,authors:a,locale:i,isLocaleCanonical:n}=e,{t:r}=(0,s.$G)("templates");return(0,l.jsx)(h.Z,{locale:i,isLocaleCanonical:n,persistHeader:!0,whiteHeader:!0,hideFooter:!0,minScreen:!1,title:r("page.index.title"),description:r("page.index.description"),children:(0,l.jsx)(TemplateInstallation,{templates:t,authors:a})})}},34155:function(e){var t,a,l,i=e.exports={};function defaultSetTimout(){throw Error("setTimeout has not been defined")}function defaultClearTimeout(){throw Error("clearTimeout has not been defined")}function runTimeout(e){if(t===setTimeout)return setTimeout(e,0);if((t===defaultSetTimout||!t)&&setTimeout)return t=setTimeout,setTimeout(e,0);try{return t(e,0)}catch(a){try{return t.call(null,e,0)}catch(a){return t.call(this,e,0)}}}!function(){try{t="function"==typeof setTimeout?setTimeout:defaultSetTimout}catch(e){t=defaultSetTimout}try{a="function"==typeof clearTimeout?clearTimeout:defaultClearTimeout}catch(e){a=defaultClearTimeout}}();var s=[],n=!1,r=-1;function cleanUpNextTick(){n&&l&&(n=!1,l.length?s=l.concat(s):r=-1,s.length&&drainQueue())}function drainQueue(){if(!n){var e=runTimeout(cleanUpNextTick);n=!0;for(var t=s.length;t;){for(l=s,s=[];++r<t;)l&&l[r].run();r=-1,t=s.length}l=null,n=!1,function(e){if(a===clearTimeout)return clearTimeout(e);if((a===defaultClearTimeout||!a)&&clearTimeout)return a=clearTimeout,clearTimeout(e);try{a(e)}catch(t){try{return a.call(null,e)}catch(t){return a.call(this,e)}}}(e)}}function Item(e,t){this.fun=e,this.array=t}function noop(){}i.nextTick=function(e){var t=Array(arguments.length-1);if(arguments.length>1)for(var a=1;a<arguments.length;a++)t[a-1]=arguments[a];s.push(new Item(e,t)),1!==s.length||n||runTimeout(drainQueue)},Item.prototype.run=function(){this.fun.apply(null,this.array)},i.title="browser",i.browser=!0,i.env={},i.argv=[],i.version="",i.versions={},i.on=noop,i.addListener=noop,i.once=noop,i.off=noop,i.removeListener=noop,i.removeAllListeners=noop,i.emit=noop,i.prependListener=noop,i.prependOnceListener=noop,i.listeners=function(e){return[]},i.binding=function(e){throw Error("process.binding is not supported")},i.cwd=function(){return"/"},i.chdir=function(e){throw Error("process.chdir is not supported")},i.umask=function(){return 0}}}]);