);
}
function ContactForm() {
const [type, setType] = useState("Residential");
const [sent, setSent] = useState(false);
const [vals, setVals] = useState({ name: "", phone: "", email: "", address: "", service: "", message: "" });
const [errs, setErrs] = useState({});
const [sending, setSending] = useState(false);
const [submitErr, setSubmitErr] = useState("");
const set = (k) => (e) => setVals((v) => ({ ...v, [k]: e.target.value }));
const submit = async (e) => {
e.preventDefault();
const er = {};
if (!vals.name.trim()) er.name = "Please enter your name";
if (!/^[\d\s()+-]{7,}$/.test(vals.phone)) er.phone = "Enter a valid phone number";
if (!/^\S+@\S+\.\S+$/.test(vals.email)) er.email = "Enter a valid email";
if (!vals.service) er.service = "Choose a service";
setErrs(er);
if (Object.keys(er).length > 0) return;
setSending(true);
setSubmitErr("");
// First-touch attribution / CRM (best-effort — never blocks the email).
try {
if (window.PursuitAttribution) {
window.PursuitAttribution.submit({
name: vals.name, phone: vals.phone, email: vals.email,
address: vals.address, service: vals.service,
message: vals.message, property_type: type,
});
}
} catch (err) {}
// Web3Forms → emails sunriseroofer@outlook.com. This is the same backend
// the original roofwithsunrise.com contact form used and is what actually
// delivers the lead. Only show success when the email truly goes out.
try {
const res = await fetch("https://api.web3forms.com/submit", {
method: "POST",
headers: { "Content-Type": "application/json", Accept: "application/json" },
body: JSON.stringify({
access_key: "bb31a1fd-2cf0-4ea5-8920-18cad8059ed4",
subject: "New Roofing Estimate Request - Sunrise Roofers",
from_name: "Sunrise Roofers Website",
property_type: type,
name: vals.name, phone: vals.phone, email: vals.email,
address: vals.address, service: vals.service, message: vals.message,
}),
});
const result = await res.json();
if (result.success) {
try {
if (typeof window.gtag === "function") {
window.gtag("event", "generate_lead", { form_id: "contact-form", page_location: window.location.href });
}
} catch (err) {}
setSent(true);
} else {
setSubmitErr(result.message || "Something went wrong sending your request. Please call or text 520-753-1758.");
}
} catch (err) {
setSubmitErr("Couldn't send your request right now. Please call or text 520-753-1758 and we'll get right on it.");
} finally {
setSending(false);
}
};
const F = (p) => ;
return (
Let's Talk
Let's Take a Look at Your Roof
Tell me what's going on up there — a leak, storm damage, an old roof that's seen better days, or a full replacement — and we'll get you on the books for a free inspection.
Call or text520-753-1758
Emailsunriseroofer@outlook.com
ServingTucson & all of Pima County
HoursMon–Fri 7–6 · Sat 8–4 · 24/7 Emergency
ROC #358079 Licensed & Insured 5-Star Rated on Google
{sent ? (
Request Received
Thanks, {vals.name.split(" ")[0] || "there"}! I'll get back to you within a business day to set up your free inspection. If it's leaking right now, don't wait on email — call or text 520-753-1758.
) : (
)}
);
}
function Footer() {
const U = (slug) => (window.SUNRISE ? window.SUNRISE.url(slug) : slug + ".html");
const col = (h, items) => (