https://www.atelier-seo.com/_next/static/chunks/app/nos-reponses/page-3bd21eaa087a9de9.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[427,3194,4001,5185,5945,6036,6571,8593],{5332:(e,t,r)=>{Promise.resolve().then(r.t.bind(r,8173,23)),Promise.resolve().then(r.bind(r,9005)),Promise.resolve().then(r.bind(r,2300))},9005:(e,t,r)=>{"use strict";r.d(t,{default:()=>i});var s=r(5155),n=r(2115),a=r(8263);function i(){let[e,t]=(0,n.useState)("idle"),[r,i]=(0,n.useState)("");async function c(e){e.preventDefault(),t("loading"),i("");let r=e.currentTarget,s=Object.fromEntries(new FormData(r).entries());try{var n,l;let e=await fetch("/api/contact",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(s)});if(!e.ok){let t=await e.json().catch(()=>({}));throw Error(null!==(n=t.error)&&void 0!==n?n:"Une erreur est survenue.")}t("success"),(0,a.il)("contact",{userData:{email:String(null!==(l=s.email)&&void 0!==l?l:"")}}),r.reset()}catch(e){t("error"),i(e instanceof Error?e.message:"Une erreur est survenue.")}}return(0,s.jsxs)("section",{id:"contact",className:"relative overflow-hidden py-24 sm:py-32",children:[(0,s.jsx)("div",{"aria-hidden":!0,className:"absolute -bottom-40 left-1/2 -z-10 h-[36rem] w-[36rem] -translate-x-1/2 rounded-full bg-accent-500/15 blur-[130px]"}),(0,s.jsx)("div",{className:"container-px",children:(0,s.jsxs)("div",{className:"mx-auto grid max-w-5xl items-start gap-12 lg:grid-cols-2",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{className:"text-sm font-semibold uppercase tracking-[0.2em] text-accent-300",children:"Contact"}),(0,s.jsx)("h2",{className:"mt-4 text-4xl font-extrabold tracking-tight text-white sm:text-5xl",children:"Parlons de votre croissance"}),(0,s.jsx)("p",{className:"mt-5 text-lg text-white/55",children:"Recevez un audit SEO gratuit de votre site et un premier plan d'action. Sans engagement, r\xe9ponse sous 24h."}),(0,s.jsx)("ul",{className:"mt-9 space-y-4",children:["Audit offert et personnalis\xe9","Un interlocuteur SEO d\xe9di\xe9","Des recommandations actionnables"].map(e=>(0,s.jsxs)("li",{className:"flex items-center gap-3 text-white/75",children:[(0,s.jsx)("span",{className:"grid h-6 w-6 place-items-center rounded-full bg-gradient-to-br from-accent-300 to-accent-500 text-xs font-bold text-ink-950",children:"✓"}),e]},e))})]}),(0,s.jsx)("div",{className:"gradient-border rounded-2xl",children:(0,s.jsx)("div",{className:"glass rounded-2xl p-7",children:"success"===e?(0,s.jsx)("div",{className:"grid h-full min-h-[20rem] place-items-center text-center",children:(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"mx-auto grid h-16 w-16 place-items-center rounded-full bg-gradient-to-br from-accent-300 to-accent-500 text-2xl text-ink-950 shadow-glow",children:"✓"}),(0,s.jsx)("h3",{className:"mt-5 text-2xl font-bold text-white",children:"Merci, c'est envoy\xe9 !"}),(0,s.jsx)("p",{className:"mt-2 text-white/55",children:"On revient vers vous tr\xe8s vite avec votre audit."})]})}):(0,s.jsxs)("form",{onSubmit:c,className:"space-y-5",children:[(0,s.jsxs)("div",{className:"grid gap-5 sm:grid-cols-2",children:[(0,s.jsx)(l,{label:"Nom *",name:"name",required:!0,placeholder:"Jean Dupont"}),(0,s.jsx)(l,{label:"Email *",name:"email",type:"email",required:!0,placeholder:"[email protected]"})]}),(0,s.jsxs)("div",{className:"grid gap-5 sm:grid-cols-2",children:[(0,s.jsx)(l,{label:"Entreprise *",name:"company",required:!0,placeholder:"Mon entreprise"}),(0,s.jsx)(l,{label:"Site web *",name:"website",required:!0,placeholder:"https://monsite.fr"})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("label",{htmlFor:"message",className:"mb-1.5 block text-sm font-medium text-white/80",children:"Votre projet *"}),(0,s.jsx)("textarea",{id:"message",name:"message",required:!0,rows:4,placeholder:"Parlez-nous de vos objectifs SEO…",className:"w-full rounded-xl border border-white/10 bg-white/[0.03] px-4 py-3 text-white outline-none transition placeholder:text-white/30 focus:border-accent-400/50 focus:ring-2 focus:ring-accent-400/20"})]}),"error"===e&&(0,s.jsx)("p",{className:"text-sm text-red-400",children:r}),(0,s.jsx)("button",{type:"submit",disabled:"loading"===e,className:"btn-primary w-full disabled:cursor-not-allowed disabled:opacity-60",children:"loading"===e?"Envoi…":"Recevoir mon audit gratuit"})]})})})]})})]})}function l(e){let{label:t,name:r,type:n="text",required:a=!1,placeholder:i}=e;return(0,s.jsxs)("div",{children:[(0,s.jsx)("label",{htmlFor:r,className:"mb-1.5 block text-sm font-medium text-white/80",children:t}),(0,s.jsx)("input",{id:r,name:r,type:n,required:a,placeholder:i,className:"w-full rounded-xl border border-white/10 bg-white/[0.03] px-4 py-3 text-white outline-none transition placeholder:text-white/30 focus:border-accent-400/50 focus:ring-2 focus:ring-accent-400/20"})]})}},2300:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>a});var s=r(5155),n=r(2115);function a(e){let{children:t,className:r="",delay:a=0,as:i="div"}

1=e,l=(0,n.useRef)(null),[c,o]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{let e=l.current;if(!e)return;let t=new IntersectionObserver(e=>{let[r]=e;r.isIntersecting&&(o(!0),t.unobserve(r.target))},{threshold:.12,rootMargin:"0px 0px -60px 0px"});return t.observe(e),()=>t.disconnect()},[]),(0,s.jsx)(i,{ref:l,style:{transitionDelay:"".concat(a,"ms")},className:"reveal ".concat(c?"is-visible":""," ").concat(r),children:t})}},8263:(e,t,r)=>{"use strict";r.d(t,{N8:()=>s,il:()=>a});let s="AW-457230351",n={audit:"ZihOCM-0ivocEI-Qg9oB",contact:"ZihOCM-0ivocEI-Qg9oB",booking:"ZihOCM-0ivocEI-Qg9oB",phone:"ZihOCM-0ivocEI-Qg9oB",purchase:"la1bCNK0ivocEI-Qg9oB"};function a(e,t){let r=n[e],a=window.gtag;if(!s||!r||"function"!=typeof a)return;let i=null==t?void 0:t.userData;if(i&&(i.email||i.phone)){let e={};if(i.email&&(e.email=i.email.trim().toLowerCase()),i.phone){let t=function(e){let t=e.replace(/[^\d+]/g,"");if(t.startsWith("+"))return t;let r=t.replace(/\D/g,"");return 10===r.length&&r.startsWith("0")?"+33".concat(r.slice(1)):r?"+".concat(r):""}(i.phone);t&&(e.phone_number=t)}a("set","user_data",e)}let l={send_to:"".concat(s,"/").concat(r)};"number"!=typeof(null==t?void 0:t.value)||Number.isNaN(t.value)||(l.value=t.value,l.currency=t.currency||"EUR"),(null==t?void 0:t.transactionId)&&(l.transaction_id=t.transactionId),a("event","conversion",l)}}},e=>{var t=t=>e(e.s=t);e.O(0,[8173,8441,1517,7358],()=>t(5332)),_N_E=e.O()}]);