https://genx.be/assets/Index-C6JRf0gs.js

1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/SpaceInvaders-ClXBpXCh.js","assets/vendor-react-B9zYIx_v.js","assets/index-BUnRSC5N.js","assets/index-R3Y9NNcX.css"])))=>i.map(i=>d[i]);
2import{u as N,s as k,B as u,M as S,g as P,a as O,A as m,P as D,_ as C,G as A,S as L,b as I,K as T}from"./index-BUnRSC5N.js";import{r as x,j as e,L as o}from"./vendor-react-B9zYIx_v.js";import{S as E}from"./SeoHead-B0RjapVu.js";import{P as M}from"./PostCover-vInkui9V.js";import{P as K}from"./PartnerText-B4IH_UVB.js";import{D as R}from"./DomainSearch-CcUQ76gl.js";import{l as B}from"./GeNx_logo_sq_invert-CAsWEXgQ.js";import{L as G}from"./lock-B13QSi7G.js";import{S as H}from"./shield-check-6dsglCSw.js";import"./loader-circle-6r5tRm_M.js";import"./check-BUOvRBEr.js";const _=x.lazy(()=>C(()=>import("./SpaceInvaders-ClXBpXCh.js"),__vite__mapDeps([0,1,2,3])));function F(){const a=x.useRef(null);return x.useEffect(()=>{const l=a.current;if(!l)return;const i=new IntersectionObserver(([h])=>{h.isIntersecting&&(l.classList.add("animate-fade-up"),i.unobserve(l))},{threshold:.15});return i.observe(l),()=>i.disconnect()},[]),a}const $=[{key:"domains",routeKey:"services.domains",icon:A},{key:"hosting",routeKey:"services.hosting",icon:L},{key:"mail",routeKey:"services.mail",icon:I},{key:"passwords",routeKey:"services.passwords",icon:T},{key:"saas",routeKey:"services.saas",icon:H}],z=["webDesign","creativeTech","aiConsultancy","consultancy","projectManagement"];function n({children:a,className:l="",delay:i=""}){const h=F();return e.jsx("div",{ref:h,className:l,style:{opacity:0,animationDelay:i},children:a})}function g({text:a}){return/[,.!?]$/.test(a)?e.jsxs(e.Fragment,{children:[a.slice(0,-1),e.jsx("span",{className:"-ml-[0.1em]",children:a.slice(-1)})]}):e.jsx(e.Fragment,{children:a})}function ae(){const{t:a,lang:l,localPath:i}=N(),[h,p]=x.useState(!1);x.useEffect(()=>{if(window.innerWidth<768)return;const t=[38,38,40,40,37,39,37,39,66,65];let s=0;function r(w){w.keyCode===t[s]?(s++,s===t.length&&(p(!0),s=0)):s=0}return window.addEventListener("keydown",r),()=>window.removeEventListener("keydown",r)},[]);const f=$.map(t=>({key:t.key,icon:t.icon,path:i(t.routeKey),copy:a.home.infra[t.key]})),[c,...b]=f,y=z.map(t=>{const s=k.find(r=>r.key===t);return{key:t,title:a.services[t].title,icon:s.icon,path:i(s.routeKey)}}),v=[{icon:u,label:a.hero.trustRegistrar},{icon:G,label:a.hero.trustProton},{icon:S,label:a.hero.trustEu}],d=P(l).slice(0,3),j=O(l).slice(0,6);return e.jsxs(e.Fragment,{children:[e.jsx(E,{title:a.meta.homeTitle,description:a.meta.homeDesc,path:i("home"),lang:l,jsonLd:{"@context":"https://schema.org","@type":"LocalBusiness","@id":"https://genx.be/#organization",name:"GeNx",description:"Accredited DNS.be registrar and hosting provider in Hemiksem, Belgium. Domain names, web hosting, business email, password management and security, plus web design and creative technology with partners.",url:"https://genx.be",logo:"https://genx.be/logo-square.png",image:"https://genx.be/og-image.png",address:{"@type":"PostalAddress",streetAddress:"Bredestraat 161",addressLocality:"Hemiksem",postalCode:"2620",addressRegion:"Antwerpen",addressCountry:"BE"},geo:{"@type":"GeoCoordinates",latitude:51.1437,longitude:4.3369},telephone:"+3233777170",email:"[email protected]",priceRange:"€€",areaServed:{"@type":"Country",name:"Belgium"},knowsLanguage:["nl","en","fr"],contactPoint:{"@type":"ContactPoint",contactType:"customer service",telephone:"+3233777170",email:"[email protected]",availableLanguage:["Dutch","English","French"]},sameAs:["https://www.linkedin.com/company/genx-creative-technology","https://g.page/genx","https://github.com/genxbe"],hasOfferCatalog:{"@type":"OfferCatalog",name:"GeNx Services",itemListElement:[{"@type":"Offer",itemOffered:{"@type":"Service",name:"Domains",description:"Domain registration by an accredited DNS.be registrar, DNS management and domain transfers.",url:"https://genx.be/diensten/domeinen"}},{"@type":"Offer",itemOffered:{"@type":"Service",name:"Domain Transfer",description:"Transfer an existing domain name to GeN

2x without downtime.",url:"https://genx.be/diensten/domeinen/verhuizen"}},{"@type":"Offer",itemOffered:{"@type":"Service",name:"Hosting",description:"Managed web hosting with SSL, daily backups, and enterprise-grade uptime.",url:"https://genx.be/diensten/hosting"}},{"@type":"Offer",itemOffered:{"@type":"Service",name:"Mail Hosting",description:"Professional email hosting with custom domains, spam filtering, and migration support.",url:"https://genx.be/diensten/mail"}},{"@type":"Offer",itemOffered:{"@type":"Service",name:"Password Manager",description:"Proton Pass for businesses, set up and managed by an official Proton partner.",url:"https://genx.be/diensten/wachtwoordbeheer"}},{"@type":"Offer",itemOffered:{"@type":"Service",name:"SaaS",description:"Managed security and compliance software, including F-Secure antivirus and iubenda cookie and privacy solutions.",url:"https://genx.be/diensten/saas"}},{"@type":"Offer",itemOffered:{"@type":"Service",name:"Web Design",description:"Custom websites, web applications, and e-commerce solutions built with modern frameworks.",url:"https://genx.be/diensten/web-design"}},{"@type":"Offer",itemOffered:{"@type":"Service",name:"Consultancy",description:"Strategic technology consulting to align IT infrastructure with business goals.",url:"https://genx.be/diensten/consultancy"}},{"@type":"Offer",itemOffered:{"@type":"Service",name:"Creative Technology",description:"Innovative digital experiences combining creativity with cutting-edge technology.",url:"https://genx.be/diensten/creative-technology"}},{"@type":"Offer",itemOffered:{"@type":"Service",name:"AI Consultancy",description:"AI strategy, process automation, and custom AI application development.",url:"https://genx.be/diensten/ai-consultancy"}},{"@type":"Offer",itemOffered:{"@type":"Service",name:"Project Management",description:"End-to-end project management for digital and technology initiatives.",url:"https://genx.be/diensten/project-management"}}]},knowsAbout:["Domain Registration","DNS","Web Hosting","Email Hosting","Password Management","Web Design","Web Development","AI Consultancy","Creative Technology","Project Management","Laravel","React","Kirby CMS"]}}),e.jsx("div",{className:"page-hero",children:e.jsxs("section",{className:"surface-dark relative overflow-hidden",children:[e.jsx("img",{src:B,alt:"","aria-hidden":"true",className:"pointer-events-none absolute top-1/2 left-3/4 -translate-x-1/2 -translate-y-1/2 w-[35%] max-w-[400px] opacity-[0.035] select-none hidden md:block"}),e.jsx("div",{"aria-hidden":"true",className:"pointer-events-none absolute -left-24 top-1/2 h-[320px] w-[560px] -translate-y-1/4 rounded-full opacity-[0.12] blur-[90px]",style:{background:"hsl(152, 59%, 45%)"}}),h&&e.jsx(x.Suspense,{fallback:null,children:e.jsx(_,{onClose:()=>p(!1)})}),e.jsxs("div",{className:"relative container py-16 md:py-24",children:[e.jsxs("div",{className:"max-w-4xl",children:[e.jsxs("h1",{className:"text-display font-extrabold leading-[0.95] text-white opacity-0 animate-fade-up",children:[e.jsx(g,{text:a.hero.h1Line1}),e.jsx("br",{}),e.jsx("span",{className:"text-primary",children:e.jsx(g,{text:a.hero.h1Accent})})]}),e.jsx("p",{className:"mt-6 max-w-xl text-body-lg text-white/80 opacity-0 animate-fade-up",style:{animationDelay:"160ms"},children:a.hero.subtitle}),e.jsx("div",{className:"mt-8 max-w-xl opacity-0 animate-fade-up",style:{animationDelay:"240ms"},children:e.jsx(R,{variant:"hero"})}),e.jsx("ul",{"aria-label":a.hero.trustLabel,className:"mt-6 flex flex-wrap gap-x-5 gap-y-2 text-sm text-white/70 opacity-0 animate-fade-up",style:{animationDelay:"320ms"},children:v.map(({icon:t,label:s})=>e.jsxs("li",{className:"inline-flex items-center gap-1.5",children:[e.jsx(t,{className:"h-4 w-4 text-primary","aria-hidden":"true"}),s]},s))}),e.jsxs("div",{className:"mt-8 flex flex-wrap items-center gap-3 opacity-0 animate-fade-up",style:{animationDelay:"400ms"},children:[e.jsxs(o,{to:i("services.hosting"),"data-umami-event":"hero-cta-hosting",className:"inline-flex items-center gap-2 rounded-xl border border-white/15 bg-white/5 px-5 py-2.5 text-sm font-semibold text-white transition-all hover:bg-white/10 active:scale-[0.97]",children:[a.hero.ctaHosting,e.jsx(m,{className:"h-4 w-4","aria-hidden":"true"})]}),e.jsx(o,{to:i("contact"),"data-umami-event":"hero-cta-contact",className:"inline-flex items-center gap-2 rounded-xl px-4 py-2.5 text-sm font-semibold text-white/80 transition-colors hover:text-primary active:scale-[0.97]",children:a.hero.cta})]})]}),e.jsx("div",{"aria-hidden":"true",className:"hidden md:flex absolute bottom-3 right-4 items-center gap-1 text-[10px] text-white/[0.22] font-mono select-none",children:"↑↑↓↓←→←→BA"})]})]})}),e.jsx("section",{className:"border-t py-16 md:py-20",children:e.jsx("div",{className:"container",children:e.jsxs(n,{className:"mx-auto max-w-3xl text-center",children:[e.jsx("h2",{className:"text-heading font-bold",children:a.home.elevatorTitle}),e.jsx("p",{className:"mt-4 text-body-lg text-muted-foreground leading-relaxed",children:a.home.elevatorDesc})]})})}),e.jsx("section",{className:"border-t bg-muted/20 py-24 md:py-32",children:e.jsxs("div",{className:"container",children:[e.jsxs(n,{className:"mx-auto mb-16 max-w-2xl text-center",children:[e.jsx("h2",{className:"text-heading font-bold",children:a.home.servicesTitle}),e.jsx("p",{className:"mt-4 whitespace-pre-line text-body-lg leading-relaxed text-muted-foreground",children:a.home.servicesSubtitle})]}),e.jsx(n,{className:"mb-4",children:e.jsx("h3",{className:"text-sm font-semibold uppercase tracking-wider text-muted-foreground",children:a.home.infraTitle})}),e.jsxs("div",{className:"grid gap-4 sm:grid-cols-2 lg:grid-cols-3",children:[e.jsx(n,{className:"h-full sm:col-span-2",children:e.jsxs("div",{className:"group relative flex h-full flex-col overflow-hidden rounded-2xl border border-primary/25 bg-gradient-to-br from-primary/[0.09] via-card to-card p-6 shadow-sm transition-all hover:shadow-md hover:shadow-black/5 md:p-8",children:[e.jsx("span",{"aria-hidden":"true",className:"pointer-events-none absolute -bottom-8 right-4 select-none text-[8rem] font-extrabold leading-none tracking-[-0.06em] text-primary/[0.07] transition-transform duration-500 group-hover:-translate-x-2 md:text-[10rem]",children:".be"}),e.jsxs("div",{className:"relative flex flex-wrap items-start justify-between gap-3",children:[e.jsx("div",{className:"inline-flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10 text-primary transition-transform duration-300 group-hover:scale-110",children:e.jsx(c.icon,{className:"h-6 w-6","aria-hidden":"true"})}),c.copy.badge&&e.jsxs("span",{className:"inline-flex items-center gap-1.5 rounded-full border border-primary/25 bg-background/70 px-3 py-1 text-xs font-semibold text-primary",children:[e.jsx(u,{className:"h-3.5 w-3.5","aria-hidden":"true"}),c.copy.badge]})]}),e.jsx("h4",{className:"relative mt-5 text-title font-bold",children:e.jsx(o,{to:c.path,"data-umami-event":"service-card","data-umami-event-service":c.path,className:"after:absolute after:inset-0 after:rounded-2xl focus-visible:outline-none focus-visible:after:ring-2 focus-visible:after:ring-ring",children:c.copy.title})}),e.jsx("p",{className:"relative mt-2 max-w-lg flex-1 text-base leading-relaxed text-muted-foreground",children:c.copy.desc}),e.jsxs("div",{className:"relative mt-6 flex flex-wrap items-center gap-x-6 gap-y-3",children:[c.copy.price&&e.jsx("span",{className:"text-lg font-bold text-primary",children:c.copy.price}),e.jsxs(o,{to:i("services.domainTransfer"),"data-umami-event":"home-link-domain-transfer",className:"relative z-10 inline-flex min-h-6 items-center gap-1 text-sm font-medium text-muted-foreground underline decoration-border underline-offset-4 transition-colors hover:text-primary hover:decoration-primary",children:[a.home.transferLink,e.jsx(m,{className:"h-3.5 w-3.5","aria-hidden":"true"})]})]})]})}),b.map((t,s)=>{const r=t.icon;return e.jsx(n,{delay:`${(s+1)*80}ms`,className:"h-full",children:e.jsxs(o,{to:t.path,"data-umami-event":"service-card","data-umami-event-service":t.path,className:"group flex h-full flex-col rounded-2xl border bg-card p-6 shadow-sm transition-all hover:shadow-md hover:shadow-black/5 active:scale-[0.98]",children:[e.jsxs("div",{className:"flex flex-wrap items-start justify-between gap-3",children:[e.jsx("div",{className:"inline-flex h-10 w-10 items-center justify-center rounded-xl bg-primary/10 text-primary transition-transform duration-300 group-hover:scale-110",children:e.jsx(r,{className:"h-5 w-5","aria-hidden":"true"})}),t.copy.badge&&e.jsx("span",{className:"rounded-full border bg-muted/50 px-2.5 py-0.5 text-xs font-medium text-muted-foreground",children:t.copy.badge})]}),e.jsx("h4",{className:"mt-4 text-subheading font-semibold",children:t.copy.title}),e.jsx("p",{className:"mt-2 flex-1 text-base leading-relaxed text-muted-foreground",children:t.copy.desc}),e.jsxs("div",{className:"mt-5 flex items-center justify-between gap-3",children:[t.copy.price?e.jsx("span",{className:"text-sm font-bold text-primary",children:t.copy.price}):e.jsx("span",{className:"text-sm font-medium text-primary",children:a.common.moreInfo}),e.jsx(m,{"aria-hidden":"true",className:"h-4 w-4 shrink-0 text-muted-foreground transition-all duration-300 group-hover:translate-x-0.5 group-hover:text-primary"})]})]})},t.key)})]}),e.jsxs(n,{className:"mt-16 mb-5",children:[e.jsx("h3",{className:"text-sm font-semibold uppercase tracking-wider text-muted-foreground",children:a.home.creativeTitle}),e.jsx("p",{className:"mt-2 max-w-3xl text-base leading-relaxed text-muted-foreground",children:e.jsx(K,{text:a.home.creativeIntro,event:"home-partner-link"})})]}),e.jsx("div",{className:"grid gap-3 sm:grid-cols-2 lg:grid-cols-5",children:y.map((t,s)=>{const r=t.icon;return e.jsx(n,{delay:`${s*60}ms`,className:"h-full",children:e.jsxs(o,{to:t.path,"data-umami-event":"service-card","data-umami-event-service":t.path,className:"group flex h-full items-center gap-3 rounded-xl border bg-card px-4 py-3.5 transition-all hover:border-primary/30 hover:shadow-sm active:scale-[0.98]",children:[e.jsx(r,{className:"h-4 w-4 shrink-0 text-primary","aria-hidden":"true"}),e.jsx("span",{className:"flex-1 text-sm font-semibold",children:t.title}),e.jsx(m,{"aria-hidden":"true",className:"h-3.5 w-3.5 shrink-0 text-muted-foreground transition-all duration-300 group-hover:translate-x-0.5 group-hover:text-primary"})]})},t.key)})})]})}),e.jsx("section",{className:"border-t py-20 md:py-24",children:e.jsxs("div",{className:"container",children:[e.jsxs(n,{className:"mx-auto mb-10 max-w-2xl text-center",children:[e.jsx("h2",{className:"text-heading font-bold",children:a.partners.sectionTitle}),e.jsx("p",{className:"mt-4 text-body-lg leading-relaxed text-muted-foreground",children:a.partners.sectionSubtitle})]}),e.jsx(n,{children:e.jsx(D,{variant:"section"})})]})}),e.jsx("section",{className:"border-t bg-muted/20 py-24 md:py-32",children:e.jsxs("div",{className:"container",children:[e.jsx(n,{children:e.jsxs("div",{className:"flex items-center justify-between mb-12",children:[e.jsx("h2",{className:"text-heading font-bold",children:a.home.recentTitle}),e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsxs(o,{to:i("blog"),"data-umami-event":"home-link-blog",className:"text-sm font-medium text-primary hover:underline inline-flex items-center gap-1",children:[a.nav.blog," ",e.jsx(m,{className:"h-3.5 w-3.5","aria-hidden":"true"})]}),e.jsxs(o,{to:i("projects"),"data-umami-event":"home-link-projects",className:"text-sm font-medium text-primary hover:underline inline-flex items-center gap-1",children:[a.nav.projects," ",e.jsx(m,{className:"h-3.5 w-3.5","aria-hidden":"true"})]})]})]})}),e.jsx("div",{className:"grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",children:j.map((t,s)=>e.jsx(n,{delay:`${s%3*100}ms`,children:e.jsxs(o,{to:i("blog.post",{slug:t.slug}),"data-umami-event":"home-post-card","data-umami-event-post":t.slug,className:"group flex h-full flex-col overflow-hidden rounded-2xl border bg-card shadow-sm transition-all hover:shadow-lg hover:shadow-black/8 active:scale-[0.98]",children:[e.jsx("div",{className:"relative aspect-[16/10] overflow-hidden",children:e.jsx(M,{image:t.image,imageAlt:t.imageAlt,category:t.category})}),e.jsxs("div",{className:"flex flex-1 flex-col p-5",children:[e.jsx("div",{className:"flex flex-wrap gap-1.5 mb-2",children:t.tags.map(r=>e.jsx("span",{className:"rounded-md bg-muted px-2 py-0.5 text-xs text-muted-foreground",children:r},r))}),e.jsx("h3",{className:"text-lg font-semibold leading-snug group-hover:text-primary transition-colors",children:t.title}),e.jsx("p",{className:"mt-1.5 flex-1 text-base leading-relaxed text-muted-foreground line-clamp-2",children:t.excerpt})]})]})},t.slug))}),e.jsxs("div",{className:"mt-4 grid grid-cols-1 md:grid-cols-12 gap-4 auto-rows-[180px] md:auto-rows-[200px]",children:[e.jsx(n,{className:"md:col-span-7 md:row-span-2",delay:"0ms",children:e.jsxs(o,{to:i("projects.detail",{slug:d[0].slug}),"data-umami-event":"home-project-card","data-umami-event-project":d[0].slug,className:"group relative block h-full overflow-hidden rounded-2xl shadow-sm transition-all hover:shadow-xl hover:shadow-black/10 active:scale-[0.98]",children:[e.jsx("img",{src:d[0].image,alt:d[0].title,width:840,height:400,loading:"lazy",className:`absolute inset-0 w-full h-full transition-transform duration-700 ease-out group-hover:scale-105 ${d[0].imageFit==="contain"?"object-contain":"object-cover"}`,style:d[0].imagePosition?{objectPosition:d[0].imagePosition}:void 0}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent"}),e.jsxs("div",{className:"absolute bottom-0 left-0 right-0 p-6 md:p-8",children:[e.jsx("div",{className:"flex flex-wrap gap-1.5 mb-3",children:d[0].tags.map(t=>e.jsx("span",{className:"rounded-md bg-white/15 backdrop-blur-sm px-2 py-0.5 text-xs text-white/90",children:t},t))}),e.jsx("h3",{className:"text-title font-bold text-white",children:d[0].title}),e.jsxs("span",{className:"mt-2 inline-flex items-center gap-1 text-sm font-medium text-white/70 transition-all duration-300 group-hover:text-primary group-hover:translate-x-1",children:[a.home.viewProject," ",e.jsx(m,{className:"h-3.5 w-3.5","aria-hidden":"true"})]})]})]})}),d.slice(1).map((t,s)=>e.jsx(n,{className:"md:col-span-5",delay:`${(s+1)*100}

2ms`,children:e.jsxs(o,{to:i("projects.detail",{slug:t.slug}),"data-umami-event":"home-project-card","data-umami-event-project":t.slug,className:"group relative flex h-full overflow-hidden rounded-2xl shadow-sm transition-all hover:shadow-xl hover:shadow-black/10 active:scale-[0.98]",children:[e.jsx("img",{src:t.image,alt:t.title,width:600,height:200,loading:"lazy",className:`absolute inset-0 w-full h-full transition-transform duration-700 ease-out group-hover:scale-105 ${t.imageFit==="contain"?"object-contain":"object-cover"}`,style:t.imagePosition?{objectPosition:t.imagePosition}:void 0}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-black/80 via-black/30 to-transparent"}),e.jsxs("div",{className:"absolute bottom-0 left-0 right-0 p-5",children:[e.jsx("div",{className:"flex flex-wrap gap-1.5 mb-2",children:t.tags.map(r=>e.jsx("span",{className:"rounded-md bg-white/15 backdrop-blur-sm px-2 py-0.5 text-xs text-white/90",children:r},r))}),e.jsx("h3",{className:"text-subheading font-bold text-white",children:t.title})]})]})},t.slug))]})]})}),e.jsx("section",{className:"border-t bg-primary/[0.03] py-24 md:py-32",children:e.jsx("div",{className:"container",children:e.jsxs(n,{className:"mx-auto max-w-2xl text-center",children:[e.jsx("h2",{className:"text-heading font-bold",children:a.cta.title}),e.jsx("p",{className:"mt-4 whitespace-pre-line text-body-lg leading-relaxed text-muted-foreground",children:a.cta.subtitle}),e.jsxs(o,{to:i("contact"),"data-umami-event":"footer-cta-contact",className:"mt-8 inline-flex items-center gap-2 rounded-xl bg-primary px-6 py-3 text-sm font-semibold text-primary-foreground shadow-lg shadow-primary/20 transition-all hover:shadow-xl hover:shadow-primary/30 active:scale-[0.97]",children:[a.cta.button,e.jsx(m,{className:"h-4 w-4","aria-hidden":"true"})]})]})})})]})}export{ae as default};