https://closync.ai/assets/contact-BlR48tgb.js

1import{t as e}from"./useMutation-BQfjEaA-.js";import{$r as t,Er as n,fi as r,k as i,si as a,v as o}from"./index-YtqWywuo.js";import{t as s}from"./createLucideIcon-DHqMcAag.js";import{t as c}from"./circle-alert-C1_QJBc0.js";import{t as l}from"./circle-check-DmLrt4SV.js";import{i as u,n as d,r as f,t as p}from"./AiSearchLinks-CP8Qrut_.js";import{t as m}from"./mail-CvsL76SG.js";import{t as h}from"./button-DWQmftxS.js";import{t as g}from"./input-rGup5vB5.js";import{t as _}from"./label-DNVWkizd.js";import{t as v}from"./textarea-0EXuAF6D.js";import{t as y}from"./proxy-D2d1eKwR.js";import{t as b}from"./AnimatePresence-BNyFqMW9.js";import{t as x}from"./phone-BOPFCbjU.js";import{t as S}from"./lead-notify-D4vSaW65.js";var C=s(`map-pin`,[[`path`,{d:`M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0`,key:`1r0f0z`}],[`circle`,{cx:`12`,cy:`10`,r:`3`,key:`ilqhr7`}]]),w=r(a(),1),T=t();function E(){let{t}=i(),r=n(),[a,o]=(0,w.useState)({name:``,phone:``,email:``,website:``,crmPreference:``,message:``}),s=e(r.contact.submit.mutationOptions({onSuccess:()=>{S({name:a.name,phone:a.phone,email:a.email,locale:`tr`,source:`contact`}),o({name:``,phone:``,email:``,website:``,crmPreference:``,message:``})}})),[u,d]=(0,w.useState)(!1);function f(e){e.preventDefault();let t=x(a.phone);if(!t){d(!0);return}d(!1),s.mutate({...a,phone:t})}let p=[{value:`pipedrive`,label:t(`marketing.contact.crmOptions.pipedrive`)},{value:`salesforce`,label:t(`marketing.contact.crmOptions.salesforce`)},{value:`hubspot`,label:t(`marketing.contact.crmOptions.hubspot`)},{value:`zoho`,label:t(`marketing.contact.crmOptions.zoho`)},{value:`kommo`,label:t(`marketing.contact.crmOptions.kommo`)},{value:`ekmob`,label:t(`marketing.contact.crmOptions.ekmob`)},{value:`other`,label:t(`marketing.contact.crmOptions.other`)},{value:`none`,label:t(`marketing.contact.crmOptions.none`)}],m=`h-14 rounded-2xl border-neutral-200 bg-neutral-50/50 focus:bg-white focus:ring-[#fd9221]/20 focus:border-[#fd9221] transition-all duration-200`,C=`text-sm font-bold text-neutral-500 ml-1 mb-2 block`;return(0,T.jsxs)(`form`,{onSubmit:f,className:`space-y-8`,children:[(0,T.jsxs)(`div`,{className:`grid gap-6 sm:grid-cols-2`,children:[(0,T.jsxs)(`div`,{className:`space-y-1`,children:[(0,T.jsx)(_,{htmlFor:`contact-name`,className:C,children:t(`marketing.contact.name`)}),(0,T.jsx)(g,{id:`contact-name`,className:m,value:a.name,onChange:e=>o({...a,name:e.target.value}),placeholder:t(`marketing.contact.namePlaceholder`),autoComplete:`name`,required:!0})]}),(0,T.jsxs)(`div`,{className:`space-y-1`,children:[(0,T.jsx)(_,{htmlFor:`contact-phone`,className:C,children:t(`marketing.contact.phone`)}),(0,T.jsx)(g,{id:`contact-phone`,type:`tel`,inputMode:`tel`,autoComplete:`tel`,className:m,value:a.phone,onChange:e=>o({...a,phone:e.target.value}),placeholder:t(`marketing.contact.phonePlaceholder`),required:!0,"aria-invalid":u||void 0}),u&&(0,T.jsx)(`p`,{className:`text-sm text-red-600`,children:t(`auth.invalidPhone`)})]})]}),(0,T.jsxs)(`div`,{className:`grid gap-6 sm:grid-cols-2`,children:[(0,T.jsxs)(`div`,{className:`space-y-1`,children:[(0,T.jsx)(_,{htmlFor:`contact-email`,className:C,children:t(`marketing.contact.email`)}),(0,T.jsx)(g,{id:`contact-email`,type:`email`,inputMode:`email`,autoComplete:`email`,className:m,value:a.email,onChange:e=>o({...a,email:e.target.value}),placeholder:t(`marketing.contact.emailPlaceholder`),required:!0})]}),(0,T.jsxs)(`div`,{className:`space-y-1`,children:[(0,T.jsx)(_,{htmlFor:`contact-website`,className:C,children:t(`marketing.contact.website`)}),(0,T.jsx)(g,{id:`contact-website`,type:`text`,inputMode:`url`,autoComplete:`url`,pattern:`^(https?:\\/\\/)?([\\da-z\\.-]+)\\.([a-z\\.]{2,10})([\\/\\w \\.-]*)*\\/?$`,title:`Please enter a valid website URL or domain`,className:m,value:a.website,onChange:e=>o({...a,website:e.target.value}),placeholder:t(`marketing.contact.websitePlaceholder`)})]})]}),(0,T.jsxs)(`div`,{className:`space-y-3`,children:[(0,T.jsx)(_,{className:C,children:t(`marketing.contact.crmPreference`)}),(0,T.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:p.map(e=>

1(0,T.jsxs)(`label`,{className:`cursor-pointer rounded-xl border px-4 py-2.5 text-sm font-semibold transition-all duration-200 ${a.crmPreference===e.value?`border-[#fd9221] bg-orange-50 text-[#fd9221] shadow-sm`:`border-neutral-200 hover:border-neutral-300 bg-white text-neutral-600`}`,children:[(0,T.jsx)(`input`,{type:`radio`,name:`crmPreference`,value:e.value,checked:a.crmPreference===e.value,onChange:e=>o({...a,crmPreference:e.target.value}),className:`sr-only`}),e.label]},e.value))})]}),(0,T.jsxs)(`div`,{className:`space-y-1`,children:[(0,T.jsx)(_,{htmlFor:`contact-message`,className:C,children:t(`marketing.contact.message`)}),(0,T.jsx)(v,{id:`contact-message`,rows:5,className:`rounded-[24px] border-neutral-200 bg-neutral-50/50 focus:bg-white focus:ring-[#fd9221]/20 focus:border-[#fd9221] transition-all duration-200 resize-none p-5`,value:a.message,onChange:e=>o({...a,message:e.target.value}),placeholder:t(`marketing.contact.messagePlaceholder`)})]}),(0,T.jsxs)(b,{children:[s.isSuccess&&(0,T.jsxs)(y.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},className:`flex items-center gap-2 p-4 rounded-2xl bg-green-50 text-green-700 border border-green-100`,children:[(0,T.jsx)(l,{className:`w-5 h-5 flex-shrink-0`}),(0,T.jsx)(`p`,{className:`text-sm font-bold`,children:t(`marketing.contact.success`)})]}),s.isError&&(0,T.jsxs)(y.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},className:`flex items-center gap-2 p-4 rounded-2xl bg-red-50 text-red-700 border border-red-100`,children:[(0,T.jsx)(c,{className:`w-5 h-5 flex-shrink-0`}),(0,T.jsx)(`p`,{className:`text-sm font-bold`,children:t(`marketing.contact.error`)})]})]}),(0,T.jsx)(h,{type:`submit`,disabled:s.isPending,className:`w-full h-14 rounded-full bg-[#fd9221] hover:bg-[#e68319] text-white text-lg font-black shadow-xl shadow-orange-900/10 transition-all duration-300 hover:scale-[1.02] active:scale-[0.98]`,children:s.isPending?t(`marketing.contact.submitting`):t(`marketing.contact.submit`)})]})}function D(){let{t:e}=i();return(0,T.jsxs)(`div`,{className:`relative min-h-screen bg-white text-foreground overflow-hidden`,children:[(0,T.jsx)(`div`,{className:`absolute top-0 right-0 w-[500px] h-[500px] bg-orange-50/50 rounded-full blur-3xl -translate-y-1/2 translate-x-1/3 pointer-events-none`}),(0,T.jsx)(`div`,{className:`absolute bottom-0 left-0 w-[300px] h-[300px] bg-orange-50/30 rounded-full blur-3xl translate-y-1/3 -translate-x-1/4 pointer-events-none`}),(0,T.jsx)(`div`,{className:`relative mx-auto max-w-7xl px-6 py-16 sm:py-24 lg:px-8`,children:(0,T.jsxs)(`div`,{className:`grid grid-cols-1 gap-x-16 gap-y-16 lg:grid-cols-2`,children:[(0,T.jsxs)(y.div,{initial:{opacity:0,x:-20},animate:{opacity:1,x:0},transition:{duration:.6,ease:`easeOut`},className:`flex flex-col justify-center`,children:[(0,T.jsxs)(`h1`,{className:`font-black tracking-tight text-black mb-6`,style:{fontSize:`clamp(2.5rem, 5vw, 4rem)`,lineHeight:`1.1`},children:[(0,T.jsx)(`span`,{className:`block`,children:e(`marketing.contact.title`).split(` `)[0]}),(0,T.jsx)(`span`,{className:`text-[#fd9221]`,children:e(`marketing.contact.title`).split(` `).slice(1).join(` `)})]}),(0,T.jsx)(`p`,{className:`text-neutral-600 max-w-lg mb-12`,style:{fontSize:`clamp(1rem, 1.5vw, 1.25rem)`,lineHeight:`1.6`},children:e(`marketing.contact.subtitle`)}),(0,T.jsxs)(`div`,{className:`space-y-10`,children:[(0,T.jsxs)(`div`,{className:`group flex items-center gap-6`,children:[(0,T.jsx)(`div`,{className:`flex-shrink-0 w-14 h-14 rounded-2xl bg-orange-50 flex items-center justify-center text-[#fd9221] group-hover:bg-[#fd9221] group-hover:text-white transition-all duration-300 shadow-sm border border-orange-100/50`,children:(0,T.jsx)(m,{className:`w-6 h-6`})}),(0,T.jsxs)(`div`,{children:[(0,T.jsx)(`h4`,{className:`text-sm font-bold text-neutral-400 uppercase tracking-widest mb-1`,children:`Email`}),(0,T.jsx)(`a`,{href:`mailto:${e(`marketing.contact.info.email`)}`,className:`text-xl font-bold text-black hover:text-[#fd9221] transition-colors tracking-tight`,children:e(`marketing.contact.info.email`)})]})]}),(0,T.jsxs)(`div`,{className:`group flex items-center gap-6`,children:[(0,T.jsx)(`div`,{className:`flex-shrink-0 w-14 h-14 roun

1ded-2xl bg-orange-50 flex items-center justify-center text-[#fd9221] group-hover:bg-[#fd9221] group-hover:text-white transition-all duration-300 shadow-sm border border-orange-100/50`,children:(0,T.jsx)(C,{className:`w-6 h-6`})}),(0,T.jsxs)(`div`,{children:[(0,T.jsx)(`h4`,{className:`text-sm font-bold text-neutral-400 uppercase tracking-widest mb-1`,children:`Location`}),(0,T.jsx)(`p`,{className:`text-xl font-bold text-black tracking-tight leading-snug`,children:e(`marketing.contact.info.address`)})]})]}),(0,T.jsxs)(`div`,{className:`pt-6`,children:[(0,T.jsx)(`h4`,{className:`text-sm font-bold text-neutral-400 uppercase tracking-widest mb-6`,children:`Follow Us`}),(0,T.jsxs)(`div`,{className:`flex gap-4`,children:[(0,T.jsx)(`a`,{href:o.linkedin,target:`_blank`,rel:`noreferrer`,className:`w-12 h-12 rounded-full border border-neutral-200 flex items-center justify-center text-neutral-600 hover:border-[#fd9221] hover:text-[#fd9221] hover:bg-orange-50/50 transition-all`,children:(0,T.jsx)(f,{className:`w-5 h-5`})}),(0,T.jsx)(`a`,{href:o.instagram,target:`_blank`,rel:`noreferrer`,className:`w-12 h-12 rounded-full border border-neutral-200 flex items-center justify-center text-neutral-600 hover:border-[#fd9221] hover:text-[#fd9221] hover:bg-orange-50/50 transition-all`,children:(0,T.jsx)(u,{className:`w-5 h-5`})}),(0,T.jsx)(`a`,{href:o.youtube,target:`_blank`,rel:`noreferrer`,className:`w-12 h-12 rounded-full border border-neutral-200 flex items-center justify-center text-neutral-600 hover:border-[#fd9221] hover:text-[#fd9221] hover:bg-orange-50/50 transition-all`,children:(0,T.jsx)(d,{className:`w-5 h-5`})})]})]}),(0,T.jsx)(p,{})]})]}),(0,T.jsxs)(y.div,{initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},transition:{duration:.6,delay:.2,ease:`easeOut`},className:`relative`,children:[(0,T.jsx)(`div`,{className:`absolute inset-0 bg-orange-100/20 blur-[80px] rounded-[60px] transform rotate-3 -z-1`}),(0,T.jsx)(`div`,{className:`relative bg-white border border-neutral-100 rounded-[32px] sm:rounded-[40px] p-6 sm:p-8 lg:p-12 shadow-2xl shadow-orange-900/5`,children:(0,T.jsx)(E,{})})]})]})})]})}export{D as component};