(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[907],{7383:(e,t,r)=>{Promise.resolve().then(r.bind(r,5217)),Promise.resolve().then(r.t.bind(r,7970,23)),Promise.resolve().then(r.t.bind(r,4839,23)),Promise.resolve().then(r.bind(r,1279)),Promise.resolve().then(r.bind(r,7038)),Promise.resolve().then(r.bind(r,9130))},9053:(e,t,r)=>{"use strict";r.d(t,{A:()=>a});let a=(0,r(7401).A)("ArrowRight",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]])},8867:(e,t,r)=>{"use strict";r.d(t,{A:()=>a});let a=(0,r(7401).A)("Check",[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]])},5565:(e,t,r)=>{"use strict";r.d(t,{default:()=>s.a});var a=r(4146),s=r.n(a)},7396:(e,t,r)=>{"use strict";r.d(t,{default:()=>s.a});var a=r(4839),s=r.n(a)},6046:(e,t,r)=>{"use strict";var a=r(6658);r.o(a,"usePathname")&&r.d(t,{usePathname:function(){return a.usePathname}}),r.o(a,"useRouter")&&r.d(t,{useRouter:function(){return a.useRouter}}),r.o(a,"useSearchParams")&&r.d(t,{useSearchParams:function(){return a.useSearchParams}})},4146:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{default:function(){return o},getImageProps:function(){return n}});let a=r(306),s=r(666),i=r(7970),l=a._(r(5514));function n(e){let{props:t}=(0,s.getImgProps)(e,{defaultLoader:l.default,imgConf:{deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[16,32,48,64,96,128,256,384],path:"/_next/image",loader:"default",dangerouslyAllowSVG:!1,unoptimized:!0}});for(let[e,r]of Object.entries(t))void 0===r&&delete t[e];return{props:t}}let o=i.Image},1279:(e,t,r)=>{"use strict";r.d(t,{default:()=>h});var a=r(5155),s=r(3312),i=r(7081),l=r(5785),n=r(9037),o=r(1595),d=r(806),c=r(9053),u=r(5565),m=r(7396),f=r(6046),p=r(2115);function h(){return(0,a.jsx)(p.Suspense,{fallback:(0,a.jsx)(g,{}),children:(0,a.jsx)(x,{})})}function x(){var e;let t=(0,f.useSearchParams)(),r=(0,d.f)(t),{data:i,isLoading:p}=(0,o.A)({...r});return(0,a.jsxs)("section",{className:"relative flex justify-center overflow-hidden py-10 lg:py-20",children:[(0,a.jsx)("div",{className:"flex justify-center container relative px-4 xl:px-0 z-10",children:(0,a.jsxs)("div",{className:"lg:basis-10/12 w-full",children:[(0,a.jsxs)("div",{className:"mb-10 text-center",children:[(0,a.jsx)("p",{className:"text-sm leading-6 uppercase text-foreground",children:"PROFESSIONAL KNOWLEDGE"}),(0,a.jsx)("h2",{className:"text-[32px] leading-[150%] font-bold text-foreground",children:"Articles & News"})]}),p?(0,a.jsx)(g,{}):(0,a.jsx)("div",{className:"mb-10 grid gap-8 md:grid-cols-2 lg:grid-cols-4",children:i&&(null===(e=i.items)||void 0===e?void 0:e.slice(0,3).map((e,t)=>{var r,s,i,o,d,c;return(0,a.jsx)(m.default,{href:"".concat(n.l.articleDetail.href).concat(null==e?void 0:e.itemUrl),className:"group relative overflow-hidden rounded-2xl ".concat(0===t?"lg:col-span-2":"lg:col-span-1"),children:(0,a.jsxs)("div",{className:"aspect-[3/2] lg:aspect-[4/3]",children:[(0,a.jsx)(u.default,{src:(null==e?void 0:null===(s=e.images)||void 0===s?void 0:null===(r=s[0])||void 0===r?void 0:r.small)||(null==e?void 0:null===(o=e.images)||void 0===o?void 0:null===(i=o[0])||void 0===i?void 0:i.medium)||(null==e?void 0:null===(c=e.images)||void 0===c?void 0:null===(d=c[0])||void 0===d?void 0:d.origin)||l.mG,alt:"",fill:!0,className:"object-cover transition-transform duration-300 group-hover:scale-105"}),(0,a.jsx)("div",{className:"absolute inset-0 bg-gradient-to-b from-black/60 via-black/20 to-transparent"}),(0,a.jsxs)("div",{className:"absolute inset-0 p-6 flex flex-col justify-start",children:[(0,a.jsx)("span",{className:"mb-2 text-[13px] leading-6 uppercase font-medium text-white/80",children:null==e?void 0:e.categoryName}),(0,a.jsx)("h3",{className:"text-lg font-bold text-white md:text-lg",children:null==e?void 0:e.title})]})]})},null==e?void 0:e.title)}))}),(0,a.jsx)("div",{className:"text-center",children:(0,a.jsx)(m.default,{href:n.l.articles.href,children:(0,a.jsxs)(s.$,{variant:"outline",className:"group text-primary hover:shadow-xl hover:border-primary hover:text-primary transition-all duration-300 ease-in-out h-11 border-primary rounded-xl",size:"lg",children:["Read more",(0,a.jsx)(c.A,{className:"h-4 w-4 transition-transform group-hover:translate-x-1"})]})})})]})}),(0,a.jsx)("div",{className:"absolute top-[30px] opacity-30",children:(0,a.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"3000",height:"702",viewBox:"0 0 3000 702",fill:"none",children:[(0,a.jsxs)("g",{clipPath:"url(#clip0_859_40248)",children:[(0,a.jsx)("path",{d:"M884.9 215.573C874.367 205.039 874.367 187.961 884.9 177.427L936.427 125.9C946.961 115.367 964.039 115.367 974.573 125.9L1026.1 177.427C1036.63 187.961 1036.63 205.039 1026.1 215.573L974.573 267.1C964.039 277.633 946.961 277.633 936.427 267.1L884.9 215.573Z",fill:"#5265FF"}),(0,a.jsx)("path",{d:"M881.719 698.015C879.767 699.968 876.579 699.98 874.812 697.857C857.163 676.642 858.286 645.081 878.184 625.183C898.081 605.286 929.643 604.162 950.858 621.812C952.98 623.578 952.968 626.766 951.016 628.719L881.719 698.015Z",fill:"#FBBF24"}),(0,a.jsxs)("g",{opacity:"0.3",children:[(0,a.jsx)("path",{d:"M2155.61 3.23318C2159.93 -1.07773 2166.93 -1.07773 2171.25 3.23318L2260.76 92.5694C2265.08 96.8803 2265.08 103.87 2260.76 108.181L2171.25 197.517C2166.93 201.828 2159.93 201.828 2155.61 197.517L2066.1 108.181C2061.78 103.87 2061.78 96.8803 2066.1 92.5694L2155.61 3.23318Z",fill:"#5265FF"}),(0,a.jsx)("path",{d:"M2030.75 127.858C2035.07 123.547 2042.07 123.547 2046.39 127.858L2135.9 217.194C2140.22 221.505 2140.22 228.495 2135.9 232.806L2046.39 322.142C2042.07 326.453 2035.07 326.453 2030.75 322.142L1941.24 232.806C1936.92 228.495 1936.92 221.505 1941.24 217.194L2030.75 127.858Z",fill:"#5265FF"}),(0,a.jsx)("path",{d:"M2155.61 252.483C2159.93 248.172 2166.93 248.172 2171.25 252.483L2260.76 341.819C2265.08 346.13 2265.08 353.12 2260.76 357.431L2171.25 446.767C2166.93 451.078 2159.93 451.078 2155.61 446.767L2066.1 357.431C2061.78 353.12 2061.78 346.13 2066.1 341.819L2155.61 252.483Z",fill:"#5265FF"})]})]}),(0,a.jsx)("defs",{children:(0,a.jsx)("clipPath",{id:"clip0_859_40248",children:(0,a.jsx)("rect",{width:"3000",height:"702",fill:"white"})})})]})})]})}function g(){return(0,a.jsx)("div",{className:"mb-10 grid gap-8 md:grid-cols-2 lg:grid-cols-4",children:[void 0,void 0,void 0].map((e,t)=>(0,a.jsx)("div",{className:"group relative overflow-hidden rounded-2xl ".concat(0===t?"lg:col-span-2":"lg:col-span-1"),children:(0,a.jsxs)("div",{className:"relative ".concat(0===t?"aspect-[3/2] lg:aspect-[4/3]":"w-full h-full"),children:[(0,a.jsx)(i.E,{className:"absolute inset-0 w-full h-full"}),(0,a.jsxs)("div",{className:"absolute inset-0 p-6 flex flex-col justify-start",children:[(0,a.jsx)(i.E,{className:"w-20 h-4 mb-2"}),(0,a.jsx)(i.E,{className:"w-full h-6"})]})]})},t))})}},7038:(e,t,r)=>{"use strict";r.d(t,{default:()=>c});var a=r(5155),s=r(3312),i=r(9749),l=r(8867),n=r(1567),o=r(9037),d=r(7396);function c(e){let{servicePackage:t}=e;return(0,a.jsxs)(i.Zp,{className:"group relative flex flex-col rounded-[24px] px-6 py-8 shadow-[0px_0px_10px_0px_rgba(0,0,0,0.1)] bg-white hover:bg-primary hover:text-primary-foreground transition-all duration-300 ease-in-out ".concat(1===t.status&&"bg-primary"),children:[(0,a.jsx)(i.aR,{className:"p-0",children:(0,a.jsx)(i.ZB,{className:(0,n.cn)("text-lg text-foreground group-hover:text-primary-foreground leading-[150%]",1===t.status&&"text-primary-foreground"),children:t.title})}),(0,a.jsxs)(i.Wu,{className:"flex flex-col flex-1 p-0 pt-4 pb-12",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:(0,n.cn)("text-[32px] text-foreground group-hover:text-primary-foreground font-bold",1===t.status&&"text-primary-foreground"),children:t.price}),(0,a.jsx)("span",{className:(0,n.cn)("text-[13px] text-muted-foreground group-hover:text-primary-foreground",1===t.status&&"text-primary-foreground"),children:t.credits})]}),(0,a.jsx)("p",{className:(0,n.cn)("mt-4 text-sm leading-6 text-foreground group-hover:text-primary-foreground",1===t.status&&"text-primary-foreground"),children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry."}),(0,a.jsx)("ul",{className:(0,n.cn)("mt-4 flex flex-col gap-2 text-[13px] leading-6 text-foreground group-hover:text-primary-foreground",1===t.status&&"text-primary-foreground"),children:t.features.map((e,r)=>(0,a.jsxs)("li",{className:"flex items-center gap-2",children:[(0,a.jsx)(l.A,{className:(0,n.cn)("h-4 w-4 text-primary group-hover:text-primary-foreground",1===t.status&&"text-primary-foreground")}),e]},r))})]}),(0,a.jsx)(i.wL,{className:"p-0",children:(0,a.jsx)(d.default,{href:o.l.signin.href,className:"w-full",children:(0,a.jsx)(s.$,{className:(0,n.cn)((0,s.r)({variant:"default"}),"w-full rounded-xl group-hover:bg-secondary group-hover:text-foreground h-11 px-5 text-sm leading-6",1===t.status&&"bg-secondary text-foreground"),children:t.buttonText})})})]},t.id)}},9130:(e,t,r)=>{"use strict";r.d(t,{$:()=>c,Accordion:()=>o,AccordionContent:()=>u,AccordionItem:()=>d});var a=r(5155),s=r(2115),i=r(5217),l=r(1719),n=r(1567);let o=i.bL,d=s.forwardRef((e,t)=>{let{className:r,...s}=e;return(0,a.jsx)(i.q7,{ref:t,className:(0,n.cn)("border-b",r),...s})});d.displayName="AccordionItem";let c=s.forwardRef((e,t)=>{let{className:r,children:s,...o}=e;return(0,a.jsx)(i.Header,{className:"flex",children:(0,a.jsxs)(i.Trigger,{ref:t,className:(0,n.cn)("flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",r),...o,children:[s,(0,a.jsx)(l.A,{className:"h-4 w-4 shrink-0 transition-transform duration-200"})]})})});c.displayName=i.Trigger.displayName;let u=s.forwardRef((e,t)=>{let{className:r,children:s,...l}=e;return(0,a.jsx)(i.UC,{ref:t,className:"overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",...l,children:(0,a.jsx)("div",{className:(0,n.cn)("pb-4 pt-0",r),children:s})})});u.displayName=i.UC.displayName},3312:(e,t,r)=>{"use strict";r.d(t,{$:()=>d,r:()=>o});var a=r(5155),s=r(2115),i=r(2317),l=r(1027),n=r(1567);let o=(0,l.F)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-white hover:border-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",secondary2:"bg-muted-foreground text-muted-foreground hover:bg-primary/80",ghost:"hover:bg-accent hover:text-accent-foreground",ghost2:"",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-5",icon:"h-10 w-10"}},defaultVariants:{variant:"default",size:"default"}}),d=s.forwardRef((e,t)=>{let{className:r,variant:s,size:l,asChild:d=!1,...c}=e,u=d?i.DX:"button";return(0,a.jsx)(u,{className:(0,n.cn)(o({variant:s,size:l,className:r})),ref:t,...c})});d.displayName="Button"},9749:(e,t,r)=>{"use strict";r.d(t,{Wu:()=>d,ZB:()=>o,Zp:()=>l,aR:()=>n,wL:()=>c});var a=r(5155),s=r(2115),i=r(1567);let l=s.forwardRef((e,t)=>{let{className:r,...s}=e;return(0,a.jsx)("div",{ref:t,className:(0,i.cn)("rounded-lg border bg-card text-card-foreground shadow-sm",r),...s})});l.displayName="Card";let n=s.forwardRef((e,t)=>{let{className:r,...s}=e;return(0,a.jsx)("div",{ref:t,className:(0,i.cn)("flex flex-col space-y-1.5 p-6",r),...s})});n.displayName="CardHeader";let o=s.forwardRef((e,t)=>{let{className:r,...s}=e;return(0,a.jsx)("div",{ref:t,className:(0,i.cn)("text-2xl font-semibold leading-none tracking-tight",r),...s})});o.displayName="CardTitle",s.forwardRef((e,t)=>{let{className:r,...s}=e;return(0,a.jsx)("div",{ref:t,className:(0,i.cn)("text-sm text-muted-foreground",r),...s})}).displayName="CardDescription";let d=s.forwardRef((e,t)=>{let{className:r,...s}=e;return(0,a.jsx)("div",{ref:t,className:(0,i.cn)("p-6 pt-0",r),...s})});d.displayName="CardContent";let c=s.forwardRef((e,t)=>{let{className:r,...s}=e;return(0,a.jsx)("div",{ref:t,className:(0,i.cn)("flex items-center p-6 pt-0",r),...s})});c.displayName="CardFooter"},7081:(e,t,r)=>{"use strict";r.d(t,{E:()=>i});var a=r(5155),s=r(1567);function i(e){let{className:t,...r}=e;return(0,a.jsx)("div",{className:(0,s.cn)("animate-pulse rounded-md bg-muted",t),...r})}},5785:(e,t,r)=>{"use strict";r.d(t,{Fr:()=>s,NV:()=>i,eZ:()=>a,mG:()=>l});let a="https://api.c1.sdsfile.com/api/v1/",s="https://api.staging.storims.com/api/v1/",i="b554ec4a-3fea-46dc-80e0-e48e5cc30410",l="https://cdn.storims.com/api/v2/image/resize?path=https://storage.googleapis.com/storims_cdn/storims/uploads/fbbf8f7110ad00fc0455ad74a5c40563.jpg"},9037:(e,t,r)=>{"use strict";r.d(t,{l:()=>a});let a={signin:{title:"signin",href:"https://app.chemcenter.staging.netfine.co/oauth"},home:{title:"home",href:"/"},pricing:{title:"pricing",href:"/pricing"},solutions:{title:"solutions",href:"/solutions"},articles:{title:"articles",href:"/articles"},articleDetail:{title:"article-detail",href:"/article-detail"},help:{title:"help",href:"/help"},search:{title:"search",href:"/search/"},chemcenterDetail:{title:"chemical product",href:"/chemical-product"},articleCategory:{title:"article category",href:"/articles/category"}}},1595:(e,t,r)=>{"use strict";r.d(t,{A:()=>i});var a=r(8629),s=r(5814);function i(e){return(0,a.I)({queryKey:["chemical-blogs",e],queryFn:()=>(0,s.KM)(e)})}},5688:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});var a=r(8926),s=r(2651),i=r(5785);let l=s.A.create({baseURL:"".concat(i.Fr),headers:{"content-type":"application/json"},paramsSerializer:e=>a.A.stringify({...e})});l.interceptors.response.use(e=>(e&&e.data,e),e=>{var t,r,a,s;switch(null===(t=e.response)||void 0===t?void 0:t.status){case 400:throw null==e?void 0:null===(r=e.response)||void 0===r?void 0:r.data;case 401:case 404:break;case 500:throw null==e?void 0:null===(a=e.response)||void 0===a?void 0:a.data;default:throw null==e?void 0:null===(s=e.response)||void 0===s?void 0:s.data}});let n=l},806:(e,t,r)=>{"use strict";function a(e){let t={};return e.forEach((e,r)=>{if(""===e)return;let a=isNaN(Number(e))?e:Number(e);t[r]?Array.isArray(t[r])?t[r].push(a):t[r]=[t[r],a]:t[r]=a}),t}r.d(t,{f:()=>a})},1567:(e,t,r)=>{"use strict";r.d(t,{Y:()=>l,cn:()=>i});var a=r(3463),s=r(9795);function i(){for(var e=arguments.length,t=Array(e),r=0;r{"use strict";r.d(t,{KM:()=>i,ZL:()=>l,_G:()=>n});var a=r(5688),s=r(5785);let i=async e=>(await a.A.get("Blog/".concat(s.NV),{params:e})).data,l=async e=>(await a.A.get("Blog/".concat(s.NV,"/").concat(e.customId))).data,n=async e=>(await a.A.get("Blog/".concat(s.NV,"/").concat(e.customId,"/content"))).data}},e=>{var t=t=>e(e.s=t);e.O(0,[365,839,418,527,820,663,441,517,358],()=>t(7383)),_N_E=e.O()}]);