https://simplyleakdetection.com/assets/feedback-LH58UION.js

1import{j as e}from"./vendor-react-DfqWejma.js";import{L as n}from"./vendor-tanstack-DuZVhRlZ.js";import{P as a,f as l}from"./index-Cu_j_45o.js";import{u as d,a as m,S as x}from"./useSubmissionConfirmation-CM-2bd9J.js";import{P as p}from"./PageLayout-DBIBgXhb.js";import{M as h,P as u}from"./vendor-icons-BMrPoPR7.js";const f=["General Feedback","Customer Service Feedback"];function b(){const{handleSubmit:o,isSubmitting:r,submitted:t,errorMessage:i}=d({formSource:"Customer feedback form",subject:"New website feedback"}),c=m(t);return t?e.jsxs("div",{ref:c,role:"status","aria-live":"polite",tabIndex:-1,className:"flex min-h-[620px] flex-col items-center justify-center rounded-2xl border p-8 text-center lg:p-10",style:{background:"var(--color-page)",borderColor:"var(--color-hairline)",boxShadow:"var(--shadow-soft)"},children:[e.jsx("div",{className:"flex h-14 w-14 items-center justify-center rounded-full text-2xl text-white",style:{background:"var(--color-primary)"},children:"✓"}),e.jsx("h2",{className:"mt-4 text-2xl font-bold",children:"Thank you for your feedback"}),e.jsxs("p",{className:"mt-2 max-w-md leading-relaxed",style:{color:"var(--color-muted)"},children:["We appreciate you taking the time to share your experience with Simply Leak Detection. If you need immediate help with a leak, call"," ",e.jsx("a",{href:`tel:${l}`,className:"font-semibold",style:{color:"var(--color-primary)"},children:a}),"."]})]}):e.jsxs("form",{id:"feedback-form",onSubmit:o,className:"rounded-2xl border p-6 lg:p-10",style:{background:"var(--color-page)",borderColor:"var(--color-hairline)",boxShadow:"var(--shadow-soft)"},children:[e.jsx("input",{type:"checkbox",name:"botcheck",className:"hidden",tabIndex:-1,autoComplete:"off"}),e.jsxs("p",{className:"text-sm",style:{color:"var(--color-muted)"},children:["Fields marked with ",e.jsx("span",{style:{color:"var(--color-primary)"},children:"*"})," are required."]}),e.jsxs("fieldset",{className:"mt-7",children:[e.jsx("legend",{className:"font-display text-xl font-bold",children:"Contact Information"}),e.jsxs("div",{className:"mt-5 space-y-4",children:[e.jsxs("div",{children:[e.jsxs("span",{className:"mb-2 block text-sm font-semibold",children:["Name ",e.jsx("span",{style:{color:"var(--color-primary)"},children:"*"})]}),e.jsxs("div",{className:"grid gap-4 sm:grid-cols-2",children:[e.jsxs("div",{children:[e.jsx("label",{htmlFor:"feedback-first-name",className:"sr-only",children:"First name"}),e.jsx("input",{id:"feedback-first-name",name:"first_name",required:!0,autoComplete:"given-name",placeholder:"First",className:"input-field w-full"})]}),e.jsxs("div",{children:[e.jsx("label",{htmlFor:"feedback-last-name",className:"sr-only",children:"Last name"}),e.jsx("input",{id:"feedback-last-name",name:"last_name",required:!0,autoComplete:"family-name",placeholder:"Last",className:"input-field w-full"})]})]})]}),e.jsxs("div",{children:[e.jsxs("label",{htmlFor:"feedback-phone",className:"mb-2 block text-sm font-semibold",children:["Phone ",e.jsx("span",{style:{color:"var(--color-primary)"},children:"*"})]}),e.jsx("input",{id:"feedback-phone",name:"phone",required:!0,type:"tel",autoComplete:"tel",placeholder:"Your phone number",className:"input-field w-full"})]}),e.jsxs("div",{children:[e.jsxs("label",{htmlFor:"feedback-email",className:"mb-2 block text-sm font-semibold",children:["Email ",e.jsx("span",{style:{color:"var(--color-primary)"},children:"*"})]}),e.jsx("input",{id:"feedback-email",name:"email",required:!0,type:"email",autoComplete:"email",placeholder:"[email protected]",className:"input-field w-full"})]})]})]}),e.jsxs("fieldset",{className:"mt-8 border-t pt-8",style:{borderColor:"var(--color-hairline)"},children:[e.jsx("legend",{className:"font-display text-xl font-bold",children:"Feedback Type & Rating"}),e.jsxs("div",{className:"mt-5",children:[e.jsxs("label",{htmlFor:"feedback-type",className:"mb-2 block text-sm font-semibold",children:["Feedback Type ",e.jsx("span",{style:{color:"var(--color-primary)"},children:"*"})]}),e.jsxs("select",{id:"feedback-type",name:"feedback_type",required:!0,defaultValue:"",className:"input-field w-full",children:[e.jsx("option",{value:"",disabled:!0,children:"Select one"}),f.map(s=>e.jsx("option",{value:s,children:s},s))]})]}),e.jsx("div",{className:"mt-6",children:e.jsxs("fieldset",{children:[e.jsxs("legend",{className:"text-sm font-semibold",children:["Overall Rating ",e.jsx("span",{style:{color:"var(--color-muted)"},children:"(1 = extremely dissatisfied, 5 = extremely satisfied)"})]}),e.jsx("div",{className:"mt-3 flex flex-wrap gap-2","aria-label":"Overall rating from 1 to 5",children:[1,2,3,4,5].map(s=>e.jsxs("label",{className:"flex cursor-pointer items-center gap-2 rounded-xl border px-3 py-2 text-sm font-semibold transition-colors has-[:checked]:border-[color:var(--color-primary)] has-[:checked]:bg-[color:var(--color-tint)]",style:{borderColor:"var(--color-hairline)"},children:[e.jsx("input",{type:"radio",name:"rating",value:s,className:"accent-[var(--color-primary)]"}),s]},s))})]})})]}),e.jsxs("fieldset",{className:"mt-8 border-t pt-8",style:{borderColor:"var(--color-hairline)"},children:[e.jsx("legend",{className:"font-display text-xl font-bold",children:"Suggestions or Comments"}),e.jsxs("div",{className:"mt-5",children:[e.jsxs("label",{htmlFor:"feedback-experience",className:"mb-2 block text-sm font-semibold",children:["Experience ",e.jsx("span",{style:{color:"var(--color-primary)"},children:"*"})]}),e.jsx("textarea",{id:"feedback-experience",name:"experience",required:!0,rows:6,placeholder:"Please share any additional comments, suggestions, or specific feedback regarding your experience.",className:"input-field w-full"})]})]}),e.jsxs("fieldset",{className:"mt-8 border-t pt-8",style:{borderColor:"var(--color-hairline)"},children:[e.jsx("legend",{className:"font-display text-xl font-bold",children:"Consent to Use Feedback"}),e.jsxs("p",{className:"mt-2 text-sm leading-relaxed",style:{color:"var(--color-muted)"},children:["May we use your feedback for promotional purposes such as testimonials or case studies? ",e.jsx("span",{style:{color:"var(--color-primary)"},children:"*"})]}),e.jsxs("div",{className:"mt-4 space-y-3",children:[e.jsxs("label",{className:"flex items-start gap-3 text-sm",children:[e.jsx("input",{type:"radio",name:"consent",value:"yes",required:!0,className:"mt-1 accent-[var(--color-primary)]"}),e.jsx("span",{children:"Yes, I agree"})]}),e.jsxs("label",{className:"flex items-start gap-3 text-sm",children:[e.jsx("input",{type:"radio",name:"consent",value:"no",required:!0,className:"mt-1 accent-[var(--color-primary)]"}

1),e.jsx("span",{children:"No, I do not agree"})]})]})]}),e.jsx(x,{message:i,phone:a,phoneTel:l}),e.jsx("button",{type:"submit",disabled:r,className:"btn-primary mt-8 w-full justify-center disabled:cursor-not-allowed disabled:opacity-60",children:r?"Sending…":"Submit feedback"}),e.jsx("p",{className:"mt-3 text-center text-xs",style:{color:"var(--color-muted)"},children:"Your feedback helps us improve the experience we provide."})]})}function w(){return e.jsxs(p,{children:[e.jsx("section",{className:"relative overflow-hidden py-20 lg:py-28",style:{background:"var(--color-navy, #0d2340)"},children:e.jsxs("div",{className:"mx-auto max-w-4xl px-4 text-center",children:[e.jsx("span",{className:"tag",style:{background:"rgba(255,255,255,0.12)",color:"#fff",border:"none"},children:"We want to hear from you"}),e.jsx("h1",{className:"mt-4 text-4xl font-extrabold leading-[1.06] text-white sm:text-5xl lg:text-6xl",children:"Your feedback is important to us."}),e.jsx("p",{className:"mx-auto mt-5 max-w-2xl text-lg leading-relaxed text-white/75",children:"Tell us about your experience with Simply Leak Detection. Your feedback helps us keep doing the right things and improve the details that matter."})]})}),e.jsxs("section",{className:"mx-auto max-w-7xl px-4 py-16 lg:py-24",children:[e.jsxs("div",{className:"grid items-start gap-12 lg:grid-cols-[0.72fr_1.28fr] lg:gap-16",children:[e.jsxs("div",{className:"lg:sticky lg:top-32",children:[e.jsx("div",{className:"eyebrow",style:{color:"var(--color-primary)"},children:"Share your experience"}),e.jsx("h2",{className:"mt-3 text-3xl font-extrabold leading-tight sm:text-4xl",children:"Help us make every visit better."}),e.jsx("p",{className:"mt-5 leading-relaxed",style:{color:"var(--color-muted)"},children:"Whether you worked with us at home, at a business, or through a referring plumber, we would value an honest account of what went well and where we can improve."}),e.jsxs("div",{className:"mt-8 rounded-2xl p-5 text-white sm:p-6",style:{background:"var(--color-ink)"},children:[e.jsx(h,{size:22,style:{color:"var(--color-aqua)"}}),e.jsx("div",{className:"mt-3 font-display text-xl font-bold",children:"Need help instead?"}),e.jsx("p",{className:"mt-2 text-sm leading-relaxed opacity-80",children:"For an active leak or a question about your service, call us directly."}),e.jsxs("a",{href:`tel:${l}`,className:"mt-4 inline-flex items-center gap-2 font-semibold hover:underline",style:{color:"var(--color-aqua)"},children:[e.jsx(u,{size:16})," ",a]})]})]}),e.jsx(b,{})]}),e.jsxs("div",{className:"mt-12 text-center text-sm",style:{color:"var(--color-muted)"},children:["Looking for answers instead?"," ",e.jsx(n,{to:"/faqs",className:"font-semibold underline",style:{color:"var(--color-primary)"},children:"Read the FAQ"})]})]})]})}export{w as component};