https://tsg.xyz/_nuxt/Dgev96Fc.js

1import{d as L,o as O,I as q,B as c,C as b,D as n,J as R,K,i as D,l as t,L as k,E as P,F as $,G as F,M as w,T as J,N as M,O as Q,P as U,Q as W,R as X,m as E,S as G,U as Y,H as Z,_ as ee}from"./BooEGI2G.js";import I from"./E2ba6JHj.js";import{_ as te}from"./DlAUqK2U.js";const N=globalThis.setInterval,ne={class:"border-y border-border"},oe=["id","aria-controls","aria-selected","tabindex","onClick","onKeydown"],se={class:"relative z-10"},ae={key:0,"aria-hidden":"true",class:"absolute inset-0 bg-linear-to-b from-background to-[#E4E0DA] dark:from-background dark:to-[#211815]"},le={class:"relative flex-1 bg-card p-8","data-tab-content":""},re=["id","aria-hidden","aria-labelledby","tabindex","onKeydown"],ie={class:"relative flex h-full flex-col items-center justify-center p-8"},ce=["aria-label","href","tabindex"],ue=L({__name:"CompanyTabs",props:{companies:{}},setup(x){const s=x,e=D(0),p=D(!1),h=D(null);let l=null;function g(){e.value=(e.value+1)%s.companies.length}function y(){l&&clearInterval(l),l=N(g,5e3)}function T(){l&&(clearInterval(l),l=null)}function C(u){e.value=u,y(),Q(()=>{const _=document.querySelector("[data-tab-content]");_&&_.scrollIntoView({behavior:"smooth",block:"nearest"})})}function z(){p.value=!0,T()}function V(){p.value=!1,y()}function j(u,_){let v=_;switch(u.key){case"ArrowLeft":u.preventDefault(),v=_>0?_-1:s.companies.length-1;break;case"ArrowRight":u.preventDefault(),v=_<s.companies.length-1?_+1:0;break;case"Home":u.preventDefault(),v=0;break;case"End":u.preventDefault(),v=s.companies.length-1;break;case"Enter":case" ":u.preventDefault(),C(_);return;default:return}const d=h.value?.querySelectorAll('[role="tab"]');d&&d[v]&&d[v].focus()}function S(u,_){if(u.key==="Enter"||u.key===" "){u.preventDefault();const v=s.companies[_];v?.link&&window.open(v.link,"_blank","noopener,noreferrer")}}return O(()=>{y()}),q(()=>{T()}),(u,_)=>{const v=I;return c(),b("section",{"aria-label":"Company showcase",class:"flex min-h-130 flex-1 flex-col lg:hidden",onMouseenter:z,onMouseleave:V},[n("div",ne,[n("div",{ref_key:"tabsContainerRef",ref:h,"aria-label":"Company tabs",class:"scrollbar-hidden flex w-full overflow-x-auto",role:"tablist"},[(c(!0),b(R,null,K(x.companies,(d,a)=>(c(),b("button",{id:`mobile-tab-${a}`,key:a,"aria-controls":`mobile-panel-${a}`,"aria-selected":a===t(e),class:k(["relative min-h-12 shrink-0 cursor-pointer overflow-hidden px-6 text-center text-nowrap transition-all duration-500 ease-in-out focus:outline-none focus-visible:ring-2 focus-visible:ring-foreground focus-visible:ring-inset",{"text-foreground":a===t(e),"text-muted-foreground":a!==t(e)}]),role:"tab",tabindex:a===t(e)?0:-1,type:"button",onClick:r=>C(a),onKeydown:r=>j(r,a)},[n("span",se,P(d.name),1),$(J,{name:"gradient"},{default:F(()=>[a===t(e)?(c(),b("div",ae)):w("",!0)]),_:2},1024)],42,oe))),128))],512)]),n("div",le,[(c(!0),b(R,null,K(x.companies,(d,a)=>(c(),b("div",{id:`mobile-panel-${a}`,key:a,"aria-hidden":a!==t(e),"aria-labelledby":`mobile-tab-${a}`,class:k(["group absolute inset-0 h-full transition-all duration-500 ease-in-out",{"pointer-events-auto translate-y-0 opacity-100":a===t(e),"pointer-events-none translate-y-8 opacity-0":a!==t(e)}]),role:"tabpanel",tabindex:a===t(e)?0:-1,onKeydown:r=>S(r,a)},[n("div",ie,[d.link?(c(),b("a",{key:0,"aria-label":`Visit ${d.name}`,class:"absolute inset-0 z-10 focus:outline-none focus-visible:ring-2 focus-visible:ring-foreground focus-visible:ring-inset",href:d.link,rel:"noopener noreferrer",tabindex:a===t(e)?0:-1,target:"_blank"},null,8,ce)):w("",!0),n("div",{class:k(["mb-8 flex items-center justify-center transition-all duration-500 ease-in-out",{"scale-100 opacity-100":a===t(e),"scale-90 opacity-0":a!==t(e)}])},[$(v,{"aria-hidden":"true",class:"fill-current text-foreground transition-opacity duration-500",name:d.icon_lg,size:d.lg_size},null,8,["name","size"])],2),n("p",{class:k(["absolute inset-x-5 bottom-10 flex items-center justify-center gap-2 text-center text-sm text-foreground transition-all delay-75 duration-500 ease-in-out md:text-base",{"translate-y-0 opacity-100":a===t(e),"translate-y-4 opacity-0":a!==t(e)}])},[n("span",{class:k({"group-hover:underline group-focus-visible:underline":d.link})},P(d.description),3),d.link?(c(),M(v,{key:0,"aria-hidden":"true",class:"shrink-0",name:"tsg:external-link",size:"16"})):w("",!0)],2)])],42,re))),128))])],32)}}}),de=Object.assign(te(ue,[["__scopeId","data-v-a76cd33e"]]),{__name:"CompanyTabs"}),fe={"aria-label":"Company showcase",class:"flex flex-1 justify-between border-b border-border p-8"},me=["id","aria-controls","aria-selected","tabindex","onClick","onKeydown"],pe=["id","aria-hidden","aria-labelledby","tabindex"],be=["aria-label","href","tabindex"],ge={class:"flex flex-1 items-center justify-center text-foreground"},_e={class:"flex items-center gap-2 text-center"},ve=["aria-controls","aria-selected","tabindex","onClick","onKeydown"],he={class:"flex items-center justify-end py-2"},ye={class:"flex h-0.5 justify-end bg-muted"},B=5e3,H=50,ke=L({__name:"CompanySlides",props:{companies:{}},setup(x){const s=x,e=D(0),p=D(!1),h=D(0),l=D(null);let g=null,y=null;function T(){e.value=(e.value+1)%s.companies.length,S()}function C(){g&&clearInterval(g),g=N(T,B),V()}function z(){g&&(clearInterval(g),g=null),j()}function V(){j(),h.value=0,y=N(()=>{h.value<100?h.value+=100/B*H:h.value=100},H)}function j(){y&&(clearInterval(y),y=null)}function S(){h.value=0}function u(r){e.value=r,S(),C()}function _(){p.value=!0,z(),j()}function v(){p.value=!1,C()}function d(r,f){let m=f;switch(r.key){case"ArrowLeft":r.preventDefault(),m=f>0?f-1:s.companies.length-1;break;case"ArrowRight":r.preventDefault(),m=f<s.companies.length-1?f+1:0;break;case"Home":r.preventDefault(),m=0;break;case"End":r.preventDefault(),m=s.companies.length-1;break;case"Enter":case" ":r.preventDefault(),u(f);return;default:return}const i=l.value?.querySelectorAll('[role="tab"]');i&&i[m]&&i[m].focus()}function a(r,f){let m=f;switch(r.key){case"ArrowLeft":r.preventDefault(),m=f>0?f-1:s.companies.length-1;break;case"ArrowRight":r.preventDefault(),m=f<s.companies.length-1?f+1:0;break;case"Home":r.preventDefault(),m=0;break;case"End":r.preventDefault(),m=s.companies.length-1;break;case"Enter":case" ":{r.preventDefault();const i=s.companies[f];i?.link&&window.open(i.link,"_blank","noopener,noreferrer");return}default:return}u(m)}return O(()=>{C()}),q(()=>{z(),j()}),(r,f)=>{const m=I;return c(),b("section",fe,[n("div",{"aria-label":"Company slides",class:"flex gap-4 overflow-x-auto",role:"tablist",onMouseenter:_,onMouseleave:v},[(c(!0),b(R,null,K(x.companies,(i,o)=>(c(),b("button",{id:`tab-${o}`,key:o,"aria-controls":`panel-${o}`,"aria-selected":o===t(e),class:k(["group relative cursor-pointer overflow-hidden bg-card transition-all duration-300 ease-in-out focus:outline-none focus-visible:ring-2 focus-visible:ring-foreground focus-visible:ring-offset-2 focus-visible:ring-offset-background",{"w-[40vw]":o===t(e),"w-15":o!==t(e)}]),role:"tab",tabindex:o===t(e)?0:-1,type:"button",onClick:A=>u(o),onKeydown:A=>a(A,o)},[n("div",{id:`panel-${o}`,"aria-hidden":o!==t(e),"aria-labelledby":`tab-${o}`,class:k(["absolute inset-0 flex size-full flex-col items-center justify-between py-10 transition-opacity duration-300",{"pointer-events-none":o!==t(e)}]),role:"tabpanel",style:U({opacity:o===t(e)?1:0,transition:o===t(e)?"opacity 0.3s ease-in-out 0.15s":"opacity 0s"}),tabindex:o===t(e)?0:-1},[o===t(e)&&i.link?(c(),b("a",{key:0,"aria-label":`Visit ${i.name}`,class:"absolute inset-0 z-10 focus:outline-none focus-visible:ring-2 focus-visible:ring-foreground focus-visible:ring-inset",href:i.link,rel:"noopener noreferrer",tabindex:o===t(e)?0:-1,target:"_blank",onClick:f[0]||(f[0]=W(()=>{},["stop"]))},null,8,be)):w("",!0),n("div",ge,[(c(),M(m,{key:i.icon_lg,"aria-hidden":"true",class:"fill-current",name:i.icon_lg,size:i.lg_size},null,8,["name","size"]))]),n("p",_e,[n("span",{class:k({"group-hover:underline group-focus-visible:underline":i.link})},P(i.description),3),i.link?(c(),M(m,{key:0,"aria-hidden":"true",class:"shrink-0",name:"tsg:external-link",size:"16"})):w("",!0)])],14,pe),n("div",{"aria-hidden":"true",class:k(["absolute inset-0 flex size-full items-end justify-center fill-current p-5 text-muted-foreground transition-all duration-500",{"pointer-events-none opacity-0":o===t(e),"opacity-100":o!==t(e)}])},[o!==t(e)?(c(),M(m,{key:0,"aria-hidden":"true",name:i.icon,size:"24"},null,8,["name"])):w("",!0)],2)],42,me))),128))],32),n("div",{ref_key:"tabsContainerRef",ref:l,"aria-label":"Company navigation",class:"w-80 space-y-4 lg:w-96",role:"tablist"},[(c(!0),b(R,null,K(x.companies,(i,o)=>(c(),b("button",{key:o,"aria-controls":`panel-${o}`,"aria-selected":o===t(e),class:"w-full cursor-pointer rounded-sm text-right focus:outline-none focus-visible:ring-2 focus-visible:ring-foreground focus-visible:ring-offset-2 focus-visible:ring-offset-background",role:"tab",tabindex:o===t(e)?0:-1,type:"button",onClick:A=>u(o),onKeydown:A=>d(A,o)},[n("div",he,[n("span",{class:k(["font-medium",{"text-muted-foreground":o!==t(e)}])},P(i.name),3)]),n("div",ye,[n("div",{class:"h-full bg-muted-foreground transition-all duration-100 ease-linear",style:U({width:o===t(e)?`${t(h)}%`:"0%"})},null,4)])],40,ve))),128))],512)])}}}),we=Object.assign(ke,{__name:"CompanySlides"}),xe=()=>X("color-mode").value,Ce=["title"],$e=L({__name:"ModeToggle",setup(x){const s=xe(),e=D(!1);O(()=>{e.value=!0});const p=E(()=>e.value?s.preference:"system");function h(){s.preference==="system"?s.preference="light":s.preference==="light"?s.preference="dark":s.preference="system"}const l=E(()=>{switch(p.value){case"system":return"Using system preference. Click for light mode";case"light":return"Light mode. Click for dark mode";case"dark":return"Dark mode. Click for system preference";default:return"Toggle color mode"}}),g=E(()=>{switch(p.value){case"system":return"translate-x-4";

1case"light":return"translate-x-8";case"dark":return"translate-x-0";default:return"translate-x-4"}}),y=E(()=>{switch(p.value){case"system":return"lucide:sun-moon";case"light":return"lucide:sun";case"dark":return"lucide:moon";default:return"lucide:sun-moon"}});return(T,C)=>{const z=I;return c(),b("button",{class:"relative flex h-8 w-16 cursor-pointer items-center rounded-full border border-border bg-background p-1 transition-all duration-300 hover:bg-muted",title:t(l),onClick:h},[n("div",{class:k(["absolute inset-0 rounded-full transition-colors duration-300",{"bg-card":t(p)==="dark","bg-muted":t(p)==="light","bg-primary":t(p)==="system"}])},null,2),n("div",{class:k(["relative z-10 flex size-6 items-center justify-center rounded-full bg-foreground shadow-lg transition-all duration-300 ease-in-out",t(g)])},[$(z,{class:"text-background transition-all duration-300",name:t(y),size:"14"},null,8,["name"])],2)],8,Ce)}}}),De=Object.assign($e,{__name:"ModeToggle"}),Te=G("/images/announcement.jpg"),ze=G("/videos/announcement.mp4"),je={class:"flex h-screen flex-col"},Ae={class:"my-4 flex h-15 items-center justify-between px-4 md:mt-8 md:px-8"},Se={class:"mb-4 flex flex-col items-start p-4 md:flex-row md:justify-between md:p-8 lg:h-[35vh] xl:h-[30vh]"},Ee={class:"mt-4 flex h-full flex-1 flex-col-reverse md:mt-0 md:basis-8/24 md:flex-col md:items-end lg:basis-5/24"},Me={class:"group relative flex flex-col-reverse md:flex-col md:items-end"},Re={class:"mt-4 flex items-center justify-start gap-2 underline-offset-4 group-hover:underline md:mt-0 md:mb-4 md:justify-end"},Ke={class:"flex min-h-15 items-center justify-between gap-8.5 px-8 md:justify-baseline lg:h-25"},Pe={class:"ml-auto flex items-center gap-2.5"},Le={class:"mt-10 w-full md:hidden"},Oe=L({__name:"index",async setup(x){let s,e;const{companies:p}=([s,e]=Y(()=>ee(()=>import("./BY-l5sLi.js"),[],import.meta.url)),s=await s,e(),s);return(h,l)=>{const g=I,y=de,T=we,C=De;return c(),b("main",je,[n("nav",Ae,[$(g,{name:"tsg:tsg-website-logo",size:"40"})]),n("section",Se,[l[3]||(l[3]=n("h1",{class:"text-2xl/normal font-semibold md:mt-5 md:basis-10/24 md:text-3xl md:leading-[1.1] lg:mt-15 xl:text-[2.4vw] 2xl:mt-0"}," TSG is the parent company of Paystack, and a family of ventures building the technology to power African ambition. ",-1)),n("div",Ee,[n("div",Me,[n("p",Re,[l[0]||(l[0]=Z(" Read the announcement ",-1)),$(g,{name:"tsg:external-link"})]),l[1]||(l[1]=n("video",{autoplay:"",class:"pointer-events-none aspect-video max-h-full w-full rounded-md object-cover select-none md:aspect-video md:w-80 lg:w-96",loop:"",muted:"",playsinline:"",poster:Te,preload:"auto",src:ze},null,-1)),l[2]||(l[2]=n("a",{class:"absolute inset-0",href:"https://paystack.com/blog/company-news/10-years-of-paystack-and-the-beginning-of-the-stack-group",target:"_blank"},null,-1))])])]),$(y,{class:"lg:hidden",companies:t(p)},null,8,["companies"]),$(T,{class:"hidden lg:flex",companies:t(p)},null,8,["companies"]),n("footer",Ke,[w("",!0),w("",!0),l[6]||(l[6]=n("div",null,[n("a",{class:"underline-offset-4 hover:underline focus:underline",href:"mailto:[email protected]"},"[email protected]")],-1)),n("div",Pe,[$(C),w("",!0),w("",!0),w("",!0)])]),n("div",Le,[$(g,{class:"w-full text-card",fill:"currentColor",height:"100%",mode:"svg",name:"tsg:footer-pattern"})])])}}});export{Oe as default};