https://avaloniaui.net/assets/PlatformProofSection-BirsQX9V.js

1import{j as s}from"./jsx-runtime-u17CrQMm.js";import{L as f}from"./chunk-LFPYN7LY-BFxOW0GP.js";import{P as h,C as x}from"./MarketingLayout-DDrv-W3y.js";import{G as g,C as j,S as p,e as y,d as u,l as N,b as i,R as v,D as a,f as t,t as w}from"./tokens-C2m5-FTJ.js";function b({app:e}){const r=s.jsxs(s.Fragment,{children:[s.jsx("div",{className:"overflow-hidden mb-6",style:{borderRadius:v.card,aspectRatio:"16 / 10"},children:s.jsx("img",{src:e.image,alt:e.imageAlt,loading:"lazy",className:"w-full h-full object-cover proof-cell-img",style:{transition:`transform ${a.slow} ${t}`}})}),s.jsxs("h3",{className:"mb-2 flex items-center gap-1.5",style:w,children:[e.name,e.storySlug&&s.jsx(x,{className:"w-4 h-4 proof-cell-arrow",style:{transition:`transform ${a.fast} ${t}`}})]}),s.jsx("p",{style:i,children:e.description})]});return e.storySlug?s.jsx(f,{to:`/success/${e.storySlug}`,className:"proof-cell block group",children:r}):s.jsx("div",{children:r})}function E({id:e,claim:r,continuation:o,intro:c,measure:n="full",apps:m,footnote:d}){return s.jsxs("section",{id:e,style:{background:g.lift},children:[s.jsx("style",{children:`
2        @media (hover: hover) {
3          .proof-cell:hover .proof-cell-img { transform: scale(1.04); }
4          .proof-cell:hover .proof-cell-arrow { transform: translateX(4px); }
5        }
6        @media (prefers-reduced-motion: reduce) {
7          .proof-cell-img, .proof-cell-arrow { transition: none !important; }
8          .proof-cell:hover .proof-cell-img { transform: none; }
9          .proof-cell:hover .proof-cell-arrow { transform: none; }
10        }
11      `}),s.jsxs("div",{className:p,style:{maxWidth:j},children:[s.jsx("p",{style:y,children:"Shipping today"}),s.jsxs("h2",{className:"mt-5",style:u,children:[r,o&&s.jsxs(s.Fragment,{children:[" ",s.jsx("span",{style:{color:"var(--fg-muted)"},children:o})]})]}),s.jsx("p",{className:"mt-6",style:{...N,...n==="full"&&{maxWidth:"none"}},children:c}),s.jsx("div",{className:"grid md:grid-cols-2 lg:grid-cols-3 gap-8 lg:gap-10 mt-14",children:m.map(l=>s.jsx(b,{app:l},l.name))}),s.jsxs("div",{className:"section-footer-row mt-8",children:[s.jsx("p",{style:{...i,maxWidth:"58ch"},children:d}),s.jsx(h,{to:"/showcase",variant:"dark",size:"md",className:"ml-auto",children:"Browse the showcase"})]})]})]})}export{E as P};