https://www.datagenie.ai/_next/static/chunks/pages/contact-0a9146ef04ad8a63.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[335],{8105:function(e,n,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/contact",function(){return a(7411)}])},7411:function(e,n,a){"use strict";a.r(n),a.d(n,{default:function(){return i}});var t=a(5893),r=a(7294),s=a(5280),o=a(7150);function i(){let e=(0,r.useRef)(null);return(0,r.useEffect)(()=>{let e=document.getElementById("pickSlot"),n=document.getElementById("calModal"),a=document.getElementById("calFrame");if(!e||!n||!a)return;let t=e.getAttribute("href"),r=document.getElementById("calOut");r&&r.setAttribute("href",t);let s=null,o=null,i=()=>{n.classList.remove("in"),o=setTimeout(()=>{n.classList.remove("on"),n.hidden=!0,a.setAttribute("src",""),document.body.classList.remove("cmodal-open"),s&&s.focus&&s.focus()},260)},d=()=>{s=document.activeElement,a.setAttribute("src",t),n.hidden=!1,n.classList.add("on"),requestAnimationFrame(()=>n.classList.add("in")),document.body.classList.add("cmodal-open");let e=n.querySelector(".cmodal__x");e&&e.focus()},l=e=>{e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||e.button||(e.preventDefault(),d())},c=e=>{e.target.hasAttribute&&e.target.hasAttribute("data-close")&&i()},p=e=>{"Escape"===e.key&&n.classList.contains("on")&&i()};return e.addEventListener("click",l),n.addEventListener("click",c),document.addEventListener("keydown",p),()=>{e.removeEventListener("click",l),n.removeEventListener("click",c),document.removeEventListener("keydown",p),o&&clearTimeout(o),document.body.classList.remove("cmodal-open")}},[]),(0,r.useEffect)(()=>{let n=document.getElementById("cform");if(!n)return;e.current=n;let a=document.getElementById("cErr"),t=document.getElementById("cSend"),r=t?t.textContent:"Send message",s=e=>{let a=n.elements[e];return a?String(a.value||"").trim():""},o=e=>{a&&(a.textContent=e,a.hidden=!1,a.scrollIntoView({behavior:"smooth",block:"center"}))},i=async e=>{if(e.preventDefault(),!n.reportValidity||n.reportValidity()){a&&(a.hidden=!0),t&&(t.disabled=!0,t.textContent="Sending…");try{let e=await fetch("/api/contact",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:s("name"),company:s("company"),email:s("email"),topic:s("topic"),message:s("message")})}),a=await e.json().catch(()=>({}));if(!e.ok)throw Error(a.error||"Could not send that just now.");n.classList.add("sent"),n.scrollIntoView({behavior:"smooth",block:"center"})}catch(e){o(e&&e.message||"Could not send that just now.")}finally{t&&(t.disabled=!1,t.textContent=r)}}};return n.addEventListener("submit",i),()=>n.removeEventListener("submit",i)},[]),(0,t.jsxs)(s.M7,{title:"Contact — DataGenie",css:"\n/* ==================================================================\n   CONTACT — the three ways in, and the note.\n   ==================================================================\n   Local to this page. fable.css is shared with the other set and is\n   never edited from here. */\n\n/* the page head every one of these three shares */\n.phero{padding:96px 0 0}\n.phero .display{margin:22px 0 0;max-width:19ch}\n.phero .lede{margin:20px 0 0;max-width:58ch}\n.psec{padding:74px 0 0}\n.psec--last{padding-bottom:104px}\n.psec__k{display:flex;align-items:center;gap:14px;margin:0 0 28px}\n.psec__k h2{font-size:clamp(21px,2.5vw,28px);font-weight:700;\n  letter-spacing:-.028em;margin:0}\n.psec__k .idx{margin-left:auto;flex:0 0 auto}\n\n/* a plain 3-up of cards, used for routes, principles and commitments */\n.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}\n.tcard{padding:26px 26px 24px;background:var(--surface);\n  box-shadow:inset 0 0 0 1px var(--border);display:flex;flex-direction:column;\n  transition:box-shadow .3s var(--ez), transform .3s var(--ez)}\n.tcard:hover{box-shadow:inset 0 0 0 1px var(--faint);transform:translateY(-2px)}\n.tcard__k{font:600 12px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;\n  color:var(--faint);margin:0}\n.tcard h3{font-size:17px;font-weight:700;letter-spacing:-.022em;margin:15px 0 0}\n.tcard p{font-size:14px;line-height:1.62;color:var(--muted);margin:9px 0 0}\n.tcard .arrow{margin-top:auto;padding-top:18px}

1\n@media (max-width:900px){ .trio{grid-template-columns:1fr} }\n\n/* the three routes in, then the note. The form is a MOCK: it posts\n   nowhere and resolves locally — a comp must not look like it is taking\n   someone's details when no endpoint exists behind it. */\n.cgrid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;\n  align-items:start}\n.cform{padding:30px 32px 32px;background:var(--surface);\n  box-shadow:inset 0 0 0 1px var(--border)}\n.cform h2{font-size:20px;font-weight:700;letter-spacing:-.024em;margin:0}\n.cform > p{font-size:14px;line-height:1.6;color:var(--muted);margin:9px 0 0}\n.frow{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}\n.f{display:flex;flex-direction:column;gap:7px;min-width:0}\n.f--wide{grid-column:1/-1}\n.f label{font:600 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;\n  color:var(--faint)}\n.f label i{font-style:normal;color:var(--accent-text)}\n.f input,.f select,.f textarea{width:100%;font:400 14.5px/1.4 var(--sans);\n  color:var(--ink);background:var(--elevated);border:0;\n  box-shadow:inset 0 0 0 1px var(--border);padding:13px 14px;\n  min-height:48px;border-radius:0;\n  transition:box-shadow .22s var(--ez)}\n.f textarea{min-height:118px;resize:vertical;line-height:1.55}\n.f select{appearance:none;cursor:pointer;\n  background-image:linear-gradient(45deg,transparent 50%,var(--faint) 50%),\n    linear-gradient(135deg,var(--faint) 50%,transparent 50%);\n  background-position:calc(100% - 20px) 21px, calc(100% - 15px) 21px;\n  background-size:5px 5px, 5px 5px;background-repeat:no-repeat}\n.f input:focus,.f select:focus,.f textarea:focus{outline:0;\n  box-shadow:inset 0 0 0 2px var(--accent)}\n.cform__go{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px}\n.cform__note{font-size:12.5px;line-height:1.5;color:var(--faint);max-width:34ch}\n/* a failure the visitor can act on, said where they are looking */\n.cform__err{margin:0 0 14px;padding:11px 14px;font-size:13.5px;line-height:1.5;\n  color:var(--neg);background:color-mix(in srgb, var(--neg) 10%, transparent);\n  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--neg) 34%, transparent)}\n.cform button[disabled]{opacity:.6;cursor:progress}\n.cform__note a{color:var(--accent-text)}\n.cdone{display:none;padding:26px 0 4px}\n.cdone b{display:block;font-size:17px;font-weight:700;letter-spacing:-.02em}\n.cdone p{font-size:14px;line-height:1.62;color:var(--muted);margin:9px 0 0;max-width:46ch}\n.cdone p a{color:var(--accent-text)}\n\n/* ---- the booking overlay ----\n   Same shape as the document modal on the home page. The box is a plain\n   surface because everything inside it belongs to Google, and the frame\n   forces its own light scheme so the scheduler does not render dark text\n   on a dark ground it did not ask for. */\n.cmodal{position:fixed;inset:0;z-index:140;display:none}\n.cmodal.on{display:block}\n.cmodal__veil{position:absolute;inset:0;background:rgba(4,4,10,.72);\n  opacity:0;transition:opacity .26s var(--ez)}\n.cmodal.in .cmodal__veil{opacity:1}\n.cmodal__box{position:absolute;inset:4vh 0;margin:0 auto;width:min(1040px,94vw);\n  background:var(--surface);display:flex;flex-direction:column;\n  box-shadow:inset 0 0 0 1px var(--border), 0 40px 90px rgba(0,0,0,.5);\n  transform:translateY(14px);opacity:0;\n  transition:transform .3s var(--ez), opacity .3s var(--ez)}\n.cmodal.in .cmodal__box{transform:none;opacity:1}\n.cmodal__bar{flex:0 0 auto;display:flex;align-items:center;gap:14px;\n  padding:14px 16px 14px 20px;border-bottom:1px solid var(--border)}\n.cmodal__t{font:600 12px/1 var(--mono);letter-spacing:.13em;\n  text-transform:uppercase;color:var(--faint)}\n.cmodal__sp{flex:1}\n.cmodal__x{display:inline-flex;align-items:center;min-height:40px;\n  padding:0 14px;background:none;border:0;cursor:pointer;\n  box-shadow:inset 0 0 0 1px var(--border);color:var(--muted);\n  font:600 11px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;\n  transition:color .2s var(--ez), box-shadow .2s var(--ez)}\n.cmodal__x:hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--accent)}\n.cmodal__out{font:600 11px/1 var(--mono);letter-spacing:.13em;\n  text-transform:uppercase;color:var(--faint);text-decoration:none;\n  padding:0 4px;transition:color .2s var(--ez)}\n.cmodal__out:hover{color:var(--accent-text)}\n.cmodal__ft{flex:0 0 auto;margin:0;padding:12px 20px;\n  border-top:1px solid var(--border);background:var(--surface);\n  font-size:13px;line-height:1.5;color:var(--muted)}\n.cmodal__ft a{color:var(--accent-text);text-decoration:none;\n  border-bottom:1px solid color-mix(in srgb, var(--accent) 34%, transparent)}\n.cmodal__ft a:hover{border-bottom-color:var(--accent)}\n.cmodal__frame{flex:1 1 auto;width:100%;border:0;background:#fff;

1\n  color-scheme:light}\nbody.cmodal-open{overflow:hidden}\n@media (max-width:820px){ .cmodal__box{inset:0;width:100%} }\n@media (prefers-reduced-motion:reduce){\n  .cmodal__veil,.cmodal__box{transition:none}\n}\n.cform.sent .cform__body{display:none}\n.cform.sent .cdone{display:block}\n/* the registered entity, set as a record rather than a paragraph */\n.where{padding:26px 28px;background:var(--elevated);\n  box-shadow:inset 0 0 0 1px var(--border)}\n.where dt{font:600 12px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;\n  color:var(--faint);margin:0 0 8px}\n.where dd{margin:0 0 22px;font-size:14px;line-height:1.65;color:var(--ink)}\n.where dd:last-child{margin-bottom:0}\n.where dd span{display:block;color:var(--muted)}\n@media (max-width:900px){\n  .cgrid{grid-template-columns:1fr}\n  .frow{grid-template-columns:1fr}\n}\n\n\n/* ==================================================================\n   ROUNDED EDGES — the product's design system, applied after fable.css.\n\n   fable.css sets --r-sm/md/lg/pill to 0 and is shared with three other\n   design sets, so it is never edited from here; the scale is declared\n   per page instead, which is also how gen-data carries it into the port.\n   The values are the ones the design team's own enterprise-fit artefact\n   uses. Data marks are deliberately left square — a rounded bar reads as\n   a pill and is harder to compare against its neighbours.\n   ================================================================== */\n:root{--r-sm:6px; --r-md:11px; --r-lg:18px; --r-pill:999px}\n\n/* the shared primitives */\n.btn,.btn--ink,.btn--ghost,.themebtn,.ind,.pp,.pbtn,.imenu__b,.pgnav a,\n.capidx a,.grun,.fbar button,.nav__links a,\ninput,select,textarea,.askpane .typebox,.gfields{border-radius:var(--r-sm)}\n.chip,.pill-link,.fbadge,.fdet,.fsoon,.bx__pill,.px__pill,.gpill,.gpill--m,\n.fit__chip,.flag,.term,.pword,.sx__tags span,.step3 .tag,.step4 .tag,\n.bfacc span,.bftabs span{border-radius:var(--r-pill)}\n\n/* panels, cards and tiles */\n.card,.tcard,.bfcard,.btile,.brief2 .tile,.chartile2,.mess .f,.bk,.dq,.dsk,\n.ebd,.dest,.bftip,.bfwho div,.bfwn,.bfopt,.nba li,.nb2 .q,.nbk__q,.art__q,\n.fdt,.fdev,.ffl,.fst,.fsp,.sp,.fcal__c,.ex__k,.ex__r,.fx__o,.fx__out,\n.px__o,.px2--after,.pnum__c,.kn,.rb,.mdsec,.bcell--inv .go,.dgb__gen,\n.pane--dg,.pane--other,.glow-act,.lwho,.lcaps,.fmark{border-radius:var(--r-md)}\n\n/* the big containers */\n.fit,.fhub,.fpn,.pn,.plane,.ask2,.cform,.pask,.dmodal__box,.cmodal__box,\n.bwin,.imenu,.frame,.dgbCard,.dgb,.nbk,.pb2,.sheeted{border-radius:var(--r-lg)}\n.dmodal__box,.cmodal__box{overflow:hidden}\n/* a frame's own header sits inside the rounded corner */\n.fhub__hd,.core__hd,.nbk__hd,.nb2__hd,.bwin__bar,.dmodal__bar,.cmodal__bar,\n.plane__hd{border-radius:var(--r-lg) var(--r-lg) 0 0}\n.cmodal__ft,.nbk__ft,.bwin__ft{border-radius:0 0 var(--r-lg) var(--r-lg)}\n.cmodal__frame{border-radius:0}\n.fmark img{border-radius:calc(var(--r-md) - 3px)}\n\n/* small controls that sit inside something already rounded */\n.dmodal__x,.cmodal__x,.grun.hit{border-radius:var(--r-sm)}\n/* the rest, found by sweeping the live DOM for anything that paints an\n   edge and still draws a square corner. Full-bleed bands, navs and\n   footers stay square: a section that runs to both edges has no corner. */\n.cap,.bft,.stmt,.st,.ft__v,.bfp,.sx,.bx,.bx__c,.bx__k,.capidx,.ex,.claim,\n.crow,.know,.dgb__figs,.nudge,.px2,.grind__body,.pdgrid{border-radius:var(--r-md)}\n.pour,.faq,.grind,.mission,.where,.wpick,.claims{border-radius:var(--r-lg)}\n.cform input,.cform select,.cform textarea{border-radius:var(--r-sm)}\n/* the strips that close a rounded panel take its bottom corners */\n.grind__ft,.sx__ft,.pourcta,.ask2__st{border-radius:0 0 var(--r-md) var(--r-md)}\n\n\n",children:[(0,t.jsx)(s.JL,{links:(0,o.L9)(),count:"[email protected]",cta:o.xW}),(0,t.jsx)("section",{className:"phero",children:(0,t.jsxs)("div",{className:"shell",children:[(0,t.jsxs)("div",{className:"bar-line rv",style:{"--d":"0s"},children:[(0,t.jsxs)("span",{className:"idx",children:["[01]"," ",(0,t.jsx)("b",{children:"CONTACT"})]})," ",(0,t.jsx)("span",{className:"idx",children:"A REAL HUMAN \xb7 ONE BUSINESS DAY"})]}),(0,t.jsxs)("h1",{className:"display d1 rv",style:{"--d":".05s"},children:["Let’s talk"," ",(0,t.jsx)("span",{className:"found",children:"data."})]}),(0,t.jsx)("p",{className:"lede rv",style:{"--d":".1s"},children:"Demos, PoCs, partnerships, or a quick question — there’s a real human on the other end. Most replies go out within one business day."}),(0,t.jsx)("hr",{className:"rule-x",style:{marginTop:"44px"}})]})}),(0,t.jsx)("section",{className:"psec",children:(0,t.jsx)("div",{className:"shell",children:(0,t.jsxs)("div",{className:"trio rv",style:{"--d":"0s"},children:[(0,t.jsxs)("article",{className:"tcard",children:[(0,t.jsx)("p",{className:"tcard__k",children:"Email us"}),(0,t.jsx)("h3",{children:"[email protected]"}),(0,t.jsx)("p",{children:"Straight to the team. No routing queue, no ticket number."})," ",(0,t.jsxs)("a",{className:"arrow",href:"mailto:[email protected]",children:["Send an email"," ",(0,t.jsx)("span",{children:"→"})]})]}),(0,t.jsxs)("article",{className:"tcard",children:[(0,t.jsx)("p",{className:"tcard__k",children:"Book a demo"}),(0,t.jsx)("h3",{children:"30 minutes with the team"}),(0,t.jsx)("p",{children:"See DataGenie on your data."})," "," ",(0,t.jsxs)("a",{className:"arrow",id:"pickSlot",target:"_blank",rel:"noopener noreferrer",href:"https://calendar.google.com/calendar/appointments/schedules/AcZssZ0l4H4pXBEuKABJoZZzlC_TcsRXif7EZyH62dMcRagGsnfSVS-8agtsauXtoCQ4lEw0lN1fFy5-?gv=true",children:["Pick a slot"," ",(0,t.jsx)("span",{children:"→"})]})]}),(0,t.jsxs)("article",{className:"tcard",children:[(0,t.jsx)("p",{className:"tcard__k",children:"Security & compliance"}),(0,t.jsx)("h3",{children:"Trust Center"}),(0,t.jsx)("p",{children:"SOC\xa02 \xb7 ISO docs \xb7 subprocessors."})," ",(0,t.jsxs)("a",{className:"arrow",href:"https://trustcenter.datagenie.ai",target:"_blank",rel:"noopener noreferrer",children:["Open Trust Center"," ",(0,t.jsx)("span",{children:"→"})]})]})]})})}),(0,t.jsx)("section",{className:"psec psec--last",id:"note",children:(0,t.jsxs)("div",{className:"shell",children:[(0,t.jsxs)("div",{className:"psec__k rv",style:{"--d":"0s"},children:[(0,t.jsx)("h2",{children:"Send us a note."})," ",(0,t.jsxs)("span",{className:"idx",children:["[02]"," ",(0,t.jsx)("b",{children:"THE ASK"})]})]}),(0,t.jsxs)("div",{className:"cgrid",children:[(0,t.jsxs)("form",{className:"cform rv",id:"cform",style:{"--d":"0s"},noValidate:!0,children:[(0,t.jsxs)("div",{className:"cform__body",children:[(0,t.jsx)("h2",{children:"Tell us what you’re working on."}),(0,t.jsx)("p",{children:"The more context, the better the first reply."}),(0,t.jsxs)("div",{className:"frow",children:[(0,t.jsxs)("div",{className:"f",children:[(0,t.jsx)("label",{htmlFor:"cName",children:"Name"})," ",(0,t.jsx)("input",{id:"cName",name:"name",type:"text",autoComplete:"name"})]}),(0,t.jsxs)("div",{className:"f",children:[(0,t.jsx)("label",{htmlFor:"cCo",children:"Company"})," ",(0,t.jsx)("input",{id:"cCo",name:"company",type:"text",autoComplete:"organization"})]}),(0,t.jsxs)("div",{className:"f f--wide",children:[(0,t.jsxs)("label",{htmlFor:"cMail",children:["Work email"," ",(0,t.jsx)("i",{children:"*"})]})," ",(0,t.jsx)("input",{id:"cMail",name:"email",type:"email",autoComplete:"email",required:!0})]}),(0,t.jsxs)("div",{className:"f f--wide",children:[(0,t.jsx)("label",{htmlFor:"cTopic",children:"What’s this about?"})," ",(0,t.jsxs)("select",{id:"cTopic",name:"topic",children:[(0,t.jsx)("option",{children:"Book a demo"}),(0,t.jsx)("option",{children:"Pricing & PoC"}),(0,t.jsx)("option",{children:"Partnership"}),(0,t.jsx)("option",{children:"Press / Analyst"}),(0,t.jsx)("option",{children:"Customer support"}),(0,t.jsx)("option",{children:"Other"})]})]}),(0,t.jsxs)("div",{className:"f f--wide",children:[(0,t.jsxs)("label",{htmlFor:"cMsg",children:["Message"," ",(0,t.jsx)("i",{children:"*"})]})," ",(0,t.jsx)("textarea",{id:"cMsg",name:"message",required:!0})]})]}),(0,t.jsx)("p",{className:"cform__err",id:"cErr",role:"alert",hidden:!0}),(0,t.jsxs)("div",{className:"cform__go",children:[(0,t.jsx)("button",{className:"btn btn--ink",type:"submit",id:"cSend",children:"Send message"})," ",(0,t.jsxs)("p",{className:"cform__note",children:["By submitting, you agree to our"," ",(0,t.jsx)(s.A,{href:"/privacy-policy",children:"Privacy Policy"}),"."]})]})]}),(0,t.jsxs)("div",{className:"cdone",role:"status",children:[(0,t.jsx)("b",{children:"That’s on its way."})," ",(0,t.jsx)("p",{children:"It reached the team, and a person replies within one business day. If you would rather not wait, “Pick a slot” books a live 30-minute session straight away."})]})]}),(0,t.jsxs)("dl",{className:"where rv",style:{"--d":".06s"},children:[(0,t.jsx)("dt",{children:"Registered"}),(0,t.jsx)("dd",{children:"Code Z Inc."}),(0,t.jsx)("dt",{children:"Post"}),(0,t.jsxs)("dd",{children:["103 Carnegie Center, Suite 300",(0,t.jsx)("span",{children:"Princeton, NJ 08540"})," ",(0,t.jsx)("span",{children:"United States"})]}),(0,t.jsx)("dt",{children:"Where the team is"}),(0,t.jsx)("dd",{children:"Primary team in India"}),(0,t.jsx)("dt",{children:"Anything else"}),(0,t.jsx)("dd",{children:(0,t.jsxs)("a",{className:"arrow",href:"mailto:[email protected]",style:{minHeight:"0"},children:["[email protected]"," ",(0,t.jsx)("span",{children:"→"})]})})]})]})," "," ",(0,t.jsxs)("div",{className:"cmodal",id:"calModal",role:"dialog","aria-modal":"true","aria-labelledby":"

1calModalT",hidden:!0,children:[(0,t.jsx)("div",{className:"cmodal__veil","data-close":""}),(0,t.jsxs)("div",{className:"cmodal__box",children:[(0,t.jsxs)("div",{className:"cmodal__bar",children:[(0,t.jsx)("span",{className:"cmodal__t",id:"calModalT",children:"Book a demo \xb7 30 minutes"})," ",(0,t.jsx)("span",{className:"cmodal__sp"})," "," ",(0,t.jsx)("a",{className:"cmodal__out",id:"calOut",target:"_blank",rel:"noopener noreferrer",href:"",children:"Open in a tab ↗"})," ",(0,t.jsx)("button",{className:"cmodal__x",type:"button","data-close":"",children:"Close"})]})," ",(0,t.jsx)("iframe",{className:"cmodal__frame",id:"calFrame",title:"Book a demo",src:"",loading:"lazy"})]})]})]})}),(0,t.jsx)(s.$_,{columns:o.CV,copyright:s.eM})]})}}},function(e){e.O(0,[996,589,888,774,179],function(){return e(e.s=8105)}),_N_E=e.O()}]);