https://www.studioe.ai/assets/UsedByBrandsSection-qzAkWKA-.js

1import{j as e}from"./jsx-runtime-CqrCmrYQ.js";import"./vendor-react-DWiRq_5Q.js";const t=[{src:"/as-seen-on-brands/1.png",alt:"Amiri"},{src:"/as-seen-on-brands/2.png",alt:"Cole Buxton"},{src:"/as-seen-on-brands/3.png",alt:"Sporty & Rich"},{src:"/as-seen-on-brands/4.png",alt:"KITH",size:"w-[90px] sm:w-[130px] h-[32px] sm:h-[44px]"},{src:"/as-seen-on-brands/5.png",alt:"Monday Swimwear",size:"w-[110px] sm:w-[150px] h-[44px] sm:h-[56px]"},{src:"/as-seen-on-brands/6.png",alt:"Represent",size:"w-[110px] sm:w-[150px] h-[44px] sm:h-[56px]"}],l=30,x=80,c=80,m=140,r=t.length,n=(c+l)*r,i=(m+x)*r;function d(){return e.jsxs("section",{className:"relative w-full",children:[e.jsxs("div",{className:"flex flex-col items-center text-center px-2 sm:px-0",children:[e.jsx("p",{className:"text-lg font-bold tracking-tight text-gray-900",children:"GET THE SAME LOOK AS"}),e.jsx("div",{className:"relative w-full max-w-4xl mx-auto overflow-hidden mt-6",style:{maskImage:"linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%)",WebkitMaskImage:"linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%)"},children:e.jsxs("div",{className:"brands-marquee-track flex items-center",children:[t.map((s,a)=>e.jsx("div",{className:"brands-marquee-slot flex-shrink-0 flex items-center justify-center",children:e.jsx("div",{className:`${s.size||"w-[110px] sm:w-[170px] h-[52px] sm:h-[68px]"} flex items-center justify-center`,children:e.jsx("img",{src:s.src,alt:s.alt,loading:"lazy",draggable:!1,className:"max-w-full max-h-full w-auto h-auto object-contain opacity-[0.75]"})})},`logo-a-${a}`)),t.map((s,a)=>e.jsx("div",{className:"brands-marquee-slot flex-shrink-0 flex items-center justify-center",children:e.jsx("div",{className:`${s.size||"w-[110px] sm:w-[170px] h-[52px] sm:h-[68px]"} flex items-center justify-center`,children:e.jsx("img",{src:s.src,alt:s.alt,loading:"lazy",draggable:!1,className:"max-w-full max-h-full w-auto h-auto object-contain opacity-[0.75]"})})},`logo-b-${a}`))]})}),e.jsxs("h2",{className:"mt-14 text-2xl sm:text-4xl font-extrabold tracking-tight text-gray-900",children:["Used by over"," ",e.jsx("span",{className:"bg-gradient-to-r from-[#326CB4] to-[#7EC8FF] bg-clip-text text-transparent",children:"5000+"})," ","Fashion Brands"]}),e.jsx("p",{className:"mt-3 text-[13px] sm:text-sm text-gray-600 max-w-2xl",children:"Join thousands of operators upgrading their product photos with consistent, real-looking exports."})]}),e.jsx("style",{children:`
2        /* ── Mobile-first sizes ── */
3        .brands-marquee-slot {
4          width: ${c}px;
5          margin-right: ${l}px;
6        }
7        .brands-marquee-track {
8          width: ${n*2}px;
9          animation: brandsMarquee ${r*4}s linear infinite;
10        }
11        @keyframes brandsMarquee {
12          0%   { transform: translateX(0); }
13          100% { transform: translateX(-${n}px); }
14        }
15
16        /* ── Desktop (≥640px) ── */
17        @media (min-width: 640px) {
18          .brands-marquee-slot {
19            width: ${m}px;
20            margin-right: ${x}px;
21          }
22          .brands-marquee-track {
23            width: ${i*2}px;
24            animation-name: brandsMarqueeLg;
25          }
26          @keyframes brandsMarqueeLg {
27            0%   { transform: translateX(0); }
28            100% { transform: translateX(-${i}px); }
29          }
30        }
31      `})]})}export{d as default};