src__pages__fe__components__Templates.async.js

(self.webpackChunk=self.webpackChunk||[]).push([[5848,4106],{964:function(c,_,t){"use strict";var m=t(5028),o=t(96469);_.Z=(0,m.Z)((0,o.jsx)("path",{d:"M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1"}),"AddRounded")},7199:function(c,_,t){"use strict";var m=t(39346),o=t.n(m),l=t(42525),a=t.n(l),r=t(964),d=t(85043),i=t(96469),h=["children","hover","icon","size","sx"];_.Z=function(s){var M=s.children,e=s.hover,D=e===void 0?!0:e,g=s.icon,x=g===void 0?r.Z:g,n=s.size,f=n===void 0?24:n,j=s.sx,y=j===void 0?{}:j,P=a()(s,h),p=-(f/2+1),v=x,E={position:"absolute",fontSize:f,color:"GrayText",zIndex:20};return(0,i.jsxs)(d.Z,o()(o()({sx:o()({boxSizing:"border-box",position:"relative",border:2,borderStyle:"dashed",borderColor:"divider"},y)},P),{},{children:[(0,i.jsx)(v,{sx:o()({top:p,left:p},E)}),(0,i.jsx)(v,{sx:o()({top:p,right:p},E)}),(0,i.jsx)(v,{sx:o()({bottom:p,left:p},E)}),(0,i.jsx)(v,{sx:o()({bottom:p,right:p},E)}),M]}))}},13107:function(c,_,t){"use strict";t.d(_,{Z:function(){return M}});var m=t(38497),o=t(66850),l=t(36499),a=t(65993),r=t(76009),d=t(69521),i=t(39408),h=t(44474),s=t(96469);function M(e){var D=e.open,g=D===void 0?!1:D,x=e.onClose,n=x===void 0?function(){}:x;return(0,s.jsx)(m.Fragment,{children:(0,s.jsxs)(l.Z,{open:g,onClose:n,children:[(0,s.jsx)(i.Z,{children:"Unauthorized to view"}),(0,s.jsx)(r.Z,{children:(0,s.jsxs)(d.Z,{children:[(0,s.jsx)(h.Z,{severity:"error",icon:!1,children:"The service is temporarily unavailable in your region."}),(0,s.jsxs)(h.Z,{icon:!1,sx:{mt:2},children:["You can access open-source projects related to Project X under the",(0,s.jsx)("br",{}),'"Ecosystem" - "Design & Front-end" section.']})]})}),(0,s.jsx)(a.Z,{children:(0,s.jsx)(o.Z,{onClick:n,autoFocus:!0,children:"CLOSE"})})]})})}},75737:function(c,_,t){"use strict";t.r(_);var m=t(9083),o=t.n(m),l=t(59117),a=t(63631),r=t(38497),d=t(85043),i=t(54646),h=t(65671),s=t(47743),M=t(57908),e=t(81538),D=t(17713),g=t(7543),x=t(69087),n=t(96469);_.default=function(f){var j=f.items,y=f.className,P=(0,r.useState)(null),p=o()(P,2),v=p[0],E=p[1];return(0,n.jsx)(e.Z,{container:!0,spacing:0,sx:{justifyContent:"center",alignItems:"stretch"},children:j.map(function(u,O){return(0,n.jsxs)(e.Z,{size:{xs:6,sm:4,md:3},sx:{cursor:u.disabled?"not-allowed":"pointer",position:"relative",p:1},onMouseEnter:function(){return E(O)},onMouseLeave:function(){return E(null)},onClick:function(){u.disabled||window.open(u.link)},children:[(0,n.jsx)(l.M,{children:v===O&&(0,n.jsx)(d.Z,{component:a.E.span,sx:{position:"absolute",inset:"0",width:"100%",backgroundColor:"rgba(200, 200, 200, 1)",borderRadius:1},layoutId:"hoverBackground",initial:{opacity:0},animate:{opacity:1,transition:{duration:.15}},exit:{opacity:0,transition:{duration:.15,delay:.2}}})}),(0,n.jsxs)(h.Z,{sx:{position:"relative",zIndex:2,margin:"0 auto",height:"100%",boxSizing:"border-box"},elevation:(u.disabled,1),children:[(0,n.jsx)(M.Z,{component:"img",height:"140",image:u.img}),(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(i.Z,{direction:"row",spacing:1,alignItems:"center",sx:{mb:1},children:[u.tab==="beta"&&(0,n.jsx)(g.Z,{label:"Beta",color:"warning",size:"small",sx:{borderRadius:1,fontSize:12,height:20}}),u.tab==="unpublished"&&(0,n.jsx)(g.Z,{label:"Unpublished",icon:(0,n.jsx)(x.Z,{}),color:"error",size:"small",sx:{borderRadius:1,fontSize:12,height:20}}),(0,n.jsx)(g.Z,{label:"MIT",size:"small",sx:{borderRadius:1,fontSize:12,height:20}})]}),(0,n.jsx)(D.Z,{fontSize:18,fontWeight:700,color:"text.primary",sx:{mb:1},children:u.title}),(0,n.jsx)(D.Z,{variant:"caption",sx:{color:"text.secondary",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:2,overflow:"hidden",textOverflow:"ellipsis"},children:u.description})]})]})]},O)})})}},30177:function(c,_,t){"use strict";t.r(_),t.d(_,{default:function(){return P}});var m=t(9083),o=t.n(m),l=t(38497),a=t(85043),r=t(54646),d=t(81538),i=t(66850),h=t(65671),s=t(57908),M=t(5028),e=t(96469),D=(0,M.Z)((0,e.jsx)("path",{d:"M12 9c.55 0 1-.45 1-1V6h2c.55 0 1-.45 1-1s-.45-1-1-1h-2V2c0-.55-.45-1-1-1s-1 .45-1 1v2H9c-.55 0-1 .45-1 1s.45 1 1 1h2v2c0 .55.45 1 1 1m-5 9c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2m10 0c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2m-8.9-5h7.45c.75 0 1.41-.41 1.75-1.03l3.24-6.14c.25-.48.08-1.08-.4-1.34-.49-.27-1.1-.08-1.36.41L15.55 11H8.53L4.27 2H2c-.55 0-1 .45-1 1s.45 1 1 1h1l3.6 7.59-1.35 2.44C4.52 15.37 5.48 17 7 17h11c.55 0 1-.45 1-1s-.45-1-1-1H7z"}),"AddShoppingCartRounded"),g=t(53491),x=t(17713),n=t(75737),f=t(7199),j=t(13107),y=[{title:"Startup Landing Page Template",des:"A simple, clean, modern and minimalistic landing page template for startups. Filled with microinteractions to keep your users engaged.",price:"125",link:"",images:["https://pro.aceternity.com/_next/image?url=https%3A%2F%2Fassets.aceternity.com%2Ftemplates%2Fstartup-1.webp&w=1080&q=75","https://pro.aceternity.com/_next/image?url=https%3A%2F%2Fassets.aceternity.com%2Ftemplates%2Fstartup-2.webp&w=1080&q=75","https://pro.aceternity.com/_next/image?url=https%3A%2F%2Fassets.aceternity.com%2Ftemplates%2Fstartup-3.webp&w=1080&q=75"]},{title:"AI SaaS Template",des:"Every AI SaaS template is a multi-page template focused on AI applications offering SaaS solutions.",price:"300",link:"",images:["https://pro.aceternity.com/_next/image?url=https%3A%2F%2Fassets.aceternity.com%2Ftemplates%2Fai-saas.png&w=1080&q=75","https://pro.aceternity.com/_next/image?url=https%3A%2F%2Fassets.aceternity.com%2Ftemplates%2Fai-saas-1.png&w=1080&q=75","https://pro.aceternity.com/_next/image?url=https%3A%2F%2Fassets.aceternity.com%2Ftemplates%2Fai-saas-2.png&w=1080&q=75"]},{title:"Cryptgen Marketing Template",des:"A single page, modern and responsive template with a bento grid, testimonials, features, and a call to action.",price:"200",link:"",images:["https://pro.aceternity.com/_next/image?url=https%3A%2F%2Fassets.aceternity.com%2Ftemplates%2Fcryptgen-1.webp&w=1080&q=75","https://pro.aceternity.com/_next/image?url=https%3A%2F%2Fassets.aceternity.com%2Ftemplates%2Fcryptgen-2.webp&w=1080&q=75","https://pro.aceternity.com/_next/image?url=https%3A%2F%2Fassets.aceternity.com%2Ftemplates%2Fcryptgen-3.webp&w=1080&q=75"]},{title:"CRM Template",des:"Agenlabs is template with Clean modern design and crisp illustrations, perfect template to get your Agency business up and running.",price:"49",link:"",images:["https://pro.aceternity.com/_next/image?url=https%3A%2F%2Fassets.aceternity.com%2Ftemplates%2FAgenlabs.png&w=1080&q=75","https://pro.aceternity.com/_next/image?url=https%3A%2F%2Fassets.aceternity.com%2Ftemplates%2FAgenlabs2.png&w=1080&q=75","https://pro.aceternity.com/_next/image?url=https%3A%2F%2Fassets.aceternity.com%2Ftemplates%2FAgenlabs3.png&w=1080&q=75"]},{title:"DevPro Portfolio Template",des:"DevPro is a portfolio template for developers with blogs, projects, events and everything. Clean. Modern. Responsive. Neat.",price:"200",link:"",images:["https://pro.aceternity.com/_next/image?url=https%3A%2F%2Fassets.aceternity.com%2Ftemplates%2FFoxtrot.png&w=1080&q=75","https://pro.aceternity.com/_next/image?url=https%3A%2F%2Fassets.aceternity.com%2Ftemplates%2FFoxtrot2.png&w=1080&q=75","https://pro.aceternity.com/_next/image?url=https%3A%2F%2Fassets.aceternity.com%2Ftemplates%2FFoxtrot3.png&w=1080&q=75"]}],P=function(){var p=(0,l.useState)(!1),v=o()(p,2),E=v[0],u=v[1],O=(0,g.Z)(),A=O.palette.mode==="dark";return(0,e.jsxs)(a.Z,{children:[(0,e.jsxs)(a.Z,{maxWidth:{sm:720,md:1236},width:1,margin:"0 auto",paddingX:2,paddingY:{xs:4,sm:6,md:8},children:[(0,e.jsxs)(a.Z,{marginBottom:6,children:[(0,e.jsx)(r.Z,{sx:{width:"100%",mb:1},justifyContent:"center",alignItems:"center",direction:"row",spacing:0,children:(0,e.jsx)(x.Z,{fontSize:32,children:"Templates"})}),(0,e.jsx)(x.Z,{align:"center",color:"textSecondary",fontSize:20,children:"Modern, Minimalist Templates for Your Next Breakthrough Product."})]}),(0,e.jsx)(r.Z,{spacing:5,children:y.map(function(C,b){return(0,e.jsxs)(d.Z,{container:!0,children:[(0,e.jsx)(d.Z,{size:3,sx:{p:1},children:(0,e.jsxs)(r.Z,{spacing:1,children:[(0,e.jsx)(x.Z,{fontSize:18,fontWeight:"bold",children:C.title}),(0,e.jsx)(x.Z,{children:C.des}),(0,e.jsxs)(r.Z,{direction:"row",spacing:1,children:[(0,e.jsxs)(i.Z,{variant:"contained",startIcon:(0,e.jsx)(D,{}),sx:{fontWeight:"bold"},onClick:function(){u(!0)},children:["$",C.price]}),(0,e.jsx)(i.Z,{variant:"text",onClick:function(){u(!0)},children:"Learn More"})]})]})}),C.images.map(function(F,T){return(0,e.jsx)(d.Z,{size:3,sx:{p:1},children:(0,e.jsx)(h.Z,{sx:{position:"relative",zIndex:2,margin:"0 auto",height:"100%",boxSizing:"border-box",border:5,borderColor:"divider",borderRadius:3},children:(0,e.jsx)(s.Z,{component:"img",height:"250",image:F})})},T)})]},b)})})]}),(0,e.jsx)(j.Z,{open:E,onClose:function(){return u(!1)}})]})}},42525:function(c,_,t){var m=t(32435);function o(l,a){if(l==null)return{};var r=m(l,a),d,i;if(Object.getOwnPropertySymbols){var h=Object.getOwnPropertySymbols(l);for(i=0;i<h.length;i++)d=h[i],!(a.indexOf(d)>=0)&&Object.prototype.propertyIsEnumerable.call(l,d)&&(r[d]=l[d])}return r}c.exports=o,c.exports.__esModule=!0,c.exports.default=c.exports},32435:function(c){function _(t,m){if(t==null)return{};var o={},l=Object.keys(t),a,r;for(r=0;r<l.length;r++)a=l[r],!(m.indexOf(a)>=0)&&(o[a]=t[a]);return o}c.exports=_,c.exports.__esModule=!0,c.exports.default=c.exports}}]);