https://optibee.ai/bundle/Contact-aOgfh3Pj.js

1import{r as y,j as e,O as C,L as p,m as h,A as z,B as O,a2 as W,v as T}from"./index-IlT_z189.js";import{F as _,a as i,b as a,c as o,d as n,e as l,D as A}from"./form-CRoGh8EK.js";import{u as L,t as $,o as M,s as c}from"./types-ChPwrrN3.js";import{I as m}from"./input-BGOvMOMm.js";import{T as V}from"./textarea-D954XhGL.js";import{S as u,a as j,b as w,c as g,d as r}from"./select-ClqNG0Oq.js";import{C as P}from"./circle-check-big-Gyi1ljPN.js";import{L as U}from"./loader-circle-r0x63OV3.js";import{M as q}from"./message-circle-_eHvWlHK.js";import"./label-C9lIEQ9O.js";import"./index-6fauBBVQ.js";import"./Combination-EmHabfSa.js";import"./index-BeBtFS3-.js";import"./index-BWxHhxS9.js";import"./chevron-down-EYTpQ1VO.js";import"./chevron-up-BBr0wGAo.js";const H=M({name:c().min(2,"Name must be at least 2 characters"),email:c().email("Invalid email address"),company:c().min(1,"Company is required"),role:c().optional(),website:c().optional(),teamSize:c().optional(),revenue:c().optional(),budget:c().optional(),services:c().optional(),projectDescription:c().min(10,"Project description must be at least 10 characters")}),le=()=>{const[f,B]=y.useState(""),[b,v]=y.useState(!1),[E,D]=y.useState(!1),s=L({resolver:$(H),defaultValues:{name:"",email:"",company:"",role:"",website:"",teamSize:"",revenue:"",budget:"",services:"",projectDescription:""}}),F=async t=>{var N,k;v(!0);try{if(!t.name||!t.email||!t.company||!t.projectDescription)throw new Error("Missing required fields");const x=await fetch(`${O}/functions/v1/submit-consultation`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({full_name:t.name.trim(),email:t.email.trim().toLowerCase(),role:((N=t.role)==null?void 0:N.trim())||null,company_name:t.company.trim(),source:"website_form",lead_type:"consultation",form_data:{...W(f),company_website:((k=t.website)==null?void 0:k.trim())||null,company_size:t.teamSize||null,annual_revenue:t.revenue||null,project_budget:t.budget||null,services_interested_in:t.services||null,project_description:t.projectDescription.trim()}})});if(!x.ok){const d=await x.json().catch(()=>({}));throw new Error(d.error||"Failed to submit form")}try{const d=`opb6z8jel3sibx6gjcm92fhhfy6evni5
2https://hook.eu2.make.com/opb6z8jel3sibx6gjcm92fhhfy6evni5`,I={enquiryType:"website_contact",timestamp:new Date().toISOString(),fullName:t.name,email:t.email,companyName:t.company,role:t.role,companyWebsite:t.website,companySize:t.teamSize,annualRevenue:t.revenue,projectBudget:t.budget,servicesInterestedIn:t.services,projectDescription:t.projectDescription},S=await fetch(d,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(I)});S.ok||console.warn("Webhook failed but continuing:",S.statusText)}catch(d){console.warn("⚠ Webhook error (continuing anyway):",d)}D(!0),T.success("Thank you! We'll be in touch within 24 hours.")}catch(x){console.error("Error submitting form:",x),T.error("There was an error submitting your form. Please try again.")}finally{v(!1)}};return E?e.jsx(C,{children:e.jsxs("div",{className:"min-h-screen flex items-center justify-center p-4",children:[e.jsx("div",{className:"fixed top-6 left-6 z-50",children:e.jsx(p,{to:"/",className:"block hover:opacity-80 transition-opacity duration-300",children:e.jsx("img",{src:"/optibee-logo.png",alt:"OptiBee Logo",className:"h-16 w-auto",onError:t=>{t.currentTarget.src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='40' viewBox='0 0 100 40'%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dy='0.3em' fill='%23fff' font-family='Arial' font-size='12'%3EOptiBee%3C/text%3E%3C/svg%3E"}})})}),e.jsxs(h.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},className:"max-w-md w-full text-center space-y-6 relative z-10",children:[e.jsx("div",{className:"w-16 h-16 bg-green-500/20 rounded-full flex items-center justify-center mx-auto",children:e.jsx(P,{className:"w-8 h-8 text-green-400"})}),e.jsxs("div",{className:"space-y-4",children:[e.jsx("h1",{className:"text-2xl font-light text-white",children:"Thank you!"}),e.jsx("p",{className:"text-neutral-300 leading-relaxed",children:"We've received your submission and will get back to you within 24 hours with next steps."})]}),e.jsxs(p,{to:"/",className:"inline-flex items-center gap-2 px-6 py-3 bg-white/5 hover:bg-white/10 border border-white/40 hover:border-white/50 rounded-2xl text-white/70 hover:text-white transition-all duration-300 hover:scale-105 backdrop-blur-sm",children:[e.jsx(z,{className:"w-4 h-4"}),"Back to Home"]})]})]})}):e.jsxs(C,{children:[e.jsx("div",{className:"fixed top-4 left-4 md:top-6 md:left-6 z-50",children:e.jsx(p,{to:"/",className:"block hover:opacity-80 transition-opacity duration-300",children:e.jsx("img",{src:"/optibee-logo.png",alt:"OptiBee Logo",className:"h-12 md:h-16 w-auto",onError:t=>{t.currentTarget.src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='40' viewBox='0 0 100 40'%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dy='0.3em' fill='%23fff' font-family='Arial' font-size='12'%3EOptiBee%3C/text%3E%3C/svg%3E"}})})}),e.jsx("div",{className:"fixed top-4 right-4 md:top-6 md:right-6 z-50",children:e.jsxs(p,{to:"/",className:"inline-flex items-center gap-2 px-3 py-2 md:px-6 md:py-3 bg-white/5 hover:bg-white/10 border border-white/40 hover:border-white/50 rounded-2xl text-white/70 hover:text-white transition-all duration-300 hover:scale-105 backdrop-blur-sm text-sm md:text-base",children:[e.jsx(z,{className:"w-4 h-4"}),e.jsx("span",{className:"hidden sm:inline",children:"Back to Home"}),e.jsx("span",{className:"sm:hidden",children:"Back"})]})}),e.jsxs("div",{className:"relative z-10 max-w-4xl mx-auto px-4 py-8 pt-24 md:py-12 md:pt-32",children:[e.jsxs(h.div,{initial:{opacity:0,y:30}

2,animate:{opacity:1,y:0},className:"space-y-6 md:space-y-8",children:[e.jsxs("div",{className:"text-center space-y-3 md:space-y-4",children:[e.jsx("h1",{className:"text-3xl md:text-4xl lg:text-5xl font-light text-white tracking-tight px-4",children:"Tell us where you're at"}),e.jsx("p",{className:"text-neutral-300 text-base md:text-lg leading-relaxed max-w-2xl mx-auto px-4",children:"Tell us what you want to improve. We will get back to you within 24 hours with next steps."})]}),e.jsxs("div",{className:"bg-white/5 backdrop-blur-sm border border-white/10 rounded-2xl p-4 md:p-8 relative",children:[e.jsx("div",{className:"absolute inset-0 bg-gradient-radial from-white/8 via-white/4 to-transparent blur-2xl scale-110 -z-10"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-r from-white/3 via-white/6 to-white/3 blur-xl scale-105 -z-10"}),e.jsx(_,{...s,children:e.jsxs("form",{onSubmit:s.handleSubmit(F),className:"space-y-6 md:space-y-8",children:[e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6",children:[e.jsx(i,{control:s.control,name:"name",render:({field:t})=>e.jsxs(a,{children:[e.jsx(o,{className:"text-white/90",children:"What's your name? *"}),e.jsx(n,{children:e.jsx(m,{...t,placeholder:"John Smith",className:"bg-white/5 border-white/20 text-white placeholder:text-white/40 rounded-lg p-3 h-11 md:h-12 text-base"})}),e.jsx(l,{})]})}),e.jsx(i,{control:s.control,name:"email",render:({field:t})=>e.jsxs(a,{children:[e.jsx(o,{className:"text-white/90",children:"Best email to reach you? *"}),e.jsx(n,{children:e.jsx(m,{type:"email",...t,placeholder:"[email protected]",className:"bg-white/5 border-white/20 text-white placeholder:text-white/40 rounded-lg p-3 h-11 md:h-12 text-base"})}),e.jsx(l,{})]})})]}),e.jsx(i,{control:s.control,name:"company",render:({field:t})=>e.jsxs(a,{children:[e.jsx(o,{className:"text-white/90",children:"What company are you with? *"}),e.jsx(n,{children:e.jsx(m,{...t,placeholder:"Acme Corp",className:"bg-white/5 border-white/20 text-white placeholder:text-white/40 rounded-lg p-3 h-11 md:h-12 text-base"})}),e.jsx(l,{})]})}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6",children:[e.jsx(i,{control:s.control,name:"role",render:({field:t})=>e.jsxs(a,{children:[e.jsx(o,{className:"text-white/90",children:"What's your role in the company?"}),e.jsx(n,{children:e.jsx(m,{...t,placeholder:"CEO, Founder, VP of Engineering",className:"bg-white/5 border-white/20 text-white placeholder:text-white/40 rounded-lg p-3 h-11 md:h-12 text-base"})}),e.jsx(l,{})]})}),e.jsx(i,{control:s.control,name:"website",render:({field:t})=>e.jsxs(a,{children:[e.jsx(o,{className:"text-white/90",children:"Enter your company website"}),e.jsx(n,{children:e.jsx(m,{...t,placeholder:"https://yourcompany.com",className:"bg-white/5 border-white/20 text-white placeholder:text-white/40 rounded-lg p-3 h-11 md:h-12 text-base"})}),e.jsx(l,{})]})})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4 md:gap-6",children:[e.jsx(i,{control:s.control,name:"teamSize",render:({field:t})=>e.jsxs(a,{children:[e.jsx(o,{className:"text-white/90",children:"How big is your team?"}),e.jsxs(u,{onValueChange:t.onChange,defaultValue:t.value,children:[e.jsx(n,{children:e.jsx(j,{className:"bg-white/5 border-white/20 text-white rounded-lg h-11 md:h-12 text-base",children:e.jsx(w,{placeholder:"Team size"})})}),e.jsxs(g,{className:"bg-neutral-900 border-white/20 text-white",children:[e.jsx(r,{value:"1-10",children:"1-10 people"}),e.jsx(r,{value:"11-50",children:"11-50 people"}),e.jsx(r,{value:"51-200",children:"51-200 people"}),e.jsx(r,{value:"200+",children:"200+ people"})]})]}),e.jsx(l,{})]})}),e.jsx(i,{control:s.control,name:"revenue",render:({field:t})=>e.jsxs(a,{children:[e.jsx(o,{className:"text-white/90",children:"What's your annual revenue?"}),e.jsxs(u,{onValueChange:t.onChange,defaultValue:t.value,children:[e.jsx(n,{children:e.jsx(j,{className:"bg-white/5 border-white/20 text-white rounded-lg h-11 md:h-12 text-base",children:e.jsx(w,{placeholder:"Revenue range"})})}),e.jsxs(g,{className:"bg-neutral-900 border-white/20 text-white",children:[e.jsx(r,{value:"under1m",children:"Under $1M"}),e.jsx(r,{value:"1m-10m",children:"$1M - $10M"}),e.jsx(r,{value:"10m-50m",children:"$10M - $50M"}),e.jsx(r,{value:"50m+",children:"$50M+"})]})]}),e.jsx(l,{})]})}),e.jsx(i,{control:s.control,name:"budget",render:({field:t})=>e.jsxs(a,{children:[e.jsx(o,{className:"text-white/90",children:"What's your project budget?"}),e.jsxs(u,{onValueChange:t.onChange,defaultValue:t.value,children:[e.jsx(n,{children:e.jsx(j,{className:"bg-white/5 border-white/20 text-white rounded-lg h-11 md:h-12 text-base",children:e.jsx(w,{placeholder:"Budget range"})})}),e.jsxs(g,{className:"bg-neutral-900 border-white/20 text-white",children:[e.jsx(r,{value:"under25k",children:"Under $25k"}),e.jsx(r,{value:"25k-50k",children:"$25k - $50k"}),e.jsx(r,{value:"50k-100k",children:"$50k - $100k"}),e.jsx(r,{value:"100k+",children:"$100k+"})]})]}),e.jsx(l,{})]})})]}),e.jsx(i,{control:s.control,name:"services",render:({field:t})=>e.jsxs(a,{children:[e.jsx(o,{className:"text-white/90",children:"What can we help you build?"}),e.jsxs(u,{onValueChange:t.onChange,defaultValue:t.value,children:[e.jsx(n,{children:e.jsx(j,{className:"bg-white/5 border-white/20 text-white rounded-lg h-11 md:h-12 text-base",children:e.jsx(w,{placeholder:"Choose what resonates most..."})})}),e.jsxs(g,{className:"bg-neutral-900 border-white/20 text-white",children:[e.jsx(r,{value:"ai-automation",children:"AI Automation & Workflow Optimization"}),e.jsx(r,{value:"custom-software",children:"Custom Software Development"}),e.jsx(r,{value:"data-analytics",children:"Data Analytics & Business Intelligence"}),e.jsx(r,{value:"integration",children:"System Integration & API Development"}),e.jsx(r,{value:"consultation",children:"Strategy & Technical Consultation"}),e.jsx(r,{value:"other",children:"Something else"})]})]}),e.jsx(l,{})]})}),e.jsx(i,{control:s.control,name:"projectDescription",render:({field:t})=>e.jsxs(a,{children:[e.jsx(o,{className:"text-white/90",children:"Tell us about your project *"}),e.jsx(n,{children:e.jsx(V,{...t,className:"bg-white/5 border-white/20 text-white placeholder:text-white/40 rounded-lg p-3 md:p-4 min-h-[100px] md:min-

2h-[120px] text-base resize-none",placeholder:"Describe your project, goals, timeline, and any specific requirements..."})}),e.jsx(l,{})]})}),e.jsx(A,{id:"discovery-contact",value:f,onChange:B}),e.jsxs(h.button,{type:"submit",disabled:b,className:"w-full inline-flex items-center justify-center px-6 py-4 md:px-10 md:py-5 bg-white/5 hover:bg-white/10 border border-white/40 hover:border-white/50 rounded-2xl text-white font-medium transition-all duration-300 hover:scale-105 backdrop-blur-sm group relative overflow-hidden disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100",initial:{boxShadow:"0 0 30px rgba(255, 255, 255, 0.1)"},whileHover:{boxShadow:"0 0 40px rgba(255, 255, 255, 0.15)",borderColor:"rgba(255, 255, 255, 0.6)"},whileTap:{scale:.98},animate:{boxShadow:b?"0 0 40px rgba(255, 255, 255, 0.2)":"0 0 30px rgba(255, 255, 255, 0.1)"},children:[e.jsx(h.div,{className:"absolute inset-0 bg-gradient-to-r from-white/5 to-white/10 opacity-100 group-hover:opacity-100 transition-opacity duration-300",initial:{opacity:1}}),e.jsx("span",{className:"relative z-10 flex items-center justify-center",children:b?e.jsxs(e.Fragment,{children:[e.jsx(U,{className:"w-4 h-4 mr-2 animate-spin"}),"Submitting..."]}):e.jsxs(e.Fragment,{children:[e.jsx(q,{className:"w-4 h-4 mr-2"}),"Send enquiry"]})}),e.jsx(h.svg,{className:"ml-3 h-4 w-4 relative z-10 group-hover:translate-x-1 transition-transform duration-300",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M17 8l4 4m0 0l-4 4m4-4H3"})})]})]})})]})]}),e.jsx("p",{className:"mt-16 pb-8 text-center font-sans text-[0.75rem] font-light tracking-[0.06em] text-white/40",children:"OptiBee AI Ltd · Company number 15787571 · Manchester, UK"})]})]})};export{le as Contact,le as default};