https://genx.be/assets/Domains-BqqJtJcQ.js

1import{r as n,j as e,u as Ne,h as ve,L as G}from"./vendor-react-B9zYIx_v.js";import{c as _,R as je,O as J,f as x,C as K,i as ye,X as we,T as X,D as U,j as Ce,u as Se,k as S,l as ke,b as De,d as Te,G as Re,m as Ae,A as Q}from"./index-BUnRSC5N.js";import{B as Pe}from"./Breadcrumb-DwGOIkCA.js";import{M as Ee}from"./MiniHero-BWhObpIY.js";import{S as Fe}from"./SeoHead-B0RjapVu.js";import{D as Ie}from"./DomainSearch-CcUQ76gl.js";import{S as V}from"./use-scroll-reveal-CiXe2LJL.js";import{A as qe,a as ze,b as Be,c as Le}from"./accordion-vNGKlRUX.js";import{H as Oe}from"./headphones-BAMEYHEp.js";import{S as He}from"./settings-D-fJVR5p.js";import{R as Me}from"./refresh-cw-R7VekLa8.js";import{L as $e}from"./loader-circle-6r5tRm_M.js";import"./chevron-right-BjLRtU2y.js";import"./check-BUOvRBEr.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 Ge=_("CircleCheckBig",[["path",{d:"M21.801 10A10 10 0 1 1 17 3.335",key:"yps3ct"}],["path",{d:"m9 11 3 3L22 4",key:"1pflzl"}]]);/**
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 Qe=_("Forward",[["polyline",{points:"15 17 20 12 15 7",key:"1w3sku"}],["path",{d:"M4 18v-2a4 4 0 0 1 4-4h12",key:"jmiej9"}]]),Ve=je,Ye=Ce,W=n.forwardRef(({className:s,...d},o)=>e.jsx(J,{ref:o,className:x("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",s),...d}));W.displayName=J.displayName;const Z=n.forwardRef(({className:s,children:d,...o},a)=>e.jsxs(Ye,{children:[e.jsx(W,{}),e.jsxs(K,{ref:a,className:x("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",s),...o,children:[d,e.jsxs(ye,{className:"absolute right-4 top-4 roun

11ded-sm opacity-70 ring-offset-background transition-opacity data-[state=open]:bg-accent data-[state=open]:text-muted-foreground hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",children:[e.jsx(we,{className:"h-4 w-4"}),e.jsx("span",{className:"sr-only",children:"Close"})]})]})]}));Z.displayName=K.displayName;const ee=({className:s,...d})=>e.jsx("div",{className:x("flex flex-col space-y-1.5 text-center sm:text-left",s),...d});ee.displayName="DialogHeader";const te=n.forwardRef(({className:s,...d},o)=>e.jsx(X,{ref:o,className:x("text-lg font-semibold leading-none tracking-tight",s),...d}));te.displayName=X.displayName;const se=n.forwardRef(({className:s,...d},o)=>e.jsx(U,{ref:o,className:x("text-sm text-muted-foreground",s),...d}));se.displayName=U.displayName;const Y={companyName:"",vatNumber:"",firstName:"",lastName:"",street:"",houseNumber:"",zipCode:"",city:"",country:"",email:"",phone:""},k=["firstName","lastName","street","houseNumber","zipCode","city","country","email","phone"],_e=["companyName","vatNumber","firstName","lastName","street","houseNumber","zipCode","city","country","email","phone"],Je=s=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(s);function dt(){var M,$;const{t:s,lang:d,localPath:o}=Se(),a=s.domainsPage,D=a.faq,[g,ae]=n.useState(""),[i,re]=n.useState(null),[T,ie]=n.useState(!1),[R,ne]=n.useState(!1),{hash:f,key:oe}=Ne(),[A]=ve(),b=((M=A.get("domain"))==null?void 0:M.trim())??"",le=A.get("register")==="1",de=n.useId(),P=n.useRef(null),E=n.useRef({});n.useEffect(()=>{if(!f)return;const t=f.replace("#",""),r=setTimeout(()=>{var l,c;(l=document.getElementById(t))==null||l.scrollIntoView({behavior:"smooth",block:t===S?"center":"start"}),t===S&&((c=P.current)==null||c.focus({preventScroll:!0}))},100);return()=>clearTimeout(r)},[f,oe]);const[me,N]=n.useState(!1),[v,F]=n.useState(Y),[j,I]=n.useState(!1),[q,p]=n.useState(null),[ce,y]=n.useState({});n.useEffect(()=>{ke().then(t=>re(t)).catch(()=>{})},[]);const ue=[{icon:Qe,label:a.unlimitedForwards},{icon:Oe,label:a.problemSupport},{icon:De,label:a.configSupport}],xe=i?T?i.standard:i.standard.slice(0,15):[],z=i?R?i.premium:i.premium.slice(0,15):[],B=(($=i==null?void 0:i.standard[0])==null?void 0:$.price)??null,L=i!=null&&i.premium.length?Math.min(...i.premium.map(t=>t.price)):null,O=s.domains.register.defaultCountry,pe=n.useCallback(t=>{ae(t),F({...Y,country:O}),p(null),y({}),N(!0)},[O]),he=(t,r)=>{F(l=>({...l,[t]:r}))},ge=t=>{y(r=>({...r,[t]:!0}))},H=t=>{const r=v[t];return k.includes(t)&&!r.trim()?s.domains.register.required:t==="email"&&r.trim()&&!Je(r)?s.domains.register.emailInvalid:null},fe=t=>ce[t]?H(t):null,be=async t=>{var c;t.preventDefault();const r={};k.forEach(u=>{r[u]=!0}),y(r);const l=_e.find(u=>H(u)!==null);if(l){(c=E.current[l])==null||c.focus();return}if(!j){I(!0),p(null);try{if(!(await fetch("/api/domain-register.php",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({...v,domain:g})})).ok){p("error");return}p("success")}catch{p("error")}finally{I(!1)}}},m=(t,r,l={})=>{const c=`${de}-${t}`,u=`${c}-error`,h=fe(t),w=k.includes(t);return e.jsxs("div",{className:l.className,children:[e.jsxs("label",{htmlFor:c,className:"mb-1 block text-sm font-medium",children:[r," ",w?e.jsx("span",{"aria-hidden":"true",className:"text-destructive",children:"*"}):e.jsxs("span",{className:"font-normal text-muted-foreground",children:["(",s.domains.register.optional,")"]})]}),e.jsx("input",{ref:C=>{E.current[t]=C},id:c,name:t,type:l.type??"text",autoComplete:l.autoComplete,placeholder:l.placeholder,value:v[t],onChange:C=>he(t,C.target.value),onBlur:()=>ge(t),required:w,"aria-required":w||void 0,"aria-invalid":!!h,"aria-describedby":h?u:void 0,className:x("h-10 w-full rounded-lg border border-input bg-card px-3 text-base transition-colors placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring",h&&"border-destructive focus:ring-destructive")}

11),h&&e.jsx("p",{id:u,className:"mt-1 text-sm text-destructive",children:h})]})};return e.jsxs(e.Fragment,{children:[e.jsx(Fe,{title:s.services.domains.title,description:s.meta.domainsDesc,path:o("services.domains"),lang:d,jsonLd:{"@context":"https://schema.org","@graph":[{"@type":"Service",name:"Domain Registration",description:s.meta.domainsDesc,provider:{"@type":"LocalBusiness",name:"GeNx",url:"https://genx.be"},areaServed:"Belgium",serviceType:"Domain Registration"},{"@type":"FAQPage",mainEntity:D.map(t=>({"@type":"Question",name:t.q,acceptedAnswer:{"@type":"Answer",text:t.a}}))},Te([{name:s.nav.home,path:o("home")},{name:s.nav.services,path:o("services")},{name:s.services.domains.title}])]}}),e.jsx(Pe,{items:[{label:s.nav.services,path:o("services")},{label:s.services.domains.title}]}),e.jsx(Ee,{title:s.services.domains.title,subtitle:a.heroSubtitle,scrollTo:{label:s.common.viewPlans,target:"aanbod"}}),e.jsx("section",{className:"py-16 md:py-24 border-b",children:e.jsxs("div",{className:"container max-w-5xl",children:[e.jsx(V,{children:e.jsxs("div",{className:"mx-auto max-w-3xl text-center",children:[e.jsx("h2",{className:"text-heading font-bold",children:a.introTitle}),e.jsx("p",{className:"mx-auto mt-4 max-w-prose text-base text-muted-foreground leading-relaxed",children:a.introText})]})}),e.jsx("div",{className:"mt-12 grid gap-6 sm:grid-cols-2",children:[{icon:Re,title:a.whyGeNxTitle,text:a.whyGeNxText},{icon:He,title:a.dnsTitle,text:a.dnsText},{icon:Me,title:a.transferTitle,text:a.transferText,link:{to:o("services.domainTransfer"),label:a.transferLink,event:"domains-transfer-link"}},{icon:Ae,title:a.protectionTitle,text:a.protectionText}].map((t,r)=>{const l=t.icon;return e.jsx(V,{delay:r*80,children:e.jsxs("div",{className:"rounded-2xl border bg-card p-8 shadow-sm h-full",children:[e.jsx("div",{className:"mb-5 inline-flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10 text-primary",children:e.jsx(l,{className:"h-6 w-6"})}),e.jsx("h3",{className:"text-subheading font-semibold",children:t.title}),e.jsx("p",{className:"mt-2 text-base text-muted-foreground leading-relaxed",children:t.text}),"link"in t&&t.link&&e.jsxs(G,{to:t.link.to,"data-umami-event":t.link.event,className:"mt-4 inline-flex min-h-6 items-center gap-1 text-sm font-semibold text-primary hover:underline",children:[t.link.label,e.jsx(Q,{className:"h-3.5 w-3.5","aria-hidden":"true"})]})]})},t.title)})})]})}),e.jsx("section",{className:"border-b bg-muted/30",children:e.jsxs("div",{className:"container py-10",children:[e.jsx("p",{className:"text-center text-sm font-semibold uppercase tracking-wider text-muted-foreground mb-6",children:a.includedTitle}),e.jsx("div",{className:"flex flex-wrap items-center justify-center gap-x-10 gap-y-4",children:ue.map(t=>{const r=t.icon;return e.jsxs("div",{className:"flex items-center gap-2.5",children:[e.jsx(r,{className:"h-4 w-4 text-primary","aria-hidden":"true"}),e.jsx("span",{children:t.label})]},t.label)})})]})}),e.jsx("section",{id:"aanbod",className:"py-16 md:py-24",children:e.jsxs("div",{className:"container max-w-5xl",children:[e.jsxs("div",{id:S,className:"mx-auto max-w-xl scroll-mt-24",children:[e.jsx("h2",{className:"text-heading font-bold text-center",children:s.domains.checker.title}),e.jsx(Ie,{variant:"page",extensions:i,onRegister:pe,initialQuery:b,autoCheck:!!b,autoRegister:le,inputRef:P},b)]}),e.jsxs("div",{className:"mt-20",children:[e.jsxs("div",{className:"flex flex-col md:flex-row md:items-end md:justify-between gap-4 mb-8",children:[e.jsxs("div",{children:[e.jsx("h2",{className:"text-heading font-bold",children:a.standardDomains}),e.jsx("p",{className:"mt-1 max-w-prose text-base leading-relaxed text-muted-foreground",children:a.standardDomainsDesc})]}),B!==null&&e.jsxs("div",{className:"text-3xl font-extrabold text-primary whitespace-nowrap",children:["€ ",B,e.jsx("span",{className:"text-sm font-normal text-muted-foreground",children:s.common.perYear})]})]}),e.jsxs("div",{className:"rounded-2xl border bg-card shadow-sm overflow-hidden",children:[e.jsx("div",{className:"p-6",children:e.jsx("div",{className:"flex flex-wrap gap-2",children:xe.map(t=>e.jsx("span",{className:"rounded-xl border bg-muted/50 px-4 py-2 text-sm font-mono font-medium",children:t.extension},t.extension))})}),!T&&i&&i.standard.length>15&&e.jsx("button",{type:"button",onClick:()=>ie(!0),"data-umami-event":"domain-show-all","data-umami-event-type":"standard",className:"w-full border-t px-5 py-3 text-sm font-medium text-primary hover:bg-accent transition-colors",children:a.showAllExtensions.replace("{count}",String(i.standard.length))})]})]}),e.jsxs("div",{className:"mt-16",children:[e.jsxs("div",{className:"flex flex-col md:flex-row md:items-end md:justify-between gap-4 mb-8",children:[e.jsxs("div",{children:[e.jsx("h2",{className:"text-heading font-bold",children:a.premiumDomains}),e.jsx("p",{className:"mt-1 max-w-prose text-base leading-relaxed text-muted-foreground",children:a.premiumDomainsDesc})]}),L!==null&&e.jsxs("div",{className:"text-3xl font-extrabold text-primary whitespace-nowrap",children:[a.from," € ",L,e.jsx("span",{className:"text-sm font-normal text-muted-foreground",children:s.common.perYear})]})]}),e.jsxs("div",{className:"rounded-2xl border bg-card shadow-sm overflow-hidden",children:[e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",children:z.map((t,r)=>e.jsxs("div",{className:`flex items-center justify-between px-5 py-3 text-sm ${r<z.length-1?"border-b sm:border-b lg:border-b":""} ${r%2===0?"":"sm:border-l"} ${r%3!==0?"lg:border-l":""}`,children:[e.jsx("span",{className:"font-mono font-medium",children:t.extension}),e.jsxs("span",{className:"text-sm text-muted-foreground",children:["€ ",t.price,s.common.perYear]})]},t.extension))}),!R&&i&&i.premium.length>15&&e.jsx("button",{type:"button",onClick:()=>ne(!0),"data-umami-event":"domain-show-all","data-umami-event-type":"premium",className:"w-full border-t px-5 py-3 text-sm font-medium text-primary hover:bg-accent transition-colors",children:a.showAllExtensions.replace("{count}",String(i.premium.length))})]})]}),e.jsxs("div",{className:"mt-16 rounded-2xl border bg-muted/30 p-8 text-center",children:[e.jsx("h2",{className:"text-title font-bold",children:a.otherDomains}),e.jsxs("p",{className:"mx-auto mt-2 max-w-prose text-base leading-relaxed text-muted-foreground",children:[a.otherDomainsDesc," ",e.jsx("a",{href:"mailto:[email protected]","data-umami-event":"contact-email","data-umami-event-source":"domains",className:"text-primary font-medium hover:underline",children:"[email protected]"})]})]}),e.jsx("div",{className:"mt-12 text-center",children:e.jsxs(G,{to:o("contact"),"data-umami-event":"service-cta-contact","data-umami-event-service":"domeinen",className:"inline-flex items-center gap-2 rounded-xl bg-primary px-8 py-3.5 text-sm font-semibold text-primary-foreground shadow-lg shadow-primary/20 transition-all hover:shadow-xl hover:shadow-

11primary/30 active:scale-[0.97]",children:[s.common.contactCta,e.jsx(Q,{className:"h-4 w-4","aria-hidden":"true"})]})}),e.jsxs("div",{className:"mt-16",children:[e.jsx("h2",{className:"text-heading font-bold",children:a.faqTitle}),e.jsx(qe,{type:"single",collapsible:!0,className:"mt-6 space-y-3",children:D.map((t,r)=>e.jsxs(ze,{value:`faq-${r}`,className:"rounded-xl border px-5",children:[e.jsx(Be,{className:"py-4 text-left text-base font-semibold hover:no-underline",children:t.q}),e.jsx(Le,{className:"pb-4 text-base leading-relaxed text-muted-foreground",children:t.a})]},r))})]})]})}),e.jsx(Ve,{open:me,onOpenChange:N,children:e.jsxs(Z,{className:"max-h-[90vh] overflow-y-auto sm:max-w-lg",children:[e.jsxs(ee,{children:[e.jsx(te,{children:s.domains.register.title}),e.jsxs(se,{children:[s.domains.register.subtitle," ",e.jsx("strong",{children:g})]})]}),q==="success"?e.jsxs("div",{role:"status",className:"flex flex-col items-center gap-4 py-6 text-center",children:[e.jsx(Ge,{className:"h-12 w-12 text-primary","aria-hidden":"true"}),e.jsx("p",{children:s.domains.register.success}),e.jsx("button",{type:"button",onClick:()=>N(!1),"data-umami-event":"domain-register-close",className:"rounded-lg bg-primary px-6 py-2 text-sm font-semibold text-primary-foreground",children:s.domains.register.close})]}):e.jsxs("form",{onSubmit:be,className:"space-y-4",noValidate:!0,children:[e.jsx("p",{className:"text-sm text-muted-foreground",children:s.common.requiredHint}),e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[m("companyName",s.domains.register.companyName,{autoComplete:"organization"}),m("vatNumber",s.domains.register.vatNumber,{autoComplete:"off",placeholder:s.domains.register.vatNumberPlaceholder})]}),e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[m("firstName",s.domains.register.firstName,{autoComplete:"given-name"}),m("lastName",s.domains.register.lastName,{autoComplete:"family-name"})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-4",children:[m("street",s.domains.register.street,{autoComplete:"address-line1",className:"col-span-2"}),m("houseNumber",s.domains.register.houseNumber)]}),e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-3 gap-4",children:[m("zipCode",s.domains.register.zipCode,{autoComplete:"postal-code"}),m("city",s.domains.register.city,{autoComplete:"address-level2"}),m("country",s.domains.register.country,{autoComplete:"country-name"})]}),e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[m("email",s.domains.register.email,{type:"email",autoComplete:"email"}),m("phone",s.domains.register.phone,{type:"tel",autoComplete:"tel"})]}),e.jsx("div",{role:"alert",children:q==="error"&&e.jsx("div",{className:"rounded-lg border border-destructive/30 bg-destructive/5 p-3 text-sm text-destructive",children:s.domains.register.error})}),e.jsx("button",{type:"submit",disabled:j,"data-umami-event":"domain-register-submit","data-umami-event-domain":g,className:"w-full rounded-lg bg-primary py-2.5 text-sm font-semibold text-primary-foreground shadow-lg shadow-primary/20 transition-all hover:shadow-xl active:scale-[0.98] disabled:opacity-70",children:j?e.jsxs("span",{className:"flex items-center justify-center gap-2",children:[e.jsx($e,{className:"h-4 w-4 animate-spin","aria-hidden":"true"}),s.domains.register.submitting]}):s.domains.register.submit})]})]})})]})}export{dt as default};