1import{b as r,j as e,H as o,N as c,l as d,m as a,B as s,v as m,F as x}from"./index-D4D9_w30.js";import{i as h,a as p,b as g,c as f}from"./alles-overzichtelijk-hywW2TNr.js";const n="https://www.multisafepay.com/nl-nl/oplossingen/betaalmethoden/billink",y={hidden:{},visible:{transition:{staggerChildren:.1}}},u={hidden:{opacity:0,y:24},visible:{opacity:1,y:0,transition:{duration:.5,ease:"easeOut"}}},j=[h,p,g,f],N=()=>{const{t}=r();return e.jsxs("div",{className:"min-h-screen relative",style:{backgroundColor:"var(--surface-dark)"},children:[e.jsxs(o,{children:[e.jsx("title",{children:t("integrations.multisafepay.meta.title")}),e.jsx("meta",{name:"description",content:t("integrations.multisafepay.meta.description")})]}),e.jsxs("div",{className:"relative z-10",children:[e.jsx(c,{dark:!0,noTopOffset:!0}),e.jsxs("section",{className:"relative overflow-hidden pt-36 pb-20 md:pt-40",children:[e.jsx(d,{}),e.jsxs("div",{className:"relative z-10 max-w-6xl mx-auto px-6 grid grid-cols-1 lg:grid-cols-2 gap-16 items-center",children:[e.jsxs(a.div,{initial:{opacity:0,y:30},animate:{opacity:1,y:0},transition:{duration:.7,ease:[.22,1,.36,1]},children:[e.jsx("h1",{className:"brand-hero-h1 mb-6",style:{color:"var(--text-on-dark)"},children:t("integrations.multisafepay.title")}),e.jsx("p",{className:"text-base md:text-lg leading-relaxed font-sans mb-8",style:{color:"#ffeede"},children:t("integrations.multisafepay.description")}),e.jsx(s,{asChild:!0,variant:"hero",size:"xl",className:"transition-transform hover:scale-105",children:e.jsx("a",{href:n,target:"_blank",rel:"noopener noreferrer",children:t("integrations.multisafepay.cta_hero")})})]}),e.jsx(a.div,{initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},transition:{duration:.7,delay:.2},className:"flex items-center justify-center",children:e.jsx("div",{className:"aspect-square w-full max-w-[20rem] rounded-3xl bg-white flex items-center justify-center p-10",children:e.jsx("img",{loading:"lazy",decoding:"async",src:m,alt:"MultiSafepay",className:"w-full h-auto object-contain"})})})]})]}),e.jsxs("div",{className:"relative z-10 rounded-t-[2rem]",style:{backgroundColor:"var(--surface-light)"},children:[e.jsx("section",{className:"pt-20 pb-20",children:e.jsxs("div",{className:"max-w-6xl mx-auto px-6",children:[e.jsxs(a.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.5},className:"mx-auto max-w-2xl text-center mb-12",children:[e.jsx("h2",{className:"text-3xl md:text-4xl lg:text-5xl font-extrabold font-display leading-[1.08] tracking-tight mb-6",style:{color:"var(--text-on-light)"},children:t("integrations.multisafepay.benefits_title")}),e.jsx("p",{className:"text-base md:text-lg leading-relaxed font-sans",style:{color:"#7f8590"},children:t("integrations.multisafepay.benefits_description")})]}),e.jsx(a.div,{variants:y,initial:"hidden",whileInView:"visible",viewport:{once:!0},className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6",children:j.map((l,i)=>e.jsxs(a.div,{variants:u,className:"rounded-card bg-white p-5",children:[e.jsx("div",{className:"mb-2 -mt-1",children:e.jsx("img",{src:l,alt:"",className:"w-[64px] h-[64px] object-contain -ml-2 -my-3",loading:"lazy"})}),e.jsx("h3",{className:"mt-2 text-sm font-bold font-sans",style:{color:"var(--text-on-light)"},children:t(`integrations.multisafepay.benefits.${i}.title`)}),e.jsx("p",{className:"mt-1.5 text-xs leading-relaxed font-sans",style:{color:"#7f8590"},children:t(`integrations.multisafepay.benefits.${i}.description`)})]},i))})]})}),e.jsx("section",{id:"notify",className:"px-6 py-20",children:e.jsx("div",{className:"max-w-3xl mx-auto text-center",children:e.jsxs(a.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.5},children:[e.jsx("h2",{className:"text-3xl md:text-4xl lg:text-5xl font-extrabold font-display leading-[1.08] tracking-tight mb-4",style:{color:"var(--text-on-light)"},children:t("integrations.multisafepay.cta_title")}),e.jsx("p",{className:"text-base md:text-lg leading-relaxed font-sans max-w-xl mx-auto mb-8",style:{color:"#7f8590"},children:t("integrations.multisafepay.cta_description")}),e.jsx(s,{asChild:!0,variant:"hero",size:"xl",className:"transition-transform hover:scale-105",children:e.jsx("a",{href:n,target:"_blank",rel:"noopener noreferrer",children:t("integrations.multisafepay.cta_bottom")})})]})})}),e.jsx(x,{})]})]})]})};export{N 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.