https://cartesi.io/component---src-pages-usecases-tsx-77f2020cd50b9bcfe421.js

1"use strict";(self.webpackChunkgatsby_site=self.webpackChunkgatsby_site||[]).push([[6091],{3396:function(e,t){t.A=e=>{const{condition:t,wrapper1:a,wrapper2:r,children:l}=e;return t?a(l):r(l)}},1392:function(e,t,a){var r=a(3696);t.A=e=>{let{children:t}=e;return r.createElement("div",{style:{position:"relative",overflow:"hidden",marginLeft:"0",marginRight:"calc(-50vw + 50% + 0.5rem)"}},r.createElement("div",null,t))}},4345:function(e,t,a){var r=a(3696),l=a(9665);const s=e=>{let{children:t,className:a,...s}=e;return r.createElement("div",Object.assign({className:(0,l.cn)("rounded-2xl bg-foreground p-section",a)},s),t)};s.CardInner=e=>{let{children:t,className:a,...s}=e;return r.createElement("div",Object.assign({className:(0,l.cn)("border-b border-background/10 py-8 first:pt-0 last:border-0 last:pb-0 sm:rounded-2xl sm:border sm:bg-background/5 sm:p-8 first:sm:pt-8 last:sm:border last:sm:pb-8",a)},s),t)},t.A=s},9225:function(e,t,a){var r=a(3696),l=a(9665);const s=e=>{let{children:t,className:a,...s}=e;return r.createElement("div",Object.assign({className:(0,l.cn)("rounded-0 -mx-[1rem] bg-card p-section sm:mx-auto sm:rounded-2xl",a)},s),t)};s.CardInner=e=>{let{children:t,className:a,...s}=e;return r.createElement("div",Object.assign({className:(0,l.cn)("rounded-2xl border border-tertiary/20 bg-background p-8",a)},s),t)},t.A=s},3465:function(e,t,a){a.r(t),a.d(t,{default:function(){return I}});var r=a(3696),l=a(3818),s=a(5395),n=a(8919),c=a(694),m=a(6324);var i=e=>{let{data:t}=e;const{title:l,subtitle:i}=t;return r.createElement(r.Fragment,null,r.createElement(n.A,{className:"relative z-10 grow pt-[5vmin]"},r.createElement("div",{className:"mx-auto max-w-screen-lg xl:max-w-screen-lg"},r.createElement(s.A,{className:"text-center text-h5 prose-headings:mb-1 prose-p:mx-auto prose-p:max-w-3xl prose-p:leading-snug prose-p:text-foreground"},r.createElement("h1",null,l),r.createElement("p",null,i)))),r.createElement(c.P.div,{className:"absolute bottom-0 left-0 h-full w-full",initial:{y:100},animate:{y:0},transition:{duration:5}},r.createElement(m.S,{loading:"eager",width:4e3,height:2090,class:"h-full w-full object-cover object-top",imgClassName:"h-full w-auto object-cover object-top",src:"../../assets/images/usecases/hero.png",alt:"",quality:100,placeholder:"none",__imageData:a(1224)})))},o=a(1392),d=a(5369),p=a(2811),g=a(159),u=a(5904),E=a(3396);var b=e=>{let{data:t}=e;const[a,l]=r.useState(!0),c=(0,u.Ub)("(min-width: 1024px)",{initializeWithValue:!1});return r.createElement(p.A,{className:"pb-0"},r.createElement(n.A,null,r.createElement(E.A,{condition:!c,wrapper1:e=>r.createElement(o.A,null,e),wrapper2:e=>r.createElement(r.Fragment,null,e)},r.createElement(g.RC,{slidesPerView:1,spaceBetween:24,breakpoints:{320:{slidesPerView:2.5,spaceBetween:10},640:{slidesPerView:2.5,spaceBetween:10},768:{slidesPerView:3.5},1024:{slidesPerView:4}},onSwiper:e=>l(!1)},t&&!a&&t.map((e=>{let{_id:t,short_title:a,thumb:l}=e;return r.createElement(g.qr,{key:t},r.createElement(d.A,{to:`#${t}`,className:"group"},r.createElement("div",{className:"relative aspect-video overflow-hidden rounded-2xl object-cover"},r.createElement(m.G,{image:l.asset.gatsbyImageData,alt:a,className:"aspect-video object-cover transition-transform duration-1000 group-hover:scale-105"})),r.createElement(s.A,{className:"absolute left-4 z-10 transform-gpu sm:left-8"},r.createElement("h3",{className:"pr-6 text-base text-white sm:pr-16 sm:text-lg lg:pr-24"},a))))}))))))},x=a(4624),f=a(6763),h=a(4345),v=a(9225),w=a(6933);var N=e=>{let{items:t,isDark:a}=e;const l=t.filter((e=>null!==e.thumb)).length>0;return r.createElement("div",{className:`grid ${l?3===t.length?"lg:grid-flow-col lg:grid-cols-2":"lg:grid-cols-2":"lg:grid-cols-3"} ${a?"gap-0 sm:gap-6":"gap-6"}`},t.length>0&&t.map(((e,t)=>{let{_id:l,title:n,_rawDescription:c,image:i,thumb:o}=e;return r.createElement(E.A,{condition:a,wrapper1:e=>r.createElement(h.A.CardInner,{key:l,className:""+(null!==o?"row-span-2":"")},e),wrapper2:e=>r.createElement(v.A.CardInner,{key:l,className:""+(null!==o?"row-span-2":"")},e),key:t},r.createElement(s.A,{inverted:a,className:"text-sm prose-headings:mb-2 prose-headings:text-lg"},r.createElement("div",{className:"block"},i&&!o?r.createElement("div",{className:`inline-block rounded-xl ${!a&&"bg-card"} p-2`},r.createElement("img",{src:null==i?void 0:i.asset.url,alt:n,className:"m-0 rounded-none"})):o&&r.createElement("div",{className:"mb-8 aspect-[5/3.5] overflow-hidden rounded-2xl object-cover"},r.createElement(m.G,{image:o.asset.gatsbyImageData,alt:n,className:"aspect-[5/3.5] object-cover transition-transform duration-1000 group-hover:scale-105"}))),r.createElement("h3",{className:""+(a?"mt-0":"mt-2")},n),r.createElement(x.RK,{value:c,components:f.E})))})))},y=a(2526);var A=e=>{let{projects:t,isDark:a}=e;const l=t.filter((e=>null!==e.thumb)).length>0,n=(0,u.Ub)("(min-width: 1024px)",{initializeWithValue:!1});return r.createElement(s.A,{inverted:a},r.createElement("h3",{className:(a?"my-8 sm:mt-0":"my-8")+" text-2xl"},"Built On Cartesi"),r.createElement("div",{className:`grid lg:grid-cols-2 ${l&&3===t.length?"lg:grid-flow-col":""} ${a?"gap-0 sm:gap-6":"gap-6"}`},t.length>0&&t.map((e=>{let{_id:t,title:l,_rawDescription:c,category:i,image:o,thumb:p,url:g}=e;return r.createElement(d.A,{to:g,external:!0,className:`grid ${a?"border-b border-background/10 py-8 first:pt-0 last:border-0 last:pb-0 hover:border-white/50 sm:rounded-2xl sm:border sm:bg-background/5 sm:p-8 first:sm:pt-8 last:sm:border last:sm:pb-8":"rounded-2xl border border-tertiary/20 bg-background p-8 hover:border-tertiary/50"} ${null!==p?"row-span-2":""}`,key:t},r.createElement(s.A,{inverted:a,className:"text-sm prose-headings:text-lg"},o&&!p||o&&!n?r.createElement("div",{className:"flew-row flex items-center"},r.createElement("div",{className:"mr-4 inline-block shrink-0 rounded-xl "+(a?"":"border border-muted-foreground

1/20")},r.createElement("img",{src:null==o?void 0:o.asset.url,alt:l,className:"m-0 aspect-square w-[3.5rem] rounded-xl"})),r.createElement("div",{className:"flex grow flex-col"},r.createElement("div",{className:"flex flex-row items-center"},r.createElement("h3",{className:"my-0 grow"},l),r.createElement(y.A,{className:""+(a?"fill-white":"fill-primary")})),i&&r.createElement("p",{className:"my-0 p-0 text-tertiary"},i))):p&&r.createElement("div",{className:"flex flex-col gap-6"},r.createElement("div",{className:(a?"":"border border-muted-foreground/20")+" aspect-video overflow-hidden rounded-2xl object-cover"},r.createElement(m.G,{image:p.asset.gatsbyImageData,alt:l,className:"aspect-video object-cover transition-transform duration-1000 group-hover:scale-105"})),r.createElement("div",{className:"flex grow flex-row items-start"},r.createElement("div",{className:"flex grow flex-col"},r.createElement("h3",{className:"my-0"},l),i&&r.createElement("p",{className:"my-0 p-0 text-tertiary"},i)),r.createElement(y.A,{className:""+(a?"fill-white":"fill-primary")}))),r.createElement(x.RK,{value:c,components:f.E})))}))))};var k=e=>{let{data:t,index:a}=e;const{_id:l,title:n,layout:c,_rawDescription:i,learnMoreLinkType:o,image:p,items:g,projects:u}=t,b=a%2==0,y=n.split("<span>").pop().split("</span>")[0],k=y.replace(/([a-zA-Z0-9_]+)/g,"<span>$1</span>").replace(/(\s+)/g,"<span> </span>");return r.createElement(E.A,{condition:b,wrapper1:e=>r.createElement(h.A,{className:"flex flex-col gap-[2rem] sm:gap-16"},e),wrapper2:e=>r.createElement(v.A,{className:"flex flex-col gap-[2rem]"},e)},r.createElement("div",{className:("right"==c?"lg:flex-row lg:gap-32":"")+" flex flex-col gap-16",id:l},r.createElement("div",{className:("right"==c?"order-1 flex flex-col":"top"==c?"order-2 grid lg:grid-cols-2":"bottom"==c?"order-1 grid lg:grid-cols-2":"")+" gap-8"},r.createElement(s.A,{inverted:b,className:"max-w-md prose-headings:text-h2"},r.createElement("h3",{className:(b?"heading-styled-dark":"heading-styled-light")+" lg:pr-[4rem]",dangerouslySetInnerHTML:{__html:n.replace("<span>"+y+"</span>",k)}})),r.createElement("div",{className:"grid gap-8"},r.createElement(s.A,{inverted:b},r.createElement(x.RK,{value:i,components:f.E})),o&&r.createElement("div",{className:"flex flex-col gap-1"},r.createElement("span",{className:(b?"text-secondary":"text-tertiary")+" text-sm uppercase"},"Learn more"),r.createElement("p",null,r.createElement(w.A,{asChild:!0,variant:b?"link-invert":"link",size:"link"},r.createElement(d.A,{to:o.url,external:o.isExternal,iconExternal:o.isExternal},o.title)))))),r.createElement("div",{className:("right"==c?"order-2 lg:aspect-[2/3]":"top"==c?"order-1":"bottom"==c?"order-2":"")+" aspec-[4/3] overflow-hidden rounded-2xl object-cover"},r.createElement(m.G,{image:p.asset.gatsbyImageData,alt:n,className:("right"==c?"lg:aspect-[2/3] lg:max-h-full":"")+" aspec-[4/3] max-h-72 object-cover transition-transform duration-1000 group-hover:scale-105"}))),r.createElement(N,{items:g,isDark:b}),r.createElement(A,{projects:u,isDark:b}))},j=a(5813);var _=e=>{let{data:t}=e;const{badge:a,title:l,resources:c}=t;return r.createElement(p.A,null,r.createElement(n.A,null,r.createElement("div",{className:"mb-16 flex flex-col justify-between gap-8 lg:flex-row lg:items-end lg:gap-16"},r.createElement("div",{className:"flex max-w-screen-sm flex-col items-start"},r.createElement(j.A,{label:a,as:"p",center:!1}),r.createElement(s.A,null,r.createElement("h2",null,l)))),c&&r.createElement("div",{className:"grid gap-6 lg:grid-cols-3"},c.map((e=>{let{_key:t,title:a,image:l,_rawDescription:n,link:c,isExternal:i}=e;return r.createElement(d.A,{to:`${c}`,external:i,className:"flex h-full flex-col overflow-hidden rounded-2xl",key:t},r.createElement(m.G,{image:l.asset.gatsbyImageData,alt:a,className:"aspect-[21/9] grow rounded-t-2xl object-cover transition-transform duration-1000 group-hover:scale-105"}),r.createElement("div",{className:"grid w-full gap-8 rounded-b-2xl bg-primary px-8 py-6"},r.createElement(s.A,{className:"not-prose text-sm text-white"},r.createElement("div",{className:"mb-2 flex flex-row items-center"},r.createElement("h3",{className:"m-0 grow py-0 pl-0 pr-4 text-xl font-medium text-white lg:text-3xl"},a),r.createElement(y.A,{className:"h-[24px] w-[24px] md:h-[32px] md:w-[32px]"})),r.createElement(x.RK,{value:n,components:f.E,className:"line-clamp-2"}))))})))))},D=a(6291),C=a(1625);var I=e=>{let{data:t}=e;const{seoMeta:a,hero:s,useCases:c,usefulResources:m}=t.pageContent;return r.createElement(r.Fragment,null,r.createElement(l.A,{data:a}),r.createElement(C.A,null,r.createElement(D.A,{height:"75vh"},r.createElement(i,{data:s})),r.createElement(b,{data:c}),r.createElement(p.A,{className:"pb-0"},r.createElement(n.A,null,r.createElement("div",{className:"flex flex-col gap-8 sm:gap-16"},c.map(((e,t)=>r.createElement(k,{data:e,index:t,key:e._id})))))),r.createElement(_,{data:m})))}},1224:function(e){e.exports=JSON.parse('{"layout":"constrained","images":{"fallback":{"src":"/static/60109c3add3b851d2ff4728da31d00ed/ec6d8/hero.png","srcSet":"/static/60109c3add3b851d2ff4728da31d00ed/10d46/hero.png 1000w,\\n/static/60109c3add3b851d2ff4728da31d00ed/ac6bd/hero.png 2000w,\\n/static/60109c3add3b851d2ff4728da31d00ed/ec6d8/hero.png 4000w","sizes":"(min-width: 4000px) 4000px, 100vw"},"sources":[{"srcSet":"/static/60109c3add3b851d2ff4728da31d00ed/2397c/hero.webp 1000w,\\n/static/60109c3add3b851d2ff4728da31d00ed/a5eb1/hero.webp 2000w,\\n/static/60109c3add3b851d2ff4728da31d00ed/dec56/hero.webp 4000w","type":"image/webp","sizes":"(min-width: 4000px) 4000px, 100vw"}]},"width":4000,"height":2090}')}}]);
2//# sourceMappingURL=component---src-pages-usecases-tsx-77f2020cd50b9bcfe421.js.map