src__pages__system__components__Works.async.js

!(function(){var vt=Object.defineProperty,xt=Object.defineProperties;var gt=Object.getOwnPropertyDescriptors;var Z=Object.getOwnPropertySymbols;var tt=Object.prototype.hasOwnProperty,ot=Object.prototype.propertyIsEnumerable;var q=(n,a,o)=>a in n?vt(n,a,{enumerable:!0,configurable:!0,writable:!0,value:o}):n[a]=o,z=(n,a)=>{for(var o in a||(a={}))tt.call(a,o)&&q(n,o,a[o]);if(Z)for(var o of Z(a))ot.call(a,o)&&q(n,o,a[o]);return n},W=(n,a)=>xt(n,gt(a));var nt=(n,a)=>{var o={};for(var s in n)tt.call(n,s)&&a.indexOf(s)<0&&(o[s]=n[s]);if(n!=null&&Z)for(var s of Z(n))a.indexOf(s)<0&&ot.call(n,s)&&(o[s]=n[s]);return o};(self.webpackChunk=self.webpackChunk||[]).push([[3039],{66850:function(n,a,o){"use strict";o.d(a,{Z:function(){return A}});var s=o(38497),x=o(4280),v=o(5058),c=o(90869),d=o(5701),g=o(24941),p=o(43358),m=o(39095),R=o(25761),$=o(50898),u=o(46186),C=o(84154),_=o(63986),I=o(14548);function e(t){return(0,I.ZP)("MuiButton",t)}var b=(0,_.Z)("MuiButton",["root","text","textInherit","textPrimary","textSecondary","textSuccess","textError","textInfo","textWarning","outlined","outlinedInherit","outlinedPrimary","outlinedSecondary","outlinedSuccess","outlinedError","outlinedInfo","outlinedWarning","contained","containedInherit","containedPrimary","containedSecondary","containedSuccess","containedError","containedInfo","containedWarning","disableElevation","focusVisible","disabled","colorInherit","colorPrimary","colorSecondary","colorSuccess","colorError","colorInfo","colorWarning","textSizeSmall","textSizeMedium","textSizeLarge","outlinedSizeSmall","outlinedSizeMedium","outlinedSizeLarge","containedSizeSmall","containedSizeMedium","containedSizeLarge","sizeMedium","sizeSmall","sizeLarge","fullWidth","startIcon","endIcon","icon","iconSizeSmall","iconSizeMedium","iconSizeLarge"]),y=s.createContext({}),f=s.createContext(void 0),h=o(96469);const T=t=>{const{color:r,disableElevation:i,fullWidth:l,size:B,variant:P,classes:O}=t,K={root:["root",P,`${P}${(0,u.Z)(r)}`,`size${(0,u.Z)(B)}`,`${P}Size${(0,u.Z)(B)}`,`color${(0,u.Z)(r)}`,i&&"disableElevation",l&&"fullWidth"],label:["label"],startIcon:["icon","startIcon",`iconSize${(0,u.Z)(B)}`],endIcon:["icon","endIcon",`iconSize${(0,u.Z)(B)}`]},G=(0,c.Z)(K,e,O);return z(z({},O),G)},j=[{props:{size:"small"},style:{"& > *:nth-of-type(1)":{fontSize:18}}},{props:{size:"medium"},style:{"& > *:nth-of-type(1)":{fontSize:20}}},{props:{size:"large"},style:{"& > *:nth-of-type(1)":{fontSize:22}}}],U=(0,p.ZP)($.Z,{shouldForwardProp:t=>(0,g.Z)(t)||t==="classes",name:"MuiButton",slot:"Root",overridesResolver:(t,r)=>{const{ownerState:i}=t;return[r.root,r[i.variant],r[`${i.variant}${(0,u.Z)(i.color)}`],r[`size${(0,u.Z)(i.size)}`],r[`${i.variant}Size${(0,u.Z)(i.size)}`],i.color==="inherit"&&r.colorInherit,i.disableElevation&&r.disableElevation,i.fullWidth&&r.fullWidth]}})((0,m.Z)(({theme:t})=>{const r=t.palette.mode==="light"?t.palette.grey[300]:t.palette.grey[800],i=t.palette.mode==="light"?t.palette.grey.A100:t.palette.grey[700];return W(z({},t.typography.button),{minWidth:64,padding:"6px 16px",border:0,borderRadius:(t.vars||t).shape.borderRadius,transition:t.transitions.create(["background-color","box-shadow","border-color","color"],{duration:t.transitions.duration.short}),"&:hover":{textDecoration:"none"},[`&.${b.disabled}`]:{color:(t.vars||t).palette.action.disabled},variants:[{props:{variant:"contained"},style:{color:"var(--variant-containedColor)",backgroundColor:"var(--variant-containedBg)",boxShadow:(t.vars||t).shadows[2],"&:hover":{boxShadow:(t.vars||t).shadows[4],"@media (hover: none)":{boxShadow:(t.vars||t).shadows[2]}},"&:active":{boxShadow:(t.vars||t).shadows[8]},[`&.${b.focusVisible}`]:{boxShadow:(t.vars||t).shadows[6]},[`&.${b.disabled}`]:{color:(t.vars||t).palette.action.disabled,boxShadow:(t.vars||t).shadows[0],backgroundColor:(t.vars||t).palette.action.disabledBackground}}},{props:{variant:"outlined"},style:{padding:"5px 15px",border:"1px solid currentColor",borderColor:"var(--variant-outlinedBorder, currentColor)",backgroundColor:"var(--variant-outlinedBg)",color:"var(--variant-outlinedColor)",[`&.${b.disabled}`]:{border:`1px solid ${(t.vars||t).palette.action.disabledBackground}`}}},{props:{variant:"text"},style:{padding:"6px 8px",color:"var(--variant-textColor)",backgroundColor:"var(--variant-textBg)"}},...Object.entries(t.palette).filter((0,C.Z)()).map(([l])=>({props:{color:l},style:{"--variant-textColor":(t.vars||t).palette[l].main,"--variant-outlinedColor":(t.vars||t).palette[l].main,"--variant-outlinedBorder":t.vars?`rgba(${t.vars.palette[l].mainChannel} / 0.5)`:(0,d.Fq)(t.palette[l].main,.5),"--variant-containedColor":(t.vars||t).palette[l].contrastText,"--variant-containedBg":(t.vars||t).palette[l].main,"@media (hover: hover)":{"&:hover":{"--variant-containedBg":(t.vars||t).palette[l].dark,"--variant-textBg":t.vars?`rgba(${t.vars.palette[l].mainChannel} / ${t.vars.palette.action.hoverOpacity})`:(0,d.Fq)(t.palette[l].main,t.palette.action.hoverOpacity),"--variant-outlinedBorder":(t.vars||t).palette[l].main,"--variant-outlinedBg":t.vars?`rgba(${t.vars.palette[l].mainChannel} / ${t.vars.palette.action.hoverOpacity})`:(0,d.Fq)(t.palette[l].main,t.palette.action.hoverOpacity)}}}})),{props:{color:"inherit"},style:{color:"inherit",borderColor:"currentColor","--variant-containedBg":t.vars?t.vars.palette.Button.inheritContainedBg:r,"@media (hover: hover)":{"&:hover":{"--variant-containedBg":t.vars?t.vars.palette.Button.inheritContainedHoverBg:i,"--variant-textBg":t.vars?`rgba(${t.vars.palette.text.primaryChannel} / ${t.vars.palette.action.hoverOpacity})`:(0,d.Fq)(t.palette.text.primary,t.palette.action.hoverOpacity),"--variant-outlinedBg":t.vars?`rgba(${t.vars.palette.text.primaryChannel} / ${t.vars.palette.action.hoverOpacity})`:(0,d.Fq)(t.palette.text.primary,t.palette.action.hoverOpacity)}}}},{props:{size:"small",variant:"text"},style:{padding:"4px 5px",fontSize:t.typography.pxToRem(13)}},{props:{size:"large",variant:"text"},style:{padding:"8px 11px",fontSize:t.typography.pxToRem(15)}},{props:{size:"small",variant:"outlined"},style:{padding:"3px 9px",fontSize:t.typography.pxToRem(13)}},{props:{size:"large",variant:"outlined"},style:{padding:"7px 21px",fontSize:t.typography.pxToRem(15)}},{props:{size:"small",variant:"contained"},style:{padding:"4px 10px",fontSize:t.typography.pxToRem(13)}},{props:{size:"large",variant:"contained"},style:{padding:"8px 22px",fontSize:t.typography.pxToRem(15)}},{props:{disableElevation:!0},style:{boxShadow:"none","&:hover":{boxShadow:"none"},[`&.${b.focusVisible}`]:{boxShadow:"none"},"&:active":{boxShadow:"none"},[`&.${b.disabled}`]:{boxShadow:"none"}}},{props:{fullWidth:!0},style:{width:"100%"}}]})})),w=(0,p.ZP)("span",{name:"MuiButton",slot:"StartIcon",overridesResolver:(t,r)=>{const{ownerState:i}=t;return[r.startIcon,r[`iconSize${(0,u.Z)(i.size)}`]]}})({display:"inherit",marginRight:8,marginLeft:-4,variants:[{props:{size:"small"},style:{marginLeft:-2}},...j]}),E=(0,p.ZP)("span",{name:"MuiButton",slot:"EndIcon",overridesResolver:(t,r)=>{const{ownerState:i}=t;return[r.endIcon,r[`iconSize${(0,u.Z)(i.size)}`]]}})({display:"inherit",marginRight:-4,marginLeft:8,variants:[{props:{size:"small"},style:{marginRight:-2}},...j]});var A=s.forwardRef(function(r,i){const l=s.useContext(y),B=s.useContext(f),P=(0,v.Z)(l,r),O=(0,R.i)({props:P,name:"MuiButton"}),Y=O,{children:K,color:G="primary",component:V="button",className:at,disabled:k=!1,disableElevation:et=!1,disableFocusRipple:H=!1,endIcon:J,focusVisibleClassName:rt,fullWidth:it=!1,size:st="medium",startIcon:Q,type:X,variant:lt="text"}=Y,dt=nt(Y,["children","color","component","className","disabled","disableElevation","disableFocusRipple","endIcon","focusVisibleClassName","fullWidth","size","startIcon","type","variant"]),D=W(z({},O),{color:G,component:V,disabled:k,disableElevation:et,disableFocusRipple:H,fullWidth:it,size:st,type:X,variant:lt}),M=T(D),ct=Q&&(0,h.jsx)(w,{className:M.startIcon,ownerState:D,children:Q}),pt=J&&(0,h.jsx)(E,{className:M.endIcon,ownerState:D,children:J}),ut=B||"";return(0,h.jsxs)(U,W(z({ownerState:D,className:(0,x.Z)(l.className,M.root,at,ut),component:V,disabled:k,focusRipple:!H,focusVisibleClassName:(0,x.Z)(M.focusVisible,rt),ref:i,type:X},dt),{classes:M,children:[ct,K,pt]}))})},81755:function(n,a,o){"use strict";o.r(a);var s=o(40607),x=o.n(s),v=o(39346),c=o.n(v),d=o(42525),g=o.n(d),p=o(85043),m=o(66850),R=o(65671),$=o(57908),u=o(7543),C=o(54646),_=o(17713),I=o(81538),e=o(96469),F=["data","sx"],b=function(y){var S=y.data,f=S===void 0?{}:S,h=y.sx,T=h===void 0?{}:h,j=g()(y,F),U=f.name,w=f.des,E=f.tag,N=f.v,A=f.img,t=f.list,r=t===void 0?[]:t;return(0,e.jsx)(R.Z,c()(c()({sx:c()({position:"relative",borderRadius:4,p:0},T)},j),{},{children:(0,e.jsxs)(C.Z,{direction:"row",justifyContent:"space-between",children:[(0,e.jsxs)(C.Z,{spacing:1,sx:{width:"100%",p:2,pr:1},children:[(0,e.jsxs)(C.Z,{direction:"row",justifyContent:"space-between",sx:{pb:1},children:[(0,e.jsx)(u.Z,{label:E,color:E==="unpublish"?"warning":"primary",size:"small"}),(0,e.jsx)(_.Z,{fontSize:14,color:"textSecondary",children:N})]}),(0,e.jsx)(_.Z,{fontSize:20,sx:{overflow:"hidden",display:"-webkit-box",textOverflow:"ellipsis",WebkitLineClamp:2,WebkitBoxOrient:"vertical"},children:U}),(0,e.jsx)(_.Z,{variant:"body2",sx:{color:"text.secondary",overflow:"hidden",display:"-webkit-box",textOverflow:"ellipsis",WebkitLineClamp:3,WebkitBoxOrient:"vertical"},children:w}),r.map(function(i){return(0,e.jsx)(_.Z,{variant:"body2",sx:{color:"text.secondary"},children:i},i)}),(0,e.jsx)(p.Z,{flexGrow:1}),(0,e.jsx)(C.Z,{direction:"row",alignItems:"center",spacing:1,children:(0,e.jsx)(m.Z,{variant:"contained",disabled:E==="unpublish",children:"Learn More"})})]}),(0,e.jsx)(p.Z,{sx:{p:1},children:(0,e.jsx)($.Z,{sx:{borderRadius:2,width:150,height:240},image:A})})]})}))};a.default=function(L){x()(L);var y=[{id:1,name:"Data Operation and Delivery System",des:"",list:["Precision Delivery","Data Monitoring and Analysis","Automated Optimization"],tag:"beta",v:"0.2-beta",img:"/s1.png"},{id:2,name:"Content Creation Management System",des:"",list:["Content Collaboration and Review:","Multimedia Content Management","Content Data Analysis"],tag:"beta",v:"0.2-beta",img:"/s2.png"},{id:3,name:"E-commerce System",des:"",tag:"unpublish",v:"0.2-beta",img:"/s3.png"},{id:4,name:"Website Construction System",des:"",tag:"unpublish",v:"0.1-beta",img:"/comingsoon.png"},{id:5,name:"Team Collaboration System",des:"",tag:"unpublish",v:"0.1-beta",img:"/comingsoon.png"},{id:6,name:"Knowledge Management System",des:"",tag:"unpublish",v:"0.1-beta",img:"/comingsoon.png"}];return(0,e.jsxs)(p.Z,{sx:{py:4},children:[(0,e.jsxs)(p.Z,{sx:{py:3},children:[(0,e.jsx)(_.Z,{sx:{fontWeight:700},variant:"h4",align:"center",gutterBottom:!0,children:"Our Works"}),(0,e.jsx)(_.Z,{variant:"h6",component:"p",color:"text.secondary",align:"center",children:"Craft a versatile, resilient, and modular information infrastructure designed for the future."})]}),(0,e.jsx)(I.Z,{container:!0,spacing:2,maxWidth:{sm:720,md:1236},sx:{px:2,margin:"auto",justifyContent:"center",alignItems:"stretch"},children:y.map(function(S){return(0,e.jsx)(I.Z,{size:6,children:(0,e.jsx)(b,{data:S})},S.id)})})]})}},40607:function(n){function a(o){if(o==null)throw new TypeError("Cannot destructure "+o)}n.exports=a,n.exports.__esModule=!0,n.exports.default=n.exports},42525:function(n,a,o){var s=o(32435);function x(v,c){if(v==null)return{};var d=s(v,c),g,p;if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(v);for(p=0;p<m.length;p++)g=m[p],!(c.indexOf(g)>=0)&&Object.prototype.propertyIsEnumerable.call(v,g)&&(d[g]=v[g])}return d}n.exports=x,n.exports.__esModule=!0,n.exports.default=n.exports},32435:function(n){function a(o,s){if(o==null)return{};var x={},v=Object.keys(o),c,d;for(d=0;d<v.length;d++)c=v[d],!(s.indexOf(c)>=0)&&(x[c]=o[c]);return x}n.exports=a,n.exports.__esModule=!0,n.exports.default=n.exports}}]);
}());