https://abasandiego.org/assets/membership-Dr1PGDNa.js

1import{c as d,R as h,r as m,j as e,m as f}from"./index-DxBiYLFX.js";import{P as v}from"./PageHero-CdJK8ZpY.js";import{S as j}from"./SectionSubNav-DdNk70t2.js";import{R as i}from"./Reveal-CSxrBDYM.js";import{S as x}from"./SmartImage-DqKL61i2.js";import{s as w}from"./aba-scholarship-winners-BGJALav9.js";import{G as u}from"./gem-CUfickCo.js";import{U as y}from"./users-D2AnH5EZ.js";import{A as N}from"./arrow-up-right-2m7rCZ1j.js";const k=[["path",{d:"M12 5v14",key:"s699le"}],["path",{d:"m19 12-7 7-7-7",key:"1idqje"}]],S=d("arrow-down",k);const A=[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]],C=d("chevron-down",A);const L=[["path",{d:"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",key:"1s2grr"}],["path",{d:"M20 2v4",key:"1rf3ol"}],["path",{d:"M22 4h-4",key:"gwowj6"}],["circle",{cx:"4",cy:"20",r:"2",key:"6kqj1y"}]],D=d("sparkles",L),P="/__l5e/assets-v1/d0c202d4-ae69-4068-b387-7c2c2304c12b/membership-join-proclamation.jpg",B={url:P},I="/assets/aba-luncheon-crowd-CHhFj-MA.jpg",_="/assets/member-sdge-C6q0E8p3.png",E="/assets/member-usbank-1aojV-E2.png",M="/assets/member-sycuan-_hVLI9ak.png",T="/assets/member-alaska-R5WyoxJw.png",O="/assets/member-laz-ClUs5jRZ.png",R="/assets/member-eastwest-BIS-lYWC.png",F="/assets/member-sharp-B0vuQjqD.png",G="/assets/member-cox-hwpbt_wF.png",q="/assets/member-bofa-B9xCgH4T.png",H="/assets/member-paymenthq-CcfgntHR.png",U="/assets/member-charter-BjNCQ-fU.png",$="/assets/member-oceanpark-CVY6xXqY.png",V="/assets/member-sevenmile-DltrH19r.png",z="/assets/member-guiltinan-DC5LPN0v.png",W="/assets/member-kaiser-1pnUjkd_.png",J="/assets/member-scripps-DLlGsnJM.png",Y="/assets/member-american-CyUFxr-P.png",K="/assets/member-crabhut-CYDligaA.png",Q="/assets/member-longfellow-BAPAeeFs.png",X="/assets/member-turo-BtGR2NSL.png",Z="/assets/member-asml-Bgt3Vc9s.png",ee="/assets/member-sdcp-CDzVNzES.png",se="/assets/member-sdairport-CkndkDbh.png",ae="/assets/member-sdcwa-C-bp3d-K.png",ne="/assets/member-optionsforall-D4okrDi9.png",re="/assets/member-creativeplanning-5rLrV5ph.png",te="/assets/member-ucsdhealth-Bo8sVrqz.png",oe="/assets/member-sdl-CTGMF9l8.png",ie="/assets/member-csusm-DSbVYG2S.png",me="/assets/member-valerios-C7u-Pdq8.png",l=[{name:"Double Diamond",blurb:"Our highest tier of corporate partnership — leaders investing in the long-term success of San Diego's API business community.",accent:"from-gold/30 to-transparent",members:[{name:"SDG&E",logo:_},{name:"U.S. Bank",logo:E},{name:"Sycuan Casino Resort",logo:M},{name:"Alaska Airlines",logo:T},{name:"LAZ Parking",logo:O},{name:"East West Bank",logo:R}]},{name:"Diamond",blurb:"Cornerstone partners advancing access, capital, and visibility for our members.",accent:"from-foreground

1/10 to-transparent",members:[{name:"Sharp Health Plan",logo:F},{name:"Cox",logo:G},{name:"Bank of America",logo:q},{name:"The Payment HQ",logo:H}]},{name:"Platinum",blurb:"Champions of API entrepreneurship and workforce development across the region.",accent:"from-foreground/10 to-transparent",members:[{name:"Charter Communications",logo:U},{name:"Ocean Park Inn",logo:$},{name:"Seven Mile Casino",logo:V},{name:"The Guiltinan Group",logo:z}]},{name:"Jade",blurb:"Allies powering signature ABASD programs, events, and scholarships.",accent:"from-foreground/10 to-transparent",members:[{name:"Kaiser Permanente",logo:W},{name:"Scripps",logo:J},{name:"American Airlines",logo:Y},{name:"Crab Hut",logo:K},{name:"Longfellow",logo:Q},{name:"Turo",logo:X},{name:"ASML",logo:Z},{name:"San Diego Community Power",logo:ee},{name:"San Diego International Airport",logo:se}]},{name:"Pearl",blurb:"Mission-aligned organizations supporting our year-round member experience.",accent:"from-foreground/10 to-transparent",members:[{name:"San Diego County Water Authority",logo:ae},{name:"Options For All",logo:ne},{name:"Creative Planning",logo:re},{name:"UC San Diego Health",logo:te},{name:"Skaja, Daniels & Luu",logo:oe},{name:"California State University San Marcos",logo:ie},{name:"Valerio's Bakeshop",logo:me}]},{name:"Ivory",blurb:"Community partners standing with ABASD's growing network.",accent:"from-foreground

1/10 to-transparent",members:[{name:"ArroyoWest"},{name:"Benefit Pro Insurance Services, Inc."},{name:"BJA Partners"},{name:"Educational Enrichment System Inc"},{name:"Encore Partners LLP"},{name:"FocusCom"},{name:"Garcia Hong Law"},{name:"HM Electronics, Inc"},{name:"HNK CPAs"},{name:"Joseph Wong Design Associates, Inc."},{name:"KooKoo Liqueur"},{name:"L&L Hawaiian Barbecue"},{name:"Levitzacks, Certified Public Accountants"},{name:"Liberty Capital Group"},{name:"Lifeway"},{name:"Liu & Wakabayashi LLP"},{name:"LT Insurance Services"},{name:"Matcha Cafe Maiko San Diego"},{name:"Metropolitan Water District"},{name:"Omega Family Global"},{name:"Red Ribbon"},{name:"San Diego Association of Realtors"},{name:"San Diego Community College District"},{name:"San Diego Printers"},{name:"Sandwich Emporium"},{name:"Sapporo Premium Beer"},{name:"Seoul Glow Lab"},{name:"Southwest Strategies"},{name:"Suwerte International, LLC"},{name:"Tajima"},{name:"Takhrai Thai"},{name:"The French Gourmet"},{name:"The Law Offices of Robert Nadalin"},{name:"TP Banh Bao Distributor Inc."},{name:"University of Phoenix"},{name:"Villa Manila"},{name:"Vince Duong, State Farm Insurance Agency"},{name:"Whistling Duck Tavern"}]},{name:"Community",blurb:"Individual members and small businesses growing with ABASD.",accent:"from-foreground

1/10 to-transparent",members:[{name:"Individual and small business members"}]}],le=Object.fromEntries(l.flatMap(s=>s.members.filter(t=>t.logo).map(t=>[t.name,t.logo]))),p=l.map(s=>s.name),ce=Object.fromEntries(l.map(s=>[s.name,s.blurb]));function de(s){if(s.length===0)return l;const t=[...new Set(s.map(r=>r.tier))].filter(r=>!p.includes(r)).sort();return[...p,...t].map(r=>({name:r,blurb:ce[r]??"Partners supporting ABASD's growing network.",accent:"from-foreground/10 to-transparent",members:s.filter(a=>a.tier===r).sort((a,n)=>a.sort_order-n.sort_order||a.name.localeCompare(n.name)).map(a=>{const n=a.logo_url??le[a.name];return n?{name:a.name,logo:n}:{name:a.name}})})).filter(r=>r.members.length>0)}const pe=[{Icon:y,eyebrow:"Membership",question:"Interested in joining the Asian Business Association San Diego specialized membership network?",body:"Tap into a regional community of API founders, operators, and civic leaders. Members receive event access, advocacy briefings, and a direct line to our team.",image:B.url,imageAlt:"City of San Diego Proclamation recognizing ABASD's Lunar New Year Celebration",actions:[{label:"ABA San Diego Membership Application",href:"https://docs.google.com/forms/d/e/1FAIpQLSeN8RhwO3HLk37PFJkEt-KerT2a83k73igAfUhfwXKx7MI0PA/viewform",variant:"primary"},{label:e.jsx(e.Fragment,{children:"Connect with Our Team"}),href:"#",variant:"ghost"}]}],ge=[{name:"Diamond",price:"$15,000",cadence:"Annually",featured:!0,benefits:["Annual Business Awards Gala: Reserved table for ten (10)","Annual Business Awards Gala: VIP Reception","Opportunity to participate or have visibility on a committee","Prominent company logo on website (includes link to website)","Company logo prominent recognition at the Gala","Company logo prominent recognition in all materials","Opportunity to present award during the Gala","Invitation to Lunch with the Board Chair","Sponsorship of one (1) educational webinar/seminar or speaker series","Exclusive sponsorship of one (1) mixer or luncheon and opportunity to provide remarks at mixer or luncheon","Presenting sponsor: Ten (10) tickets to Lunar New Year Event","One newsletter spotlight and three (3) social media posts","Company logo on our newsletters"]},{name:"Platinum",price:"$10,000",cadence:"Annually",benefits:["Exclusive sponsorship of one (1) mixer or luncheon; opportunity to provide remarks at one (1) mixer or luncheon","Opportunity to participate or have visibility on a Committee","Sponsorship of one (1) speaker series","Company logo on website (includes link to website)","Presenting Sponsor: Ten (10) tickets to Lunar New Year Event","One (1) Newsletter spotlight and three (3) social media posts","Company logo on our newsletters"]},{name:"Jade",price:"$6,000",cadence:"Annually",benefits:["Participation/Sponsorship of one (1) educational webinar/seminar or speaker series","Sponsorship recognition at one (1) mixer","Company Logo on website (includes link to website)","Community Sponsor: Ten (10) tickets to Lunar New Year Event","One (1) Newsletter spotlight and two (2) social media posts"]},{name:"Pearl",price:"$3,000",cadence:"Annually",benefits:["Sponsorship recognition at one (1) mixer","Company Logo on ABA website (includes link to website)","Five (5) tickets to Lunar New Year Event","One (1) social media post"]},{name:"Ivory",price:"$1,500",cadence:"Annually",benefits:["Company name on ABA website","One (1) social media post","One (1) newsletter","Workshop participation"]},{name:"Community",price:"$550",cadence:"Annually",benefits:["One (1) individual membership"]}],g=5;function xe({tier:s}){const[t,r]=m.useState(!1),a=s.benefits.length>g,n=t?s.benefits:s.benefits.slice(0,g);return e.jsxs("div",{id:s.name.toLowerCase().replace(/\s+/g,"-"),className:`relative flex h-full flex-col bg-background p-8 scroll-mt-40 transition-all hover:-translate-y-1 ${s.featured?"border-2 border-gold shadow-[0_24px_50px_-24px_rgba(201,168,76,0.55)]":"border border-border hover:border-foreground

1/40"}`,children:[s.featured&&e.jsx("span",{className:"absolute -top-3 left-8 bg-gold px-3 py-1 text-[10px] font-semibold uppercase tracking-[0.22em] text-foreground",children:"Flagship"}),e.jsx("h3",{className:"font-serif text-2xl md:text-3xl text-foreground",children:s.name}),e.jsxs("div",{className:"mt-4 flex items-baseline gap-2",children:[e.jsx("span",{className:"font-serif text-4xl md:text-5xl text-foreground",children:s.price}),e.jsx("span",{className:"text-xs uppercase tracking-[0.2em] text-muted-foreground",children:s.cadence})]}),e.jsx("div",{className:"mt-6 h-px w-10 bg-gold"}),e.jsx("ul",{className:"mt-6 space-y-3 text-sm leading-relaxed text-muted-foreground",children:n.map((o,c)=>e.jsxs("li",{className:"flex gap-3",children:[e.jsx("span",{className:"mt-2 h-1 w-1 shrink-0 rounded-full bg-gold"}),e.jsx("span",{children:o})]},c))}),a&&e.jsx("button",{type:"button",onClick:()=>r(o=>!o),className:"mt-auto pt-6 self-start text-[11px] font-semibold uppercase tracking-[0.2em] text-foreground underline decoration-gold decoration-2 underline-offset-4 transition-colors hover:text-gold",children:t?"Show less":`Show all ${s.benefits.length} benefits`})]})}function ue({action:s}){const t=s.variant!=="ghost";return e.jsxs("a",{href:s.href,className:t?"group relative inline-flex w-full sm:w-auto items-center justify-between sm:justify-start gap-3 overflow-hidden bg-gold px-5 sm:px-7 py-4 text-[11px] sm:text-xs font-semibold uppercase tracking-[0.18em] sm:tracking-[0.2em] text-foreground shadow-[0_14px_30px_-14px_rgba(201,168,76,0.7)] transition-all hover:-translate-y-0.5 hover:shadow-[0_22px_44px_-16px_rgba(201,168,76,0.85)]":"group inline-flex w-full sm:w-auto items-center justify-between sm:justify-start gap-3 border border-foreground px-5 sm:px-7 py-4 text-[11px] sm:text-xs font-semibold uppercase tracking-[0.18em] sm:tracking-[0.2em] text-foreground transition-all hover:bg-foreground hover:text-background",children:[t&&e.jsx("span",{className:"pointer-events-none absolute inset-0 -translate-x-full bg-gradient-to-r from-transparent via-white/30 to-transparent transition-transform duration-700 group-hover:translate-x-full"}),e.jsx("span",{className:"relative break-words",children:s.label}),e.jsx(N,{className:"relative h-4 w-4 shrink-0 transition-transform group-hover:-translate-y-0.5 group-hover:translate-x-0.5"})]})}function be({tier:s,defaultOpen:t}){const[r,a]=m.useState(!!t),n=s.members.some(o=>o.logo);return e.jsxs("div",{className:"border-t",style:{borderColor:"#e5e0d8"},children:[e.jsxs("button",{type:"button",onClick:()=>a(o=>!o),"aria-expanded":r,className:"flex w-full items-center gap-4 md:gap-6 py-5 md:py-6 text-left",children:[e.jsx("span",{className:"grid h-10 w-10 shrink-0 place-items-center border border-gold text-gold",children:e.jsx(u,{className:"h-4 w-4"})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex items-baseline gap-3 flex-wrap",children:[e.jsx("p",{className:"text-[10px] uppercase tracking-[0.22em] text-muted-foreground font-medium",children:"Tier"}),e.jsx("h3",{className:"font-serif text-2xl md:text-3xl text-foreground leading-tight",children:s.name})]}),e.jsx("p",{className:"mt-1 text-sm leading-relaxed text-muted-foreground",children:s.blurb})]}),e.jsx(C,{className:"h-5 w-5 shrink-0 text-foreground transition-transform duration-200",style:{transform:r?"rotate(180deg)":"rotate(0deg)"}})]}),r&&e.jsx("div",{className:"pb-8 pl-14 md:pl-16 pr-2",children:n?e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 gap-6 md:gap-8",children:s.members.map(o=>e.jsxs("div",{className:"group flex flex-col items-center gap-3 text-center",children:[e.jsx("div",{className:"flex h-24 md:h-28 w-full items-center justify-center bg-secondary/40 px-4",children:e.jsx(x,{src:o.logo,alt:o.name,className:"max-h-full w-auto max-w-full object-contain [transition:opacity_700ms_ease-out,transform_500ms_ease-out] group-hover:scale-[1.04]"})}),e.jsx("p",{className:"text-[10px] uppercase tracking-[0.18em] text-muted-foreground font-medium",children:o.name})]},o.name))}):e.jsx("div",{className:"columns-1 sm:columns-2 lg:columns-3 gap-x-8",children:s.members.map(o=>e.jsx("p",{className:"mb-3 text-sm leading-snug text-muted-foreground

1/80 break-inside-avoid",children:o.name},o.name))})})]})}function Ae(){const s=h.useLoaderData(),t=m.useMemo(()=>de(s),[s]),r=m.useMemo(()=>t.flatMap(a=>a.members.filter(n=>!!n.logo)),[t]);return e.jsxs(e.Fragment,{children:[e.jsx(v,{eyebrow:"Membership",title:"Join ABASD today.",subtitle:"Asian Business Association San Diego Small Business Development Center services are no cost to businesses who join.",bgImage:f,children:e.jsx("a",{href:"#application",className:"inline-flex items-center justify-center bg-foreground text-background text-xs font-semibold uppercase tracking-[0.2em] hover:bg-foreground/90 transition-colors",style:{padding:"16px 28px"},children:"Join ABASD"})}),e.jsx(j,{items:[{id:"corporate-members",label:"Members"},{id:"corporate-membership",label:"Membership"},{id:"application",label:"Application"}],ariaLabel:"Membership sections"}),e.jsx("section",{id:"corporate-members",className:"scroll-mt-36 bg-background py-16",children:e.jsx("div",{className:"container-x mx-auto max-w-7xl",children:e.jsx(i,{children:e.jsxs("div",{className:"flex flex-col items-start gap-6 md:flex-row md:items-end md:justify-between",children:[e.jsxs("div",{className:"max-w-2xl",children:[e.jsx("p",{className:"eyebrow",children:"Members"}),e.jsx("h2",{className:"mt-6 font-serif text-4xl md:text-5xl text-foreground leading-[1.05] text-balance",children:"The companies investing in our community."}),e.jsx("p",{className:"mt-6 text-lg leading-relaxed text-muted-foreground",children:"ABASD's corporate members fuel the programs, scholarships, and advocacy that move San Diego's API business community forward. Explore our tiers — or join them."})]}),e.jsxs("a",{href:"#application",className:"group inline-flex items-center gap-3 border border-foreground px-6 py-3.5 text-xs font-semibold uppercase tracking-[0.2em] text-foreground hover:bg-foreground hover:text-background transition-colors",children:["Jump to Application",e.jsx(S,{className:"h-4 w-4 transition-transform group-hover:translate-y-0.5"})]})]})})})}),e.jsx("section",{className:"bg-background pt-16 md:pt-24",children:e.jsx("div",{className:"partner-marquee partner-marquee--slow",style:{background:"#FFFFFF",borderTop:"1px solid #e5e0d8",borderBottom:"1px solid #e5e0d8",padding:"48px 0"},children:e.jsx("div",{className:"partner-marquee__track",children:[...r,...r].map((a,n)=>e.jsx("div",{className:"partner-marquee__item","aria-hidden":n>=r.length,children:e.jsx("div",{className:"flex h-14 w-full items-center justify-center",children:e.jsx(x,{src:a.logo,alt:n<r.length?a.name:"",className:"max-h-11 max-w-[170px] object-contain"})})},n))})})}),e.jsx("section",{className:"bg-background py-16",children:e.jsx("div",{className:"container-x mx-auto max-w-7xl",children:e.jsx("div",{style:{borderBottom:"1px solid #e5e0d8"},children:t.map((a,n)=>e.jsx("div",{id:`tier-${a.name.toLowerCase().replace(/\s+/g,"-")}`,className:"scroll-mt-40",children:e.jsx(be,{tier:a,defaultOpen:n===0})},a.name))})})}),e.jsx("section",{id:"corporate-membership",className:"relative bg-secondary py-16 scroll-mt-24 border-y border-border",children:e.jsxs("div",{className:"container-x mx-auto max-w-7xl",children:[e.jsx(i,{children:e.jsxs("div",{className:"max-w-3xl",children:[e.jsxs("div",{className:"inline-flex items-center gap-3 text-gold",children:[e.jsx(u,{className:"h-4 w-4"}),e.jsx("p",{className:"eyebrow !mt-0",children:"Membership"})]}),e.jsx("h2",{className:"mt-6 font-serif text-3xl md:text-5xl leading-[1.1] text-foreground text-balance",children:"Price tiers built for every level of partnership."}),e.jsx("div",{className:"mt-5 h-px w-14 bg-gold"}),e.jsx("p",{className:"mt-6 max-w-2xl text-lg leading-relaxed text-muted-foreground",children:"Choose the tier that aligns with your investment in San Diego's API business community. Every level includes meaningful visibility and event access."})]})}),e.jsx("div",{className:"mt-12 grid gap-6 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 items-stretch",children:ge.map((a,n)=>e.jsx(i,{delay:n*60,className:"h-full",children:e.jsx(xe,{tier:a})},a.name))}),e.jsx(i,{children:e.jsx("p",{className:"mx-auto mt-12 max-w-2xl text-center text-sm md:text-base italic leading-relaxed text-muted-foreground",children:"Contact us to discu

1ss if you're eligible for our one-time offer for a $250 membership."})})]})}),e.jsx("section",{id:"application",className:"relative bg-background py-16 scroll-mt-24",children:e.jsx("div",{className:"container-x mx-auto max-w-7xl",children:pe.map((a,n)=>{const o=n%2===1;return e.jsx(i,{delay:n*100,children:e.jsxs("div",{className:`grid items-center gap-12 lg:gap-20 lg:grid-cols-12 ${o?"lg:[&>*:first-child]:order-2":""}`,children:[e.jsx("div",{className:"lg:col-span-6",children:e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute -inset-3 -z-10 bg-gold/15 blur-2xl"}),e.jsx("div",{className:"relative aspect-[4/5] overflow-hidden bg-muted",children:e.jsx("img",{src:a.image,alt:a.imageAlt,loading:"lazy",className:"h-full w-full object-cover transition-transform duration-[1500ms] hover:scale-105"})}),e.jsx("div",{className:"absolute -bottom-6 -right-6 h-24 w-24 border-2 border-gold hidden md:block"}),e.jsx("div",{className:"absolute -top-6 -left-6 h-16 w-16 bg-foreground hidden md:block"})]})}),e.jsxs("div",{className:"lg:col-span-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{className:"grid h-10 w-10 place-items-center border border-gold text-gold",children:e.jsx(a.Icon,{className:"h-4 w-4"})}),e.jsx("p",{className:"eyebrow !mt-0",children:a.eyebrow})]}),e.jsx("h2",{className:"mt-7 font-serif text-3xl md:text-5xl leading-[1.1] text-foreground text-balance",children:a.question}),e.jsx("div",{className:"mt-5 h-px w-14 bg-gold"}),e.jsx("p",{className:"mt-7 max-w-xl text-lg leading-relaxed text-muted-foreground",children:a.body}),e.jsx("div",{className:"mt-10 flex flex-wrap gap-4",children:a.actions.map((c,b)=>e.jsx(ue,{action:c},b))})]})]})},a.eyebrow)})})}),e.jsxs("section",{id:"mailing-list",className:"relative overflow-hidden bg-secondary py-16 scroll-mt-24",children:[e.jsxs("div",{className:"absolute inset-0 grid grid-cols-2 opacity-20",children:[e.jsx("div",{className:"bg-cover bg-center",style:{backgroundImage:`url(${I})`}}),e.jsx("div",{className:"bg-cover bg-center",style:{backgroundImage:`url(${w})`}})]}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-r from-secondary via-secondary/85 to-secondary/85"}),e.jsx("div",{className:"relative container-x mx-auto max-w-5xl text-center",children:e.jsxs(i,{children:[e.jsxs("div",{className:"inline-flex items-center gap-3 text-gold",children:[e.jsx("span",{className:"h-px w-10 bg-gold"}),e.jsx(D,{className:"h-4 w-4"}),e.jsx("span",{className:"h-px w-10 bg-gold"})]}),e.jsx("p",{className:"mt-8 font-serif text-3xl md:text-5xl leading-[1.1] text-foreground text-balance",children:"We look forward to connecting with you."}),e.jsx("p",{className:"mt-6 text-sm uppercase tracking-[0.22em] text-muted-foreground",children:"Community · Leadership · Legacy"})]})})]})]})}export{Ae as component};