https://hytzroofing.com/assets/AccuLynxFormSection-NwUd_49G.js

1import{r as x,j as e}from"./vendor-react-1mU4oG6e.js";import{g as F,t as g}from"./index-DcPw2_M6.js";import{u}from"./vendor-router-BNylOM5v.js";import{n as L}from"./notifyLead-DoQxVDDH.js";import"./vendor-floating-D3zTlarL.js";import"./vendor-trpc-B3nxJPI5.js";import"./vendor-radix-BghKaey7.js";import"./vendor-icons-DTECJFLi.js";function A(){const{executeRecaptcha:a}=F(),[,l]=u(),n=x.useRef(null);async function m(s){s.preventDefault();const c=n.current;c&&(c.disabled=!0);const d=s.target,t=new FormData(d);try{const p=a?await a("estimate_form"):void 0,o={firstName:t.get("FirstName")||"",lastName:t.get("LastName")||"",email:t.get("Email")||"",phone:t.get("Phone")||void 0,street:t.get("Street")||void 0,city:t.get("City")||void 0,state:t.get("State")||void 0,zip:t.get("Zip")||void 0,message:t.get("Message")||void 0,sourcePage:window.location.pathname,formType:"section",website:t.get("website")||"",recaptchaToken:p};await L(o),g(o.formType,o.sourcePage);const i=document.getElementById("pageLeadFormElem"),r=document.getElementById("pageLeadFormMessageElem");i&&(i.style.visibility="hidden"),r&&(r.style.display="flex"),l("/thank-you")}catch{c&&(c.disabled=!1),console.error("[estimate-form] Lead was not accepted; no analytics lead event was recorded.")}}return e.jsxs("div",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:59",id:"free-estimate-form",children:[e.jsx("style",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:60",children:`
2        .pageLeadForm__outerDiv {
3            background-color: #000000;
4            color: #FFFFFF;
5            position: relative;
6            font-family: 'Roboto', Arial, Helvetica, sans-serif;
7            padding: 60px 20px;
8        }
9        .pageLeadForm__heading {
10            text-align: center;
11            font-size: 24pt;
12            font-weight: bold;
13            margin: 0 0 10px 0;
14            color: #FFFFFF;
15        }
16        .pageLeadForm__subheading {
17            text-align: center;
18            font-size: 11pt;
19            margin: 0 0 40px 0;
20            color: #FFFFFF;
21            line-height: 1.5;
22            padding-left: 30px;
23            padding-right: 30px;
24        }
25        .pageLeadForm__form {
26            margin: 0 auto;
27            width: 90%;
28            max-width: 700px;
29            text-align: left;
30        }
31        .pageLeadForm__form input[type="text"],
32        .pageLeadForm__form input[type="email"],
33        .pageLeadForm__form input[type="tel"],
34        .pageLeadForm__form textarea {
35            background-color: #FFFFFF;
36            color: #000000;
37            border: 1px solid #cccccc;
38        }
39        .pageLeadForm__form label {
40            color: #FFFFFF;
41        }
42        .pageLeadForm__fieldDiv {
43            margin: 0 0 15px 0;
44        }
45        .pageLeadForm__messageSentDiv {
46            display: none;
47            justify-content: center;
48            align-items: center;
49            flex-direction: column;
50            text-align: center;
51            width: 100%;
52            height: 100%;
53            position: absolute;
54            top: 0;
55            left: 0;
56            background-color: #000000;
57        }
58        .pageLeadForm__messageSent {
59            font-weight: bold;
60            font-size: 18px;
61            color: #FFFFFF;
62        }
63        .pageLeadForm__successMessage {
64            font-size: 13px;
65            margin-top: 20px;
66            color: #FFFFFF;
67        }
68        .pageLeadForm__label {
69            padding-bottom: 4px;
70            font-size: 13px;
71            font-weight: 600;
72            text-transform: uppercase;
73            color: #FFFFFF;
74        }
75        .pageLeadForm__inputDiv {
76            display: flex;
77            justify-content: flex-start;
78            align-items: center;
79        }
80        .pageLeadForm__input {
81            width: 100%;
82            border-radius: 0;
83            border: 1px solid #CCCCCC;
84            font-size: 18px;
85            padding-left: 5px;
86            padding-right: 5px;
87            background-color: #FFFFFF;
88            color: #000000;
89        }
90        input.pageLeadForm__input {
91            height: 40px;
92        }
93        textarea.pageLeadForm__input {
94            font-family: inherit;
95            padding-top: 5px;
96            padding-bottom: 5px;
97            resize: none;
98        }
99        .pageLeadForm__stateZipDiv {
100            display: flex;
101            justify-content: space-between;
102            align-items: flex-start;
103            flex-wrap: nowrap;
104            margin: 0 0 15px 0;
105        }
106        .pageLeadForm__stateZipDiv .pageLeadForm__fieldDiv:first-child {
107            margin: 0 10px 0 0;
108            width: 50%;
109        }
110        .pageLeadForm__stateZipDiv .pageLeadForm__fieldDiv:last-child {
111            margin: 0 0 0 10px;
112            width: 50%;
113        }
114        .pageLeadForm__submitDiv {
115            display: flex;
116            justify-content: flex-start;
117            align-items: flex-start;
118            flex-wrap: nowrap;
119            margin: 0;
120        }
121        .pageLeadForm__submit {
122            background-color: #3a7d1e;
123            color: #FFFFFF;
124            padding: 8px 50px;
125            font-size: 13px;
126            font-weight: 600;
127            border-radius: 0;
128            border: 1px solid black;
129            cursor: pointer;
130            text-transform: uppercase;
131        }
132        .pageLeadForm__submit:hover {
133            background-color: #d4572a;
134        }
135        .pageLeadForm__submit:disabled {
136            opacity: 0.6;

137            cursor: not-allowed;
138        }
139        .pageLeadForm__requiredLabel {
140            font-size: 11px;
141            padding: 0;
142            margin-left: 20px;
143            color: #FFFFFF;
144        }
145      `}),e.jsxs("div",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:206",className:"pageLeadForm__outerDiv",children:[e.jsx("div",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:207",className:"pageLeadForm__heading",children:"Get A Roofing Estimate Today!"}),e.jsxs("div",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:208",className:"pageLeadForm__subheading",children:["How can Hytz Roofing Help?",e.jsx("br",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:209"}),"Hytz Roofing is experienced in all types of roofing systems: Shingles, Tile and Metal Roofing Systems! Hytz Roofing has what you need!"]}),e.jsxs("form",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:212",id:"pageLeadFormElem",className:"pageLeadForm__form",onSubmit:m,children:[e.jsxs("div",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:217",className:"pageLeadForm__fieldDiv",children:[e.jsx("div",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:218",className:"pageLeadForm__label",children:e.jsx("label",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:218",htmlFor:"pgFirstName",children:"First Name *"})}),e.jsx("div",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:219",className:"pageLeadForm__inputDiv",children:e.jsx("input",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:219",className:"pageLeadForm__input",id:"pgFirstName",type:"text",maxLength:255,name:"FirstName",required:!0})})]}),e.jsxs("div",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:221",className:"pageLeadForm__fieldDiv",children:[e.jsx("div",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:222",className:"pageLeadForm__label",children:e.jsx("label",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:222",htmlFor:"pgLastName",children:"Last Name *"})}),e.jsx("div",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:223",className:"pageLeadForm__inputDiv",children:e.jsx("input",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:223",className:"pageLeadForm__input",id:"pgLastName",type:"text",maxLength:255,name:"LastName",required:!0})})]}),e.jsxs("div",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:225",className:"pageLeadForm__fieldDiv",children:[e.jsx("div",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:226",className:"pageLeadForm__label",children:e.jsx("label",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:226",htmlFor:"pgEmail",children:"Email *"})}),e.jsx("div",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:227",className:"pageLeadForm__inputDiv",children:e.jsx("input",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:227",className:"pageLeadForm__input",id:"pgEmail",type:"text",maxLength:255,name:"Email",required:!0})})]}),e.jsxs("div",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:229",className:"pageLeadForm__fieldDiv",children:[e.jsx("div",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:230",className:"pageLeadForm__label",children:e.jsx("label",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:230",htmlFor:"pgPhone",children:"Phone"})}),e.jsx("div",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:231",className:"pageLeadForm__inputDiv",children:e.jsx("input",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:231",className:"pageLeadForm__input",id:"pgPhone",type:"text",maxLength:255,name:"Phone"})})]}),e.jsxs("div",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:233",className:"pageLeadForm__fieldDiv",children:[e.jsx("div",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:234",className:"pageLeadForm__label",children:e.jsx("label",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:234",htmlFor:"pgStreet",children:"Street"})}),e.jsx("div",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:235",className:"pageLeadForm__inputDiv",children:e.jsx("input",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:235",className:"pageLeadForm__input",id:"pgStreet",type:"text",maxLength:255,name:"Street"})})]}),e.jsxs("div",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:237",className:"pageLeadForm__fieldDiv",children:[e.jsx("div",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:238",className:"pageLeadForm__label",children:e.jsx("label",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:238",htmlFor:"pgCity",children:"City"})}),e.jsx("div",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:239",className:"pageLeadForm__inputDiv",children:e.jsx("input",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:239",className:"pageLeadForm__input",id:"pgCity",type:"text",maxLength:255,name:"City"})})]}),e.jsxs("div",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:241",className:"pageLeadForm__stateZipDiv",children:[e.jsxs("div",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:242",className:"pageLeadForm__fieldDiv",children:[e.jsx("div",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:243",className:"pageLeadForm__label",children:e.jsx("label",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:243",htmlFor:"pgState",children:"State / Prov"})}),e.jsx("div",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:244",className:"pageLeadForm__inputDiv",children:e.jsx("input",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:244",className:"pageLeadForm__input",id:"pgState",type:"text",maxLength:255,name:"State"})})]}),e.jsxs("div",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:246",className:"pageLeadForm__fieldDiv",children:[e.jsx("div",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:247",className:"pageLeadForm__label",children:e.jsx("label",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:247",htmlFor:"pgZip",children:"Zip"})}),e.jsx("div",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:248",className:"pageLeadForm__inputDiv",children:e.jsx("input",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:248",className:"pageLeadForm__input",id:"pgZip",type:"text",maxLength:255,name:"Zi

145p"})})]})]}),e.jsxs("div",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:251",className:"pageLeadForm__fieldDiv",children:[e.jsx("div",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:252",className:"pageLeadForm__label",children:e.jsx("label",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:252",htmlFor:"pgMessage",children:"Message"})}),e.jsx("textarea",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:253",className:"pageLeadForm__input",id:"pgMessage",maxLength:255,rows:3,name:"Message"})]}),e.jsxs("p",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:255",style:{fontSize:"0.72rem",fontStyle:"italic",color:"#9ca3af",lineHeight:"1.5",marginBottom:"6px",marginTop:"4px"},children:[e.jsx("strong",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:255",style:{fontStyle:"normal"},children:"Important Notice:"})," This form is strictly for customers seeking roofing services. Sales pitches, vendor inquiries, and business solicitations are strictly prohibited. By submitting your information, you agree not to use this form or the provided contact details for marketing or sales purposes."]}),e.jsx("input",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:257",type:"text",name:"website",autoComplete:"off",tabIndex:-1,"aria-hidden":"true",style:{display:"none"}}),e.jsxs("div",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:258",className:"pageLeadForm__submitDiv",children:[e.jsx("input",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:259",ref:n,className:"pageLeadForm__submit",type:"submit",name:"submit",value:"Submit"}),e.jsx("span",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:260",className:"pageLeadForm__label pageLeadForm__requiredLabel",children:" * Required "})]})]}),e.jsxs("div",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:263",id:"pageLeadFormMessageElem",className:"pageLeadForm__messageSentDiv",children:[e.jsx("div",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:264",className:"pageLeadForm__messageSent",children:"Your message was sent!"}),e.jsx("div",{"data-loc":"client/src/components/AccuLynxFormSection.tsx:265",className:"pageLeadForm__successMessage",children:"Redirecting..."})]})]})]})}export{A as default};