https://genx.be/assets/About-C14-FEVY.js

1import{r as y,j as e}from"./vendor-react-B9zYIx_v.js";import{c as P,u as H,w as A,U as R,M as T,P as E,E as w,q as z,x as L,f as q}from"./index-BUnRSC5N.js";import{M as F}from"./MiniHero-BWhObpIY.js";import{S as _}from"./SeoHead-B0RjapVu.js";import{S as D}from"./use-scroll-reveal-CiXe2LJL.js";import{l as O}from"./GeNx_logo_sq_invert-CAsWEXgQ.js";import{Z as K}from"./zap-Drb9dKj7.js";import{P as B}from"./play-CQhQL-d4.js";/**
2 * @license lucide-react v0.462.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const G=P("Heart",[["path",{d:"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z",key:"c3ymky"}]]);/**
7 * @license lucide-react v0.462.0 - ISC
8 *
9 * This source code is licensed under the ISC license.
10 * See the LICENSE file in the root directory of this source tree.
11 */const W=P("Pause",[["rect",{x:"14",y:"4",width:"4",height:"16",rx:"1",key:"zuxfzm"}],["rect",{x:"6",y:"4",width:"4",height:"16",rx:"1",key:"1okwgv"}]]),Y="/assets/GeNx_logo_sq_default-C8KHH--c.png",U="/assets/hyperchicken-CVWubWTF.svg",Z=1e3/60;function $(){const t=y.useRef(null);return y.useEffect(()=>{const i=t.current;if(!i)return;const n=i.getContext("2d");if(!n)return;let m=0,d=!1,c=0,o,u=typeof IntersectionObserver>"u",x=z(),a=0,l=0,b=[];function v(){const r=Math.min(window.devicePixelRatio||1,2);a=i.offsetWidth,l=i.offsetHeight,i.width=Math.round(a*r),i.height=Math.round(l*r),n.setTransform(r,0,0,r,0,0),I()}function I(){b=Array.from({length:120},()=>({x:Math.random()*a,y:Math.random()*l,size:(Math.random()*1.2+.3)/2,alpha:Math.random()*.6+.2,vx:(Math.random()-.5)*.15,vy:(Math.random()-.5)*.15}))}function g(){n.clearRect(0,0,a,l);for(const r of b)n.beginPath(),n.arc(r.x,r.y,r.size,0,Math.PI*2),n.fillStyle=`rgba(255,255,255,${r.alpha})`,n.fill()}function S(r){for(const s of b)s.x+=s.vx*r,s.y+=s.vy*r,s.x<0&&(s.x=a),s.x>a&&(s.x=0),s.y<0&&(s.y=l),s.y>l&&(s.y=0),s.alpha+=(Math.random()-.5)*.02*r,s.alpha=Math.max(.1,Math.min(.8,s.alpha))}function j(r){const s=c?Math.min((r-c)/Z,4):1;c=r,S(s),g(),m=requestAnimationFrame(j)}function p(){const r=u&&!x&&!document.hidden;r&&!d?(d=!0,c=0,m=requestAnimationFrame(j)):!r&&d&&(d=!1,cancelAnimationFrame(m))}const h=typeof IntersectionObserver>"u"?null:new IntersectionObserver(([r])=>{u=r.isIntersecting,p()});h==null||h.observe(i);const N=()=>{clearTimeout(o),o=setTimeout(()=>{v(),g()},150)},k=()=>p(),C=L(r=>{x=r,p()});return v(),g(),p(),window.addEventListener("resize",N),document.addEventListener("visibilitychange",k),()=>{d=!1,cancelAnimationFrame(m),clearTimeout(o),h==null||h.disconnect(),C(),window.removeEventListener("resize",N),document.removeEventListener("visibilitychange",k)}},[]),e.jsx("canvas",{ref:t,"aria-hidden":"true",className:"absolute inset-0 w-full h-full"})}function f({items:t,getKey:i,renderItem:n,paused:m,reverse:d=!1,reducedMotion:c}){return c?e.jsx("ul",{className:"container flex flex-wrap justify-center gap-y-3",children:t.map(o=>e.jsx("li",{className:"flex",children:n(o,!1)},i(o)))}):e.jsxs("div",{className:"group/marquee relative overflow-hidden",children:[e.jsx("div",{className:"pointer-events-none absolute left-0 top-0 bottom-0 w-24 bg-gradient-to-r from-muted/20 to-transparent z-10","aria-hidden":"true"}),e.jsx("div",{className:"pointer-events-none absolute right-0 top-0 bottom-0 w-24 bg-gradient-to-l from-muted/20 to-transparent z-10","aria-hidden":"true"}),e.jsxs("div",{className:q("flex w-max animate-marquee group-hover/marquee:[animation-play-state:paused] group-focus-within/marquee:[animation-play-state:paused]",d&&"[animation-direction:reverse]",m&&"[animation-play-state:paused]"),style:{animationDuration:`${t.length*5}s`},children:[e.jsx("ul",{className:"flex shrink-0",children:t.map(o=>e.jsx("li",{className:"flex",children:n(o,!1)},i(o)))}),e.jsx("ul",{className:"flex shrink-0","aria-hidden":"true",children:t.map(o=>e.jsx("li",{className:"flex",children:n(o,!0)},i(o)))})]})]})}function M({paused:t,onToggle:i,label:n}){return e.jsx("button",{type:"button",onClick:i,"aria-pressed":t,"aria-label":n,title:n,"data-umami-event":"toggle-marquee",className:"inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full border bg-card text-muted-foreground transition-colors hover:border-primary hover:text-primary active:scale-95",children:t?e.jsx(B,{className:"h-3.5 w-3.5","aria-hidden":"true"}):e.jsx(W,{className:"h-3.5 w-3.5","aria-hidden":"true"})})}const V=[{name:"HYPERCHICKEN",url:"https://hyperchicken.be"},{name:"Pixelagency",url:"https://pixelagency.be"},{name:"MSOL",url:"https://msol.be"},{name:"foto-booth.be",url:"https://foto-booth.be"},{name:"Ledpower",url:"https://ledpower.be"},{name:"mirrorbooth.be",url:"https://mirrorbooth.be"},{name:"MR ServIT",url:"https://mrservit.be"},{name:"Hey Oli",url:"https://heyoli.be"},{name:"Sobra",url:"https://sobra.be"},{name:"Onyx Studio",url:"https://onyxstudio.be"},{name:"Oh Hert",url:"https://ohhert.be"}],J=[{name:"DNS Belgium",url:"https://www.dnsbelgium.be"},{name:"Proton",url:"https://proton.me"},{name:"Combell",url:"https://combell.com"},{name:"F-Secure",url:"https://f-secure.com"},{name:"Hetzner",url:"https://hetzner.com"},{name:"UpCloud",url:"https://upcloud.com"},{name:"Ingram",url:"https://ingrammicro.com"},{name:"Kirby CMS",url:"https://getkirby.com"},{name:"Laravel",url:"https://laravel.com"},{name:"Iubenda",url:"https://iubenda.com"},{name:"Akamai",url:"https://akamai.com"},{name:"Mollie",url:"https://mollie.com"},{name:"Pay.be",url:"https://pay.be"}];function ie(){const{t,lang:i,localPath:n}=H(),m=A(),[d,c]=y.useState(!1),o=()=>c(a=>!a),u=[{name:"Foto-booth",url:"https://foto-booth.be",color:"bg-pink-500/10 text-pink-600 dark:text-pink-400"}

11,{name:"Ledpower",url:"https://ledpower.be",color:"bg-amber-500/10 text-amber-600 dark:text-amber-400"},{name:"SKYLTA",url:"https://skylta.be",color:"bg-blue-500/10 text-blue-600 dark:text-blue-400"},{name:"Tinydesk",url:"https://tinydesk.tools",color:"bg-emerald-500/10 text-emerald-600 dark:text-emerald-400"},{name:"HYPERCHICKEN",url:"https://hyperchicken.be",color:"bg-purple-500/10 text-purple-600 dark:text-purple-400"},{name:"Inboxx",url:"https://inboxx.app",color:"bg-primary/10 text-primary"},{name:"Aptly",url:"https://aptly.be",color:"bg-black text-white"},{name:"GeNx.tools",url:"https://genx.tools",color:"bg-primary text-primary-foreground"},{name:"TAPTRACKR",url:"https://taptrackr.chicklab.be/",color:"bg-purple-400 text-white"},{name:"TinyForms",url:"https://tinyforms.tools",color:"bg-sky-500/10 text-sky-600 dark:text-sky-400"},{name:"lokr",url:"https://lokr.be",color:"bg-slate-900 text-white dark:bg-white dark:text-slate-900"}],x=[{icon:G,title:t.about.passionTitle,desc:t.about.passionDesc},{icon:K,title:t.about.noBsTitle,desc:t.about.noBsDesc},{icon:R,title:t.about.personalTitle,desc:t.about.personalDesc}];return e.jsxs(e.Fragment,{children:[e.jsx(_,{title:t.about.title,description:t.meta.aboutDesc,path:n("about"),lang:i,jsonLd:{"@context":"https://schema.org","@type":"Organization","@id":"https://genx.be/#organization",name:"GeNx",url:"https://genx.be",logo:"https://genx.be/logo-square.png",description:"Creative technology studio in Hemiksem. Web design, hosting, domains, email and software solutions.",foundingDate:"2017",address:{"@type":"PostalAddress",streetAddress:"Bredestraat 161",addressLocality:"Hemiksem",postalCode:"2620",addressRegion:"Antwerpen",addressCountry:"BE"},sameAs:["https://www.linkedin.com/company/genx-creative-technology","https://g.page/genx","https://github.com/genxbe"],knowsLanguage:["nl","en","fr"],parentOrganization:{"@type":"Organization",name:"Hyperchicken",url:"https://hyperchicken.be"}}}),e.jsx(F,{title:t.about.title}),e.jsx("section",{className:"border-t bg-muted/20 py-20 md:py-28",children:e.jsx(D,{children:e.jsx("div",{className:"container",children:e.jsxs("div",{className:"grid gap-12 md:grid-cols-2 md:gap-16 items-start",children:[e.jsxs("div",{children:[e.jsx("h2",{className:"text-heading font-bold",children:t.about.ourStory}),e.jsxs("div",{className:"mt-6 space-y-4 text-muted-foreground leading-relaxed",children:[e.jsx("p",{children:t.about.storyP1}),e.jsx("p",{children:t.about.storyP2})]}),e.jsxs("div",{className:"mt-8 inline-flex items-center gap-3 rounded-xl border bg-card px-5 py-3",children:[e.jsx(T,{className:"h-4 w-4 text-primary shrink-0","aria-hidden":"true"}),e.jsxs("div",{className:"text-sm",children:[e.jsx("span",{className:"font-semibold",children:"Bredestraat 161"}),e.jsx("span",{className:"text-muted-foreground",children:" · 2620 Hemiksem"})]})]}),e.jsx(E,{variant:"compact",className:"mt-4"})]}),e.jsxs("div",{className:"flex items-center justify-center",children:[e.jsx("img",{src:Y,alt:"GeNx",className:"w-full max-w-[320px] dark:hidden"}),e.jsx("img",{src:O,alt:"GeNx",className:"w-full max-w-[320px] hidden dark:block"})]})]})})})}),e.jsxs("section",{className:"surface-dark relative overflow-hidden bg-[hsl(220,20%,8%)] py-20 md:py-24",children:[e.jsx($,{}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-b from-primary/5 via-transparent to-primary/5 pointer-events-none"}),e.jsxs("div",{className:"relative container",children:[e.jsxs("div",{className:"mx-auto max-w-3xl flex flex-col md:flex-row items-center gap-8 md:gap-12",children:[e.jsx("a",{href:"https://hyperchicken.be",target:"_blank",rel:"noopener noreferrer","data-umami-event":"about-hyperchicken","data-umami-event-link":"logo",className:"shrink-0",children:e.jsx("img",{src:U,alt:"HYPERCHICKEN",className:"w-40 h-40 md:w-48 md:h-48 transition-transform hover:scale-105"})}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-medium text-[hsl(152,59%,45%)]",children:t.about.proudPart}),e.jsx("h2",{className:"mt-1 text-heading font-bold text-white",children:"HYPERCHICKEN"}),e.jsx("p",{className:"mt-3 text-white/70 leading-relaxed",children:t.about.hy

11perchickenDesc}),e.jsxs("a",{href:"https://hyperchicken.be",target:"_blank",rel:"noopener noreferrer","data-umami-event":"about-hyperchicken","data-umami-event-link":"text",className:"mt-4 inline-flex items-center gap-1.5 text-sm font-medium text-[hsl(152,59%,45%)] underline underline-offset-4",children:["hyperchicken.be ",e.jsx(w,{className:"h-3.5 w-3.5","aria-hidden":"true"})]})]})]}),e.jsx("div",{className:"mx-auto mt-12 max-w-3xl border-t border-white/10 pt-10",children:e.jsxs("div",{className:"flex flex-col items-center gap-5 text-center sm:flex-row sm:text-left",children:[e.jsx("a",{href:"https://pixelagency.be",target:"_blank",rel:"noopener noreferrer","data-umami-event":"about-pixelagency","data-umami-event-link":"logo",className:"shrink-0",children:e.jsx("img",{src:"/partners/pixelagency.webp",alt:"Pixelagency",width:160,height:80,loading:"lazy",className:"h-20 w-40 rounded-xl transition-transform hover:scale-105"})}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-medium text-[hsl(152,59%,45%)]",children:t.about.creativePartnerLabel}),e.jsx("p",{className:"mt-1 text-white/70 leading-relaxed",children:t.about.pixelagencyDesc}),e.jsxs("a",{href:"https://pixelagency.be",target:"_blank",rel:"noopener noreferrer","data-umami-event":"about-pixelagency","data-umami-event-link":"text",className:"mt-2 inline-flex items-center gap-1.5 text-sm font-medium text-[hsl(152,59%,45%)] underline underline-offset-4",children:["pixelagency.be ",e.jsx(w,{className:"h-3.5 w-3.5","aria-hidden":"true"})]})]})]})})]})]}),e.jsx("section",{className:"border-t bg-muted/20 py-20 md:py-28",children:e.jsxs("div",{className:"container",children:[e.jsx("h2",{className:"text-heading font-bold text-center mb-12",children:t.about.whatWeStandFor}),e.jsx("div",{className:"grid gap-6 sm:grid-cols-3",children:x.map(a=>{const l=a.icon;return e.jsxs("div",{className:"rounded-2xl border bg-card p-8",children:[e.jsx("div",{className:"mb-4 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-primary/10 text-primary",children:e.jsx(l,{className:"h-5 w-5","aria-hidden":"true"})}),e.jsx("h3",{className:"text-subheading font-semibold",children:a.title}),e.jsx("p",{className:"mt-2 text-sm text-muted-foreground leading-relaxed",children:a.desc})]},a.title)})}),e.jsxs("div",{className:"mt-16",children:[e.jsxs("div",{className:"mb-6 flex items-center justify-center gap-3",children:[e.jsx("h3",{className:"text-center text-sm font-semibold uppercase tracking-wider text-muted-foreground",children:t.products.title}),!m&&e.jsx(M,{paused:d,onToggle:o,label:t.about.pauseAnimations})]}),e.jsx(f,{items:u,getKey:a=>a.name,paused:d,reducedMotion:m,renderItem:(a,l)=>e.jsxs("a",{href:a.url,target:"_blank",rel:"noopener noreferrer",tabIndex:l?-1:void 0,"data-umami-event":"about-brand","data-umami-event-brand":a.name,className:"mx-3 shrink-0 inline-flex items-center gap-2 rounded-xl border bg-card px-6 py-3 text-sm font-semibold shadow-sm transition-colors hover:border-primary hover:text-primary",children:[e.jsx("span",{className:`inline-flex h-6 w-6 items-center justify-center rounded-md text-xs font-bold ${a.color}`,"aria-hidden":"true",children:a.name[0]}),a.name]})})]})]})}),e.jsxs("section",{className:"border-t bg-muted/20 py-20 md:py-28 overflow-hidden",children:[e.jsxs("div",{className:"container mb-10",children:[e.jsx("h2",{className:"text-heading font-bold text-center",children:t.about.partnersTitle}),e.jsx("p",{className:"mt-3 text-center text-muted-foreground",children:t.about.partnersSubtitle}),!m&&e.jsx("div",{className:"mt-4 flex justify-center",children:e.jsx(M,{paused:d,onToggle:o,label:t.about.pauseAnimations})})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsx(f,{items:V,getKey:a=>a.name,paused:d,reducedMotion:m,renderItem:(a,l)=>e.jsx("a",{href:a.url,target:"_blank",rel:"noopener noreferrer",tabIndex:l?-1:void 0,className:"mx-3 shrink-0 rounded-xl border bg-card px-6 py-3 text-sm font-semibold shadow-sm transition-colors hover:border-primary hover:text-primary","data-umami-event":"partner-click","data-umami-event-partner":a.name,children:a.name})}),e.jsx(f,{items:J,getKey:a=>a.name,paused:d,reverse:!0,reducedMotion:m,renderItem:(a,l)=>e.jsx("a",{href:a.url,target:"_blank",rel:"noopener noreferrer",tabIndex:l?-1:void 0,className:"mx-3 shrink-0 rounded-xl border bg-card px-6 py-3 text-sm font-semibold shadow-sm transition-colors hover:border-primary hover:text-primary","data-umami-event":"partner-click","data-umami-event-partner":a.name,children:a.name})})]})]})]})}export{ie as default};