https://brale.xyz/assets/about-S2A0xSiw.js

1import{ot as e,rt as t,t as n,w as r}from"./jsx-runtime-vlDczagz.js";import{$t as i,Ct as a,Dt as o,Fn as s,M as c,Nn as l,Pn as u,_n as d,t as f}from"./layout-1UWg9V41.js";import{o as p}from"./constants-Hr0ije_t.js";import{t as m}from"./get-meta-CJ8PcTDR.js";import{s as h}from"./structured-data-schemas-C08RWoFs.js";import{t as g}from"./cta-B7G5jEaC.js";import{n as _,t as v}from"./display-random-C2AabGel.js";import{t as y}from"./subpage-hero-B7QQp3lC.js";import{t as b}from"./manifesto-split-D6GSJgq8.js";import{t as x}from"./feature-split-B6QOJMYc.js";import{t as S}from"./trust-signals-row-D__rhsQd.js";import{r as C}from"./authors-KDElURk-.js";var w=e(t(),1),T=1e4;function E(){return Object.values(C).filter(e=>e.portrait)}function D(e){return new Promise(t=>{let n=new Image;n.onload=()=>t(),n.onerror=()=>t(),n.src=e})}function O(){return Math.min(6,E().length)}function k({enabled:e=!0}={}){let[t,n]=(0,w.useState)([]),[r,i]=(0,w.useState)(!0),a=(0,w.useRef)([]);return(0,w.useEffect)(()=>{let e=!1;return(async()=>{let t=v(E()),r=t.slice(0,6),o=t.slice(6);await Promise.all(r.map(e=>D(e.portrait))),!e&&(a.current=o,n(r),i(!1),Promise.all(o.map(e=>D(e.portrait))))})(),()=>{e=!0}},[]),(0,w.useEffect)(()=>{if(!e||r||a.current.length===0)return;let t=window.setInterval(()=>{n(e=>{let{visible:t,pool:n}=_(e,a.current);return a.current=n,t})},T);return()=>{window.clearInterval(t)}},[e,r]),{portraits:t,isLoading:r}}var A=.2,j=.1,M=[.25,.46,.45,.94],N={hidden:{opacity:1},visible:{opacity:1,transition:{duration:0}}},P={hidden:{opacity:1,y:0},visible:{opacity:1,y:0,transition:{duration:0}}};function F(e){return e?N:{hidden:{opacity:0},visible:{opacity:1,transition:{delayChildren:A,staggerChildren:j}}}}function I(e){return e?P:{hidden:{opacity:0,y:20},visible:{opacity:1,y:0,transition:{duration:.55,ease:M}}}}var L=n(),R=`grid grid-cols-2 gap-6 sm:grid-cols-3 lg:grid-cols-6 lg:gap-8`,z=10,B=.96;function V({count:e}){return(0,L.jsx)(`div`,{className:R,children:Array.from({length:e}).map((e,t)=>(0,L.jsx)(`div`,{"aria-hidden":!0,className:`round video-skeleton aspect-[2/3]`},t))})}function H({portrait:e,reduceMotion:t}){let n=I(t),r=`blur(${z}px)`;return(0,L.jsx)(l.div,{variants:n,children:(0,L.jsx)(`div`,{className:`round relative aspect-[2/3] overflow-hidden`,children:(0,L.jsx)(s,{children:(0,L.jsx)(l.img,{className:`absolute inset-0 m-0 size-full object-cover`,src:e.portrait,alt:`${e.name} portrait`,decoding:`async`,initial:!t&&{opacity:0,filter:r,scale:B},animate:{opacity:1,filter:`blur(0px)`,scale:1},exit:t?void 0:{opacity:0,filter:r,scale:B},transition:{duration:.55,ease:[.25,.46,.45,.94]}},e.name)})})})}function U({content:e,dataSection:t=`about-team`}){let n=!!u(),{portraits:r,isLoading:i}=k({enabled:!n}),a=O(),o=F(n);return(0,L.jsx)(`section`,{className:`relative`,"data-section":t,children:(0,L.jsxs)(`div`,{className:c.sectionContainer,children:[(0,L.jsxs)(`div`,{className:`mb-12 flex flex-col gap-6`,children:[(0,L.jsx)(`p`,{className:c.eyebrow,children:e.eyebrow}),(0,L.jsx)(`h2`,{className:c.h2,children:e.heading})]}),i?(0,L.jsx)(V,{count:a}):(0,L.jsx)(l.div,{className:R,variants:o,initial:`hidden`,whileInView:`visible`,viewport:{once:!0,amount:.1},children:r.map((e,t)=>(0,L.jsx)(H,{portrait:e,reduceMotion:n},t))})]})})}var W={hero:{eyebrow:`About`,heading:`Stablecoins should be easier to launch and easier to use.`,subhead:`We built Brale to reduce the time, cost, and complexity of creating regulated digital dollars — so more builders, businesses, and networks can put them to work.`},heroTrustSignals:{signals:[`Built by a team with deep roots in payments and stablecoins`,`Backed by Lightspeed and NEA`,`U.S.-regulated from day one`]},manifesto:{kicker:`What we believe`,headlineLines:[`Stablecoins are for everyone`],blocks:[{tone:`subheading`,text:`They said every app would have a balance. That increasing the bandwidth of money would mean economic prosperity and unlock opportunity for everyone. That protocols are the next frontier.`},{tone:`emphasis`,text:`We think they were right.`},{tone:`body`,text:`We came at this from one question: what does the market need to realize the potential of protocols? It was hard to imagine that potential being reached without digital dollars — so we set out to make stablecoin infrastru

1cture dramatically easier to access. What used to require $100M and a team of lawyers now takes a single integration and a few weeks.`},{tone:`emphasis`,text:`Stablecoins are for everyone. We built Brale to make that true.`}]},values:{kicker:`Our values`,headlineLines:[`How we operate`],body:`As a small, distributed team, we are led by our values. These core beliefs ensure a shared vision internally and with an alum network as we build the future together.`,cards:[{icon:i,title:`Access is opportunity`,text:`We strive to provide access to the broadest market possible.`},{icon:d,title:`Reduce distractions`,text:`We aim to make new technologies easier to use.`},{icon:o,title:`Stablecoins are for everyone`,text:`We aim to build technology that can be used without needing to understand all of its complexities.`},{icon:a,title:`Embrace experimentation`,text:`We are motivated by curiosity and innovation, allowing us to create and iterate the next best thing.`}]},team:{eyebrow:`The team`,heading:`Here to build what's next, bit by bit.`},careersCta:{heading:`Want to build with us?`,subhead:`We're a small team solving big problems. If\xA0you want to help shape the future of stablecoin infrastructure, we'd love to hear from you.`,primaryCta:{label:`See open roles`,href:`/careers`},secondaryCta:null}},{desc:G,title:K}=p.about,q=({loaderData:e})=>e?m({desc:G,title:K,urls:e.urls}):[],J={structuredData:({data:e})=>h({canonicalUrl:e.urls.canonical,description:G,name:K,pageType:`AboutPage`})},Y=r(function(){let{hero:e,heroTrustSignals:t,manifesto:n,values:r,team:i,careersCta:a}=W;return(0,L.jsxs)(f,{children:[(0,L.jsx)(y,{content:e,dataSection:`about-hero`,auxSlot:(0,L.jsx)(S,{content:t,embedded:!0}),layout:`centered`}),(0,L.jsx)(b,{content:n,dataSection:`about-manifesto`,showFade:!0}),(0,L.jsx)(x,{content:r,dataSection:`about-values`,showFade:!0}),(0,L.jsx)(U,{content:i,dataSection:`about-team`}),(0,L.jsx)(g,{content:a,dataSection:`about-careers-cta`})]})});export{Y as default,J as handle,q as meta};