https://fairedge.ai/assets/brand.x-avatar-k10Pkgrr.js

1import{r as l,j as e}from"./index-SlNmc91x.js";import{t as x}from"./index-CTVJvpcQ.js";const n="oklch(0.78 0.15 165)",h="oklch(0.18 0.04 255)";function p(){const t=l.useRef(null),[s,o]=l.useState(!1),c=async()=>{if(!(!t.current||s)){o(!0);try{const a=await x(t.current,{width:800,height:800,canvasWidth:800,canvasHeight:800,pixelRatio:1,cacheBust:!0}),r=document.createElement("a");r.href=a,r.download="fairedge-ai-x-avatar.png",r.click()}catch(a){console.error("PNG export failed",a)}finally{o(!1)}}};return e.jsxs("div",{className:"min-h-screen w-full flex flex-col items-center justify-center gap-4 bg-background p-6",children:[e.jsx("p",{className:"text-sm text-muted-foreground",children:"X/Twitter avatar — exact 800×800. Optimized for legibility at 48–96 px."}),e.jsx("button",{type:"button",onClick:c,disabled:s,className:"rounded-full bg-foreground px-4 py-2 text-sm font-medium text-background hover:bg-foreground/90 disabled:opacity-60",children:s?"Rendering…":"Download PNG (800×800)"}),e.jsx("div",{ref:t,children:e.jsx(d,{})}),e.jsxs("div",{className:"mt-6 flex items-end gap-6",children:[e.jsx(i,{size:200}),e.jsx(i,{size:96}),e.jsx(i,{size:48})]})]})}function i({size:t}){const s=t/800;return e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx("div",{style:{width:t,height:t,borderRadius:"9999px",overflow:"hidden"},className:"ring-1 ring-border",children:e.jsx("div",{style:{width:800,height:800,transform:`scale(${s})`,transformOrigin:"top left"},children:e.jsx(d,{})})}),e.jsxs("span",{className:"text-xs text-muted-foreground",children:[t,"px"]})]})}function d(){return e.jsxs("div",{style:{width:800,height:800},className:"relative overflow-hidden bg-background",children:[e.jsx("div",{className:"absolute inset-0 bg-dotted"}),e.jsx("div",{className:"absolute inset-0",style:{background:"radial-gradient(ellipse 520px 460px at 50% 42%, oklch(0.78 0.15 165 / 0.32) 0%, oklch(0.78 0.15 165 / 0.10) 40%, transparent 72%)"}}),e.jsx("div",{className:"absolute inset-0",style:{background:"radial-gradient(ellipse 800px 800px at 50% 50%, transparent 55%, oklch(0.18 0.04 255 / 0.55) 100%)"}}),e.jsxs("svg",{width:800,height:800,viewBox:"0 0 800 800",className:"absolute inset-0","aria-hidden":!0,children:[e.jsx("defs",{children:e.jsxs("filter",{id:"avGlow",x:"-20%",y:"-50%",width:"140%",height:"200%",children:[e.jsx("feGaussianBlur",{stdDeviation:"10",result:"blur"}),e.jsxs("feMerge",{children:[e.jsx("feMergeNode",{in:"blur"}),e.jsx("feMergeNode",{in:"SourceGraphic"})]})]})}),e.jsxs("g",{filter:"url(#avGlow)",children:[e.jsx("path",{d:`
2              M200 360
3              L275 360
4              L320 280
5              L365 440
6              L410 320
7              L455 380
8              L515 250
9            `,fill:"none",stroke:n,strokeWidth:"26",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M470 280 L515 250 L530 300",fill:"none",stroke:n,strokeWidth:"26",strokeLinecap:"round",strokeLinejoin:"round"})]})]}),e.jsxs("div",{className:"absolute left-0 right-0 flex items-baseline justify-center",style:{top:580,paddingLeft:80,paddingRight:80},children:[e.jsx("h1",{className:"font-display leading-none tracking-tight text-foreground",style:{fontSize:108,fontWeight:700,whiteSpace:"nowrap",textAlign:"center",margin:0},children:"FairEdgeAI"}),e.jsx("span",{"aria-hidden":!0,style:{display:"inline-block",width:14,height:14,borderRadius:9999,background:n,marginLeft:10,transform:"translateY(-2px)",boxShadow:`0 0 16px ${n}`}})]}),e.jsx("div",{className:"pointer-events-none absolute inset-x-0 top-0 h-px",style:{background:`linear-gradient(90deg, transparent, ${n}, transparent)`,opacity:.25}}),e.jsx("div",{className:"pointer-events-none absolute inset-0",style:{boxShadow:`inset 0 0 0 1px ${h}`}})]})}export{p as component};