https://avaloniaui.net/assets/CommunitySection-WT8eyJvP.js

1import{j as n}from"./jsx-runtime-u17CrQMm.js";import{r as o}from"./chunk-LFPYN7LY-BFxOW0GP.js";import{s as R}from"./site-stats-BITBA8_-.js";import{P as S}from"./MarketingLayout-DDrv-W3y.js";function C(d,t={}){const[c,l]=o.useState(!0);return o.useEffect(()=>{const s=d.current;if(!s)return;const i=new IntersectionObserver(([u])=>{l(u.isIntersecting)},{threshold:t.threshold??0,rootMargin:t.rootMargin??"0px",root:t.root??null});return i.observe(s),()=>{i.disconnect()}},[d,t.threshold,t.rootMargin,t.root]),c}const h=[{username:"grokys",name:"Steven Kirk",color:"#7EB8DA",ring:2,angle:15},{username:"jazzay",name:"Jason Jarvis",color:"#D4C896",ring:2,angle:85},{username:"jkoritzinsky",name:"Jeremy Koritzinsky",color:"#8BC78F",ring:2,angle:165},{username:"timunie",name:"Tim",color:"#A8C4E0",ring:2,angle:260},{username:"DmitryZhelnin",name:"Dmitry Zhelnin",color:"#B0A4D4",ring:2,angle:330},{username:"kekekeks",name:"Nikita Tsukanov",color:"#E2C56B",ring:1,angle:70},{username:"KvanTTT",name:"Ivan Kochurkin",color:"#A0D4B8",ring:1,angle:140},{username:"Mikolaytis",name:"Sergey Mikolaytis",color:"#D4B896",ring:1,angle:195},{username:"JaggerJo",name:"Josua Jäger",color:"#D4A4A0",ring:1,angle:245},{username:"SimonCropp",name:"Simon Cropp",color:"#E0A87C",ring:1,angle:320},{username:"SuperJMN",name:"SuperJMN",color:"#96C4D4",ring:0,angle:30},{username:"adirh3",name:"Lighto",color:"#C9A0D4",ring:0,angle:120},{username:"awakecoding",name:"Marc-André Moreau",color:"#D4B07C",ring:0,angle:200},{username:"mterwoord",name:"Matthijs ter Woord",color:"#8FD5C4",ring:0,angle:290}],g=[.42,.58,.78],k=[.004,.0025,.0015],A=[1,.88,.78],w=65,z=o.forwardRef(function({profile:t},c){return n.jsx("a",{ref:c,href:`https://github.com/${t.username}`,target:"_blank",rel:"noopener noreferrer",className:"absolute block no-underline",style:{left:"50%",top:"50%",willChange:"transform, opacity",pointerEvents:"auto"},children:n.jsxs("div",{className:"rounded-2xl overflow-hidden",style:{width:"130px",backgroundColor:t.color,padding:"10px 10px 14px",boxShadow:"0 8px 32px rgba(0,0,0,0.35), 0 2px 8px rgba(0,0,0,0.2)"},children:[n.jsx("img",{src:`https://avatars.githubusercontent.com/${t.username}?s=200`,alt:t.name,className:"rounded-xl w-full aspect-square object-cover",loading:"lazy",style:{backgroundColor:"rgba(0,0,0,0.08)",marginBottom:"8px",display:"block"},onError:l=>{const s=l.target;s.style.background="rgba(0,0,0,0.12)",s.src=""}}),n.jsx("p",{className:"font-medium truncate",style:{fontSize:"13px",lineHeight:"16px",color:"rgba(5,5,30,0.85)",margin:0},children:t.name}),n.jsxs("p",{className:"truncate",style:{fontSize:"11px",lineHeight:"14px",color:"rgba(5,5,30,0.5)",margin:0,marginTop:"2px"},children:["@",t.username]})]})})}),M=[{left:"18%",top:"22%"},{left:"82%",top:"28%"},{left:"50%",top:"92%"},{left:"8%",top:"58%"},{left:"90%",top:"64%"}];function N(d,t,c){const l=[c*g[0],c*g[1],c*g[2]];for(let s=0;s<h.length;s++){const i=d[s];if(!i)continue;const{ring:u,angle:f}=h[s],x=l[u],e=(f+t[u])*Math.PI/180,r=x*Math.cos(e),a=x*Math.sin(e),m=(Math.sin(e)+1)/2,v=A[u]*(.7+m*.3),j=Math.cos(e)*10;i.style.transform=`translate(${r-w}px, ${a-w}px) scale(${v}) rotate(${j}deg)`,i.style.opacity=String(.3+m*.7),i.style.zIndex=String(Math.round(m*10)+u)}}function D(){const d=o.useRef(null),t=o.useRef([]),c=o.useRef([]),l=o.useRef(0),s=o.useRef(0),i=o.useRef([0,0,0]),u=o.useRef({w:1200,h:700}),f=C(d,{rootMargin:"100px"}),x=o.useRef(f);return x.current=f,o.useEffect(()=>{const e=d.current;if(!e)return;const r=new ResizeObserver(([a])=>{const m=a.contentRect.width,v=a.contentRect.height;u.current={w:m,h:v};const j=Math.min(m/2,1e3);for(let b=0;b<g.length;b++){const p=c.current[b];if(!p)continue;const y=j*g[b];p.style.width=`${y*2}px`,p.style.height=`${y*2}px`,p.style.left=`calc(50% - ${y}px)`,p.style.top=`calc(50% - ${y}px)`}});return r.observe(e),()=>r.disconnect()},[]),o.useLayoutEffect(()=>{const e=Math.min(u.current.w/2,1e3);N(t.current,i.current,e)},[]),o.useEffect(()=>{const e=r=>{if(!x.current){s.current=0,l.current=requestAnimationFrame(e);return}s.current||(s.current=r);const a=r-s.current;s.current=r,i.current[0]+=a*k[0],i.current[1]+=a*k[1],i.current[2]+=a*k[2];const m=Math.min(u.current.w/2,1e3);N(t.current,i.current,m),l.current=requestAnimationFrame(e)};return l.current=requestAnimationFrame(e),()=>cancelAnimationFrame(l.current)},[]),n.jsxs("section",{ref:d,className:"relative",style:{background:"linear-gradient(180deg, #05051E 0%, #0B1533 50%, #05051E 100%)",padding:"clamp(100px, 14vw, 200px) 0",minHeight:"700px",overflow:"hidden"},children:[n.jsx("div",{className:"hidden md:block","aria-hidden":"true",children:g.map((e,r)=>{const a=Math.min(600,1e3)*e;return n.jsx("div",{ref:m=>{c.current[r]=m},className:"absolute rounded-full pointer-events-none",style:{width:`${a*2}px`,height:`${a*2}px`,left:`calc(50% - ${a}px)`,top:`calc(50% - ${a}px)`,border:`1px solid rgba(255,255,255,${r<2?.04:.025})`,zIndex:2}},r)})}),M.map((e,r)=>n.jsx("div",{className:"absolute pointer-events-none","aria-hidden":"true",style:{...e,width:"3px",height:"3px",borderRadius:"50%",background:"rgba(180,200,255,0.5)",boxShadow:"0 0 6px rgba(180,200,255,0.3)"}},r)),n.jsx("div",{className:"absolute inset-0 pointer-events-none opacity-[0.25]","aria-hidden":"true",style:{zIndex:1,backgroundImage:"url(/images/hero/noise.png)",backgroundRepeat:"repeat",backgroundSize:"200px",mixBlendMode:"overlay"}}),n.jsx("div",{className:"hidden md:block absolute inset-0 pointer-events-none overflow-hidden","aria-hidden":"true",style:{zIndex:10},children:h.map((e,r)=>n.jsx(z,{ref:a=>{t.current[r]=a},profile:e},e.username))}),n.jsxs("div",{className:"relative text-center px-6",style:{zIndex:20},children:[n.jsxs("div",{className:"flex items-center justify-center gap-3 mb-8 flex-wrap",children:[n.jsx("div",{className:"flex -sp

1ace-x-2",children:h.slice(0,4).map(e=>n.jsx("img",{src:`https://avatars.githubusercontent.com/${e.username}?s=64`,alt:"",className:"w-8 h-8 rounded-full border-2 object-cover",style:{borderColor:"#0B1533"},loading:"lazy"},e.username))}),n.jsx("div",{className:"flex items-center gap-0.5",children:Array.from({length:5}).map((e,r)=>n.jsx("span",{style:{color:"#FFB800",fontSize:"14px",lineHeight:1},children:"★"},r))}),n.jsxs("span",{className:"text-snow",style:{fontSize:"14px",opacity:.8},children:[R.projectsUsingAvalonia," projects trust Avalonia"]})]}),n.jsx("h2",{className:"text-snow mx-auto mb-10",style:{fontFamily:"var(--font-sans)",fontWeight:380,fontSize:"clamp(32px, 5vw, 64px)",lineHeight:"1.08",letterSpacing:"-1.5px",maxWidth:"750px"},children:"Join the community and start building today"}),n.jsx(S,{to:"/gettingstarted",variant:"white",size:"lg",children:"Get started"})]}),n.jsx("div",{className:"md:hidden relative mt-12 px-6",style:{zIndex:20},children:n.jsx("div",{className:"flex justify-center gap-3 flex-wrap",children:h.slice(0,6).map(e=>n.jsx("a",{href:`https://github.com/${e.username}`,target:"_blank",rel:"noopener noreferrer",className:"block no-underline",children:n.jsxs("div",{className:"rounded-xl overflow-hidden",style:{width:"76px",backgroundColor:e.color,padding:"6px 6px 8px",boxShadow:"0 4px 16px rgba(0,0,0,0.3)"},children:[n.jsx("img",{src:`https://avatars.githubusercontent.com/${e.username}?s=128`,alt:e.name,className:"rounded-lg w-full aspect-square object-cover",loading:"lazy",style:{marginBottom:"4px",display:"block"}}),n.jsx("p",{className:"font-medium truncate",style:{fontSize:"10px",lineHeight:"13px",color:"rgba(5,5,30,0.85)",margin:0},children:e.name})]})},e.username))})})]})}export{D as C,C as u};