https://grafixy.netlify.app/component---src-pages-our-works-index-jsx-f3065750d4d3fbc78854.js

1"use strict";(self.webpackChunkgrafixy_dev=self.webpackChunkgrafixy_dev||[]).push([[519],{7858:function(e,t,a){a.d(t,{Z:function(){return l}});var i=a(8032),r=a(7294),n=a(2222),s=a.p+"static/getADemo-6dbd6787a5c4182660dfd8f5f0be0e08.png";var l=()=>r.createElement("div",{className:" flex h-auto w-full   px-0 sm:mb-20 sm:px-[80px] 2xl:px-[147px]"},r.createElement("div",{className:"Z-40 relative w-full overflow-hidden bg-gradient-to-l from-[#6019CE]  to-[#41118C] px-[30px] py-[70px] sm:overflow-visible sm:rounded-[50px] sm:px-[50px] lg:px-[80px] 2xl:px-[122px]"},r.createElement("h2",{className:"relative z-30 text-3xl  font-medium leading-[100%] text-white sm:text-4xl "},r.createElement("span",{className:"text-[#E0CCFF] opacity-[.65]"}," ","Ready to try ",r.createElement("br",{className:"hidden sm:block lg:hidden "}))," ","Grafixy?"),r.createElement("p",{className:"relative z-20  mt-[21px] font-nunito text-lg font-semibold text-[#E0CCFF] sm:mt-[30px] sm:max-w-[60%] sm:text-xl lg:max-w-[50%]"},"Get access to a talented team of graphic designers whenever you need them. Submit design tasks, collaborate with our team, and receive high-quality design work that meets your specifications. And the best part? ",r.createElement("span",{className:"text-yellow-400"}," Try it free")," for 7 days! You are only charged after the trial period."),r.createElement("div",{className:"relative z-50 mt-[30px] flex gap-[22px] sm:gap-[26px] "},r.createElement(n.z,{className:"relative z-10 flex h-[50px] shrink-0 items-center justify-center overflow-hidden rounded-[33px] bg-[#6019CE] px-[11px] text-sm font-bold text-white shadow-xl drop-shadow-lg after:absolute after:-left-[100%] after:top-0 after:-z-10 after:h-full after:w-full after:bg-[#19013F] after:duration-300 after:ease-in hover:after:left-0 sm:h-[67px] sm:w-[180px] sm:py-[32px] sm:text-lg",name:"GET A DEMO",link:"https://calendly.com/grafixy-demo/grafixy-demo-session",target:"_blank"}),r.createElement(n.z,{className:"relative z-10 flex h-[50px] shrink-0 items-center justify-center overflow-hidden rounded-[33px] bg-[#19013F] px-[11px] text-sm text-white shadow-xl drop-shadow-lg after:absolute after:-left-[100%] after:top-0 after:-z-10 after:h-full after:w-full after:bg-[#6019CE] after:duration-300 after:ease-in hover:after:left-0 sm:h-[67px] sm:w-[180px] sm:py-[32px] sm:text-lg",name:"SEE PRICING"})),r.createElement(i.M,{src:s,alt:"On demand Designs On demand graphic design",className:"absolute -right-[20%] bottom-0 hidden h-full object-contain object-right-bottom sm:right-0 sm:block lg:right-16 lg:h-auto"})))},7251:function(e,t,a){a.d(t,{T:function(){return i}});const i={show:{opacity:1,transition:{duration:.2,delay:.1,ease:"linear",when:"beforeChildren"}},hide:{opacity:0,transition:{duration:.2,ease:"linear",when:"beforeChildren"}}}},5990:function(e,t,a){a.r(t),a.d(t,{Head:function(){return H},default:function(){return q}});var i=a(8032),r=a(7294),n=a(7858),s=a(1403);var l=e=>{let{category:t,isCategory:a,setIsCategory:i}=e;return r.createElement("div",{className:"flex h-[80px] w-full items-center justify-start gap-[20px]  overflow-scroll bg-white px-8 sm:h-[90px] sm:gap-[30px] sm:px-[80px] lg:justify-center lg:gap-[40px] lg:overflow-auto 2xl:gap-[100px]"},t.map((e=>r.createElement("p",{onClick:()=>i(e.title),role:"button",tabIndex:0,key:e.id,className:"cursor-pointer rounded-[10px] px-4\n        py-2 text-xl font-medium  text-[#6E3CBC] duration-300 hover:text-[#210153] lg:text-2xl "+(a===e.title&&"bg-[#874ce618] text-[#210153]")},e.title))))},o=a(5859),c=a(7251);var d=e=>{let{setIsGalleryOpen:t,data:a,setSwiperPosition:n}=e;return r.createElement("div",{className:"my-10 mx-auto grid   max-w-[1800px] grid-cols-2 gap-3 px-8 sm:my-12 sm:grid-cols-3 sm:gap-3 sm:px-[80px] lg:my-16 lg:gap-4 xl:grid-cols-4 xl:gap-12 2xl:my-20 2xl:px-[147px]"},null==a?void 0:a.map(((e,a)=>r.createElement("div",{className:"grid"},r.createElement(o.E.div,{initial:"hide",animate:"show",exit:"hide",variants:c.T,onClick:()=>(n(a),void t(!0)),role:"button",tabIndex:a,key:e.id,className:" group relative z-10 h-full w-full cursor-pointer  overflow-hidden rounded-xl sm:rounded-[20px]"},e.picture&&r.createElement(i.M,{src:e.picture,alt:"On demand graphic design "+e.title,className:"dimAnimation -z-10 h-full w-full  object-cover"}),r.createElement("div",{className:"absolute top-0 left-0 hidden h-full w-full items-end justify-center bg-[rgba(0,0,0,0.30)] p-4 opacity-0 duration-300 ease-in group-hover:opacity-100 lg:flex "}))))))},m=a(3557);var p=e=>{let{isGalleryOpen:t,setIsGalleryOpen:a,data:n,swiperPosition:s,setSwiperPosition:l}=e;const d=()=>{l(0===s?n.length-1:s-1)},p=()=>{s+1===n.length?l(0):l(s+1)};return r.createElement("div",{className:"fixed inset-0  flex   h-full  w-full select-none place-content-center items-center justify-center bg-black bg-opacity-70  "+(t?"z-[600] opacity-100":"-z-[500] opacity-0")+" duration-500"},r.createElement("div",{className:"relative flex h-full w-full select-none flex-col items-center justify-evenly sm:flex-row sm:justify-between"},r.createElement(m.Tw,{role:"button",tabIndex:0,onClick:()=>a(!1),className:"absolute right-8 top-8 z-50 h-10 w-10 cursor-pointer select-none duration-300 hover:rotate-90 sm:h-16 sm:w-16 lg:h-20 lg:w-20 2xl:h-24 2xl:w-24"}),r.createElement("div",{role:"button",tabIndex:0,onClick:d,className:"hidden h-full w-[20%] shrink-0 cursor-pointer select-none items-center justify-center hover:bg-[#0000004f] sm:flex"},r.createElement(m.Y4,{className:"w-8 cursor-pointer select-none sm:w-12 lg:w-16 2xl:w-20"})),r.createElement(o.E.div,{initial:"hide",animate:"show",exit:"hide",variants:c.T,className:"relative flex h-min shrink-0 select-none items-center justify-center px-8 sm:w-[60%] sm:px-[74px] sm:py-[74px]"},r.createElement(i.M,{alt:"On demand Designs  On demand graphic design slider Pics",src:n[s].picture,className:"flex h-full w-full select-none items-center justify-center object-contain"})),r.createElement("div",{onClick:p,role:"button",tabIndex:0,className:"hidden h-full w-[20%] shrink-0 cursor-pointer select-none items-center justify-center hover:bg-[#0000004f] sm:flex"}

1,r.createElement(m.Y4,{className:"w-8 rotate-180 cursor-pointer select-none sm:w-12 lg:w-16 2xl:w-20"})),r.createElement("div",{className:"flex w-full select-none items-center justify-center"},r.createElement("div",{onClick:d,role:"button",tabIndex:0,className:"flex h-[90px] w-[90px] cursor-pointer  select-none items-center justify-center rounded-full hover:bg-[#0000004f] sm:hidden"},r.createElement(m.Y4,{className:"h-8 w-8 cursor-pointer sm:h-12 sm:w-12 lg:h-16 lg:w-16 2xl:h-20 2xl:w-20"})),r.createElement("div",{onClick:p,role:"button",tabIndex:0,className:"flex h-[90px] w-[90px] cursor-pointer select-none items-center justify-center rounded-full hover:bg-[#0000004f] sm:hidden"},r.createElement(m.Y4,{className:"h-8 w-8 rotate-180 cursor-pointer select-none sm:h-12  sm:w-12 lg:h-16 lg:w-16 2xl:h-20 2xl:w-20"})))))},g=a.p+"static/branding1-79d0ff878cf1c5600722a0662d4b7db7.webp",u=a.p+"static/branding2-6d3f3f3be8abe5bac6080de34dc53012.webp",b=a.p+"static/branding3-93601f8a4f341330e3e13013a3a40c0a.webp",f=a.p+"static/branding4-d95777867425765ff60f1bc71b88067a.webp",x=a.p+"static/branding5-f136859f19a9b65d30429a0991b9c53c.webp",h=a.p+"static/branding6-02c8d20a464900b2baad76aa291b3944.webp",w=a.p+"static/brochure1-87564fe9d321e780ba2aea45ba490199.webp",y=a.p+"static/brochure2-13f5c80137ab838cfda67e7856958110.webp",S=a.p+"static/print1-bdd9a37f2ea379003f46ba58aa665202.webp",v=a.p+"static/print2-953877d233900a12c905b117be6bc251.webp",E=a.p+"static/signage1-78a573768381a133d6ed6462df558ed8.webp",M=a.p+"static/signage2-437ddda7787ec580ccc01a677f22d531.webp",N=a.p+"static/signage3-5f758cd85ddda4da70506ab2e969bb0d.webp",D=a.p+"static/signage4-f610b43c29f0152659f85f9bf6b0c766.webp",k=a.p+"static/social media 1-12e337adb87533be0394eb0d628b51c9.webp",C=a.p+"static/social media 2-911838e21272d4e25cab6a4b3b729bf7.webp",j=a.p+"static/social media 3-0a5728c01f24f9d05ffeda357e66f45e.webp",z=a.p+"static/social media 4-ee96657756dd2d0d1485611dd4a16da9.webp",I=a.p+"static/social media 5-4f6c31c047b0c7b524d376b6d30eca44.webp",O=a.p+"static/social media 6-4b27e4296b758216169dd8898bc0ab60.webp",G=a.p+"static/social media 7-62e6214deb9bf9881dae95df2bc91c6b.webp",B=a.p+"static/social media 8-4e881db36aea4548b912c670d8652964.webp",P=a.p+"static/social media 9-a26b96ddd9d74678188141c8dd102b9e.webp",F=a.p+"static/social media 10-cbe51093c77473dcc5f43e95b60e1871.webp",A=a.p+"static/social media 11-744214a786308001bd3c9614f4c6022b.webp",T=a.p+"static/social media 12-61c964c2c6fe06cd2b7c8d5a546de8ab.webp";const Y=[{id:1,title:"Social Media"},{id:2,title:"Brochures"},{id:3,title:"Branding"},{id:4,title:"Signages"},{id:6,title:"Prints"}],Z=[{id:Date.now().toString(36)+Math.random().toString(36).substr(2),title:"",category:"Social Media",picture:k},{id:Date.now().toString(36)+Math.random().toString(36).substr(2),title:"",category:"Social Media",picture:C},{id:Date.now().toString(36)+Math.random().toString(36).substr(2),title:"",category:"Social Media",picture:j},{id:Date.now().toString(36)+Math.random().toString(36).substr(2),title:"",category:"Social Media",picture:z},{id:Date.now().toString(36)+Math.random().toString(36).substr(2),title:"",category:"Social Media",picture:I},{id:Date.now().toString(36)+Math.random().toString(36).substr(2),title:"",category:"Social Media",picture:O},{id:Date.now().toString(36)+Math.random().toString(36).substr(2),title:"",category:"Social Media",picture:G},{id:Date.now().toString(36)+Math.random().toString(36).substr(2),title:"",category:"Social Media",picture:B},{id:Date.now().toString(36)+Math.random().toString(36).substr(2),title:"",category:"Social Media",picture:P},{id:Date.now().toString(36)+Math.random().toString(36).substr(2),title:"",category:"Social Media",picture:F},{id:Date.now().toString(36)+Math.random().toString(36).substr(2),title:"",category:"Social Media",picture:A},{id:Date.now().toString(36)+Math.random().toString(36).substr(2),title:"",category:"Social Media",picture:T},{id:Date.now().toString(36)+Math.random().toString(36).substr(2),title:"",category:"Brochures",picture:w},{id:Date.now().toString(36)+Math.random().toString(36).substr(2),title:"",category:"Brochures",picture:y},{id:Date.now().toString(36)+Math.random().toString(36).substr(2),title:"",category:"Branding",picture:g},{id:Date.now().toString(36)+Math.random().toString(36).substr(2),title:"",category:"Branding",picture:u},{id:Date.now().toString(36)+Math.random().toString(36).substr(2),title:"",category:"Branding",picture:b},{id:Date.now().toString(36)+Math.random().toString(36).substr(2),title:"",category:"Branding",picture:f},{id:Date.now().toString(36)+Math.random().toString(36).substr(2),title:"",category:"Branding",picture:x},{id:Date.now().toString(36)+Math.random().toString(36).substr(2),title:"",category:"Branding",picture:h},{id:Date.now().toString(36)+Math.random().toString(36).substr(2),title:"",category:"Signages",picture:E},{id:Date.now().toString(36)+Math.random().toString(36).substr(2),title:"",category:"Signages",picture:M},{id:Date.now().toString(36)+Math.random().toString(36).substr(2),title:"",category:"Signages",picture:N},{id:Date.now().toString(36)+Math.random().toString(36).substr(2),title:"",category:"Signages",picture:D},{id:Date.now().toString(36)+Math.random().toString(36).substr(2),title:"",category:"Prints",picture:S},{id:Date.now().toString(36)+Math.random().toString(36).substr(2),title:"",category:"Prints",picture:v}];var _=()=>{const[e,t]=r.useState(!1),[a,i]=r.useState(0),[n,s]=r.useState("Social Media"),o=()=>Z.filter((e=>e.category===n&&e));return r.createElement("div",{className:" grid w-full overflow-hidden"},r.createElement(l,{category:Y,isCategory:n,setIsCategory:s}),r.createElement(d,{setIsGalleryOpen:t,data:o().sort(((e,t)=>t.id<e.id?-1:1)),setSwiperPosition:i}),r.createElement(p,{isGalleryOpen:e,setIsGalleryOpen:t,data:o().sort(((e,t)=>t.id<e.id?-1:1)),swiperPosition:a,setSwiperPosition:i}))},R=a.p+"static/ourWorks_heder-5c6213806b032fc53010f7195c5eeca3.png";var q=()=>r.createElement("div",{className:"mx-auto grid w-full max-w-[2560px] bg-[#1A0143] "},r.createElement(s.Z,null,r.createElement("div",{className:"relative z-10 flex h-[420px] w-full flex-col items-center justify-end px-8 text-center sm:h-[450px] hight600:max-h-[80vh]"},r.createElement(i.M,{src:R,alt:"On demand Designs header",className:"absolute -z-10 h-full w-full object-cover"}),r.createElement("h2",{className:"text-3xl font-medium leading-none text-[#D5BAFF] sm:text-4xl lg:text-5xl "},"A perfect fit for ",r.createElement("br",null)," ",r.createElement("span",null,"agencies")," &"," ",r.createElement("span",{className:"text-white"}

1,"brands")),r.createElement("p",{className:"mt-5 mb-16 w-[90%] text-lg leading-[125%] text-white sm:w-[50%] sm:text-xl"},"Invite team members and clients to help you make and manage designs at no extra cost. Easy integration into slack and microsoft teams.")),r.createElement(_,null),r.createElement(n.Z,null)));const H=()=>r.createElement("title",null,"Our works Grafixy | On Demand Graphic Design Services  | Get Professional Designers")}}]);
2//# sourceMappingURL=component---src-pages-our-works-index-jsx-f3065750d4d3fbc78854.js.map