1import{an as n,w as c,o as l,d as s,e,t as o,i,j as r}from"./DACet6ew.js";const x=n("/images/logos/norce.svg"),g=n("/images/logos/shopware.svg"),h=n("/images/illustrations/storyblok-mockup.png"),b=n("/images/illustrations/launch-progress-mockup.png"),m={class:"z-10 relative bg-white"},u={class:"max-w-7xl mx-auto px-4 lg:px-8 lg:py-24 py-16"},f={key:0,class:"max-w-2xl mx-auto text-center mb-12 lg:mb-16"},k={key:0,class:"text-4xl lg:text-5xl font-semibold tracking-tight-2 text-gray-900"},p={key:1,class:"mt-4 text-lg leading-relaxed text-gray-600"},w={class:"grid lg:grid-cols-3 gap-8 lg:gap-12 max-w-[1024px] mx-auto"},y={class:"flex flex-col"},_={key:0,class:"text-[20px] font-bold tracking-tight-2 text-gray-900"},v={key:1,class:"mt-3 text-[14px] font-normal leading-relaxed text-gray-600"},j={class:"flex flex-col"},z={key:0,class:"text-[20px] font-bold tracking-tight-2 text-gray-900"},B={key:1,class:"mt-3 text-[14px] font-normal leading-relaxed text-gray-600"},D={class:"flex flex-col"},N={key:0,class:"text-[20px] font-bold tracking-tight-2 text-gray-900"},S={key:1,class:"mt-3 text-[14px] font-normal leading-relaxed text-gray-600"},C={__name:"HowItWorks",props:{blok:Object},setup(t){return(V,a)=>{const d=r("editable");return c((l(),s("div",m,[e("div",u,[t.blok.heading||t.blok.subtext?(l(),s("div",f,[t.blok.heading?(l(),s("h2",k,o(t.blok.heading),1)):i("",!0),t.blok.subtext?(l(),s("p",p,o(t.blok.subtext),1)):i("",!0)])):i("",!0),e("div",w,[e("div",y,[a[0]||(a[0]=e("div",{role:"group","aria-label":"Supported backends",class:"mb-6 h-[150px] w-full rounded-2xl bg-brand-600 overflow-hidden flex items-center justify-center gap-6"},[e("div",{class:"flex items-center justify-center w-[67px] h-[67px] rounded-2xl bg-white shadow-lift p-4"},[e("img",{src:x,alt:"Norce",width:"67",height:"67",loading:"lazy",class:"max-w-full max-h-full object-contain"})]),e("div",{class:"flex items-center justify-center w-[67px] h-[67px] rounded-2xl bg-white shadow-lift p-4"},[e("img",{src:g,alt:"Shopware",width:"67",height:"67",loading:"lazy",class:"max-w-full max-h-full object-contain"})])],-1)),t.blok.step_1_title?(l(),s("h3",_,o(t.blok.step_1_title),
11)):i("",!0),t.blok.step_1_description?(l(),s("p",v,o(t.blok.step_1_description),1)):i("",!0)]),e("div",j,[a[1]||(a[1]=e("div",{class:"relative mb-6 h-[150px] w-full rounded-2xl bg-brand-600 overflow-hidden"},[e("img",{src:h,alt:"",width:"612",height:"300",loading:"lazy",class:"absolute left-1/2 -translate-x-1/2 top-4 w-full max-w-[277px] h-auto"})],-1)),t.blok.step_2_title?(l(),s("h3",z,o(t.blok.step_2_title),1)):i("",!0),t.blok.step_2_description?(l(),s("p",B,o(t.blok.step_2_description),1)):i("",!0)]),e("div",D,[a[2]||(a[2]=e("div",{class:"mb-6 h-[150px] w-full rounded-2xl bg-brand-600 overflow-hidden flex items-center justify-center p-6"},[e("img",{src:b,alt:"",width:"467",height:"227",loading:"lazy",class:"max-h-full max-w-full object-contain"})],-1)),t.blok.step_3_title?(l(),s("h3",N,o(t.blok.step_3_title),1)):i("",!0),t.blok.step_3_description?(l(),s("p",S,o(t.blok.step_3_description),1)):i("",!0)])])])])),[[d,t.blok]])}}};export{C as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.