function SmsModal({ isOpen, onClose, phoneNumber, message }) { const [copiedPhone, setCopiedPhone] = useState(false); const [copiedMessage, setCopiedMessage] = useState(false); useEffect(()=>{ const handleEscape = (e)=>{ if (e.key === "Escape" && isOpen) { onClose(); } }; if (isOpen) { document.addEventListener("keydown", handleEscape); document.body.style.overflow = "hidden"; } return ()=>{ document.removeEventListener("keydown", handleEscape); document.body.style.overflow = "unset"; }; }, [ isOpen, onClose ]); if (!isOpen) return null; const handleCopyPhone = async ()=>{ try { await navigator.clipboard.writeText(phoneNumber); setCopiedPhone(true); setTimeout(()=>setCopiedPhone(false), 2000); } catch (err) { console.error("Failed to copy phone number:", err); } }; const handleCopyMessage = async ()=>{ try { await navigator.clipboard.writeText(message); setCopiedMessage(true); setTimeout(()=>setCopiedMessage(false), 2000); } catch (err) { console.error("Failed to copy message:", err); } }; const stopPropagation = (e)=>{ e.stopPropagation(); }; return /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", onClick: onClose, __source: { fileName: "", lineNumber: 50, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-6 w-[90%] max-w-md", onClick: stopPropagation, __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-[#333]", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, "Send SMS"), /*#__PURE__*/ React.createElement("button", { onClick: onClose, className: "text-gray-500 hover:text-gray-700", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-[#666] mb-2", __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }, "Phone Number"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", readOnly: true, value: phoneNumber, className: "flex-1 bg-gray-50 border border-gray-200 rounded-md px-3 py-2 text-[#333]", __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleCopyPhone, className: "bg-[#31D395] text-white px-4 py-2 rounded-md hover:bg-[#2bb583] transition-colors duration-200 inline-flex items-center", __source: { fileName: "", lineNumber: 80, columnNumber: 15 }, __self: this }, copiedPhone ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-check mr-2", __source: { fileName: "", lineNumber: 85, columnNumber: 19 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-copy mr-2", __source: { fileName: "", lineNumber: 87, columnNumber: 19 }, __self: this }), copiedPhone ? "Copied!" : "Copy"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 94, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-[#666] mb-2", __source: { fileName: "", lineNumber: 95, columnNumber: 13 }, __self: this }, "Message"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 98, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { readOnly: true, value: message, className: "w-full bg-gray-50 border border-gray-200 rounded-md px-3 py-2 text-[#333] min-h-[100px]", __source: { fileName: "", lineNumber: 99, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleCopyMessage, className: "bg-[#31D395] text-white px-4 py-2 rounded-md hover:bg-[#2bb583] transition-colors duration-200 inline-flex items-center", __source: { fileName: "", lineNumber: 104, columnNumber: 15 }, __self: this }, copiedMessage ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-check mr-2", __source: { fileName: "", lineNumber: 109, columnNumber: 19 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-copy mr-2", __source: { fileName: "", lineNumber: 111, columnNumber: 19 }, __self: this }), copiedMessage ? "Copied!" : "Copy Message"))), /*#__PURE__*/ React.createElement("div", { className: "pt-4 border-t border-gray-200", __source: { fileName: "", lineNumber: 118, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#666]", __source: { fileName: "", lineNumber: 119, columnNumber: 13 }, __self: this }, "1. Copy the phone number and message", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 121, columnNumber: 15 }, __self: this }), "2. Open your messages app", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 123, columnNumber: 15 }, __self: this }), "3. Create a new message with the copied phone number", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 125, columnNumber: 15 }, __self: this }), "4. Paste the message and send"))))); } function SmsModalStory() { const [isOpen, setIsOpen] = useState(false); const sampleMessage = "Hi, I'd like to schedule pest control service. I need General Pest Control for my residential property. My address is: 123 Main St, Post Falls, ID. Quote: $150/month with $125 initial service fee"; const samplePhoneNumber = "(208) 401-6122"; return /*#__PURE__*/ React.createElement("div", { className: "p-8", __source: { fileName: "", lineNumber: 142, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsOpen(true), className: "bg-[#31D395] text-white px-6 py-3 rounded-lg hover:bg-[#2bb583] transition-colors duration-200", __source: { fileName: "", lineNumber: 143, columnNumber: 7 }, __self: this }, "Open SMS Modal"), /*#__PURE__*/ React.createElement(SmsModal, { isOpen: isOpen, onClose: ()=>setIsOpen(false), phoneNumber: samplePhoneNumber, message: sampleMessage, __source: { fileName: "", lineNumber: 150, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-8 p-4 bg-gray-100 rounded-lg", __source: { fileName: "", lineNumber: 157, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 158, columnNumber: 9 }, __self: this }, "Component Props:"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside space-y-1 text-sm", __source: { fileName: "", lineNumber: 159, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 160, columnNumber: 11 }, __self: this }, "isOpen: boolean - Controls modal visibility"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 161, columnNumber: 11 }, __self: this }, "onClose: function - Handler for closing the modal"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 162, columnNumber: 11 }, __self: this }, "phoneNumber: string - Phone number to display and copy"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 163, columnNumber: 11 }, __self: this }, "message: string - SMS message to display and copy")))); } function ShareModal({ isOpen, onClose, title, url, description }) { const [copied, setCopied] = useState(false); useEffect(()=>{ const handleEscape = (e)=>{ if (e.key === 'Escape' && isOpen) { onClose(); } }; if (isOpen) { document.addEventListener('keydown', handleEscape); document.body.style.overflow = 'hidden'; } return ()=>{ document.removeEventListener('keydown', handleEscape); document.body.style.overflow = 'unset'; }; }, [ isOpen, onClose ]); if (!isOpen) return null; const handleCopyLink = async ()=>{ try { await navigator.clipboard.writeText(url); setCopied(true); setTimeout(()=>setCopied(false), 2000); } catch (err) { console.error('Failed to copy:', err); } }; const handleShare = (platform)=>{ const shareUrls = { twitter: `https://twitter.com/intent/tweet?url=${encodeURIComponent(url)}&text=${encodeURIComponent(description)}`, facebook: `https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(url)}`, linkedin: `https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent(url)}` }; window.open(shareUrls[platform], '_blank', 'width=600,height=400'); }; const stopPropagation = (e)=>{ e.stopPropagation(); }; return /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", onClick: onClose, __source: { fileName: "", lineNumber: 49, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-6 w-[90%] max-w-md", onClick: stopPropagation, __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold font-inter text-black", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, title), /*#__PURE__*/ React.createElement("button", { onClick: onClose, className: "text-gray-500 hover:text-gray-700", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times text-xl", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4 justify-center", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleShare('twitter'), className: "p-3 rounded-full bg-[#1DA1F2] text-white hover:bg-opacity-90", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter text-xl", __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleShare('facebook'), className: "p-3 rounded-full bg-[#4267B2] text-white hover:bg-opacity-90", __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook-f text-xl", __source: { fileName: "", lineNumber: 79, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleShare('linkedin'), className: "p-3 rounded-full bg-[#0077B5] text-white hover:bg-opacity-90", __source: { fileName: "", lineNumber: 81, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-linkedin-in text-xl", __source: { fileName: "", lineNumber: 85, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 89, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: url, readOnly: true, className: "flex-1 border border-gray-300 rounded-lg px-3 py-2 text-sm font-inter", __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleCopyLink, className: "bg-green-600 text-white px-4 py-2 rounded-lg hover:bg-green-700 transition-colors duration-200 font-inter text-sm", __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this }, copied ? 'Copied!' : 'Copy'))))); } function ShareModalStory() { const [isOpen, setIsOpen] = useState(false); return /*#__PURE__*/ React.createElement("div", { className: "p-8", __source: { fileName: "", lineNumber: 113, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsOpen(true), className: "bg-green-600 text-white px-6 py-3 rounded-lg hover:bg-green-700 transition-colors duration-200 font-inter", __source: { fileName: "", lineNumber: 114, columnNumber: 7 }, __self: this }, "Open Share Modal"), /*#__PURE__*/ React.createElement(ShareModal, { isOpen: isOpen, onClose: ()=>setIsOpen(false), title: "Share this content", url: "https://example.com/awesome-content", description: "Check out this awesome content!", __source: { fileName: "", lineNumber: 121, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-8 p-4 bg-gray-100 rounded-lg", __source: { fileName: "", lineNumber: 129, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-inter font-bold mb-2", __source: { fileName: "", lineNumber: 130, columnNumber: 9 }, __self: this }, "Component Props:"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside space-y-1 font-inter text-sm", __source: { fileName: "", lineNumber: 131, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 132, columnNumber: 11 }, __self: this }, "isOpen: boolean - Controls modal visibility"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 133, columnNumber: 11 }, __self: this }, "onClose: function - Handler for closing the modal"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 134, columnNumber: 11 }, __self: this }, "title: string - Modal title"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 135, columnNumber: 11 }, __self: this }, "url: string - URL to be shared"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 136, columnNumber: 11 }, __self: this }, "description: string - Description for social media sharing")))); } function MainComponent() { const [formData, setFormData] = useState({ propertyType: "", pestTypes: [], frequency: "", address: "", propertySize: "" }); const [price, setPrice] = useState(null); const [monthlyPrice, setMonthlyPrice] = useState(null); const [initialFee, setInitialFee] = useState(null); const [phoneNumber, setPhoneNumber] = useState(""); const [showDiscount, setShowDiscount] = useState(false); const [discountSubmitted, setDiscountSubmitted] = useState(false); const [addressSuggestions, setAddressSuggestions] = useState([]); const [addressInputValue, setAddressInputValue] = useState(""); const [isLoadingAddresses, setIsLoadingAddresses] = useState(false); const [showShareModal, setShowShareModal] = useState(false); const [quoteUrl, setQuoteUrl] = useState(""); const [quoteDescription, setQuoteDescription] = useState(""); const [isMapsLoaded, setIsMapsLoaded] = useState(false); const [selectedLocation, setSelectedLocation] = useState(null); const [showSMSModal, setShowSMSModal] = useState(false); const [smsMessage, setSMSMessage] = useState(""); const [email, setEmail] = useState(""); const [savedQuoteId, setSavedQuoteId] = useState(null); const [showDiscountSection, setShowDiscountSection] = useState(false); const [discountApplied, setDiscountApplied] = useState(false); const pestOptions = [ { value: "spiders", label: "Spider Control", basePrice: 247, icon: /*#__PURE__*/ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", className: "w-5 h-5", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("circle", { cx: "12", cy: "12", r: "2", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("path", { d: "M12 10V7", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("path", { d: "M12 14v3", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("path", { d: "M14 12h3", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("path", { d: "M7 12h3", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("path", { d: "M14.5 9.5l2-2", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("path", { d: "M7.5 14.5l2-2", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("path", { d: "M9.5 9.5l-2-2", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("path", { d: "M14.5 14.5l2 2", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this })) }, { value: "ants", label: "Ant Treatment", basePrice: 247, icon: /*#__PURE__*/ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", className: "w-5 h-5", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("circle", { cx: "12", cy: "8", r: "2", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("circle", { cx: "12", cy: "16", r: "2", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("path", { d: "M12 10v4", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("path", { d: "M9 12l-3 2", __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("path", { d: "M15 12l3 2", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this })) }, { value: "wasps", label: "Wasp Control", basePrice: 247, icon: /*#__PURE__*/ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", className: "w-5 h-5", __source: { fileName: "", lineNumber: 83, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M8 12h8", __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("path", { d: "M12 8v8", __source: { fileName: "", lineNumber: 92, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("circle", { cx: "12", cy: "12", r: "6", __source: { fileName: "", lineNumber: 93, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("path", { d: "M12 6l2-2", __source: { fileName: "", lineNumber: 94, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("path", { d: "M12 18l2 2", __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this })) }, { value: "rodents", label: "Rodent Control", basePrice: 699, icon: /*#__PURE__*/ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", className: "w-5 h-5", __source: { fileName: "", lineNumber: 104, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("circle", { cx: "12", cy: "12", r: "6", __source: { fileName: "", lineNumber: 112, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("circle", { cx: "10", cy: "10", r: "1", __source: { fileName: "", lineNumber: 113, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("circle", { cx: "14", cy: "10", r: "1", __source: { fileName: "", lineNumber: 114, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("path", { d: "M10 14c.5 1 1.5 1 2 1s1.5 0 2-1", __source: { fileName: "", lineNumber: 115, columnNumber: 11 }, __self: this })) }, { value: "preventative", label: "Preventative Service", basePrice: 247, icon: /*#__PURE__*/ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", className: "w-5 h-5", __source: { fileName: "", lineNumber: 124, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z", __source: { fileName: "", lineNumber: 132, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("path", { d: "M12 16l-4-4h8z", __source: { fileName: "", lineNumber: 133, columnNumber: 11 }, __self: this })) }, { value: "other", label: "Other Pest Control", basePrice: 247, icon: /*#__PURE__*/ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", className: "w-5 h-5", __source: { fileName: "", lineNumber: 142, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("circle", { cx: "12", cy: "12", r: "8", __source: { fileName: "", lineNumber: 150, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("path", { d: "M12 8v4", __source: { fileName: "", lineNumber: 151, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("circle", { cx: "12", cy: "16", r: "0.5", __source: { fileName: "", lineNumber: 152, columnNumber: 11 }, __self: this })) } ]; const frequencyOptions = [ { value: "totalYardHome", label: "Total Yard & Home Plan", description: "Most comprehensive protection for home and yard", frequency: "8 visits per year", pestsIncluded: "All common pests + mosquitoes & ticks", warranty: "Full warranty between services", fullDetails: { coverage: "Interior and exterior treatment, 4 times per year + regular yard spraying (8 visits per year)", warranty: "Full warranty coverage between scheduled services", includes: [ "Complete home pest protection", "Targeted yard treatments", "Mosquito, tick, and spider control" ] } }, { value: "homeProtection", label: "Home Protection Plan", description: "Year-round pest control for your home", frequency: "4 visits per year", pestsIncluded: "All common household pests", warranty: "Full warranty between services", popular: true, fullDetails: { coverage: "Interior and exterior treatment, 4 times per year (every 3 months)", warranty: "Full warranty coverage between scheduled services", includes: [ "Interior pest control", "Exterior perimeter protection", "Common household pests and rodents" ] } }, { value: "exteriorDefense", label: "Exterior Defense Plan", description: "Exterior-only pest prevention", frequency: "3 visits per year", pestsIncluded: "Exterior pests only", warranty: "30-day warranty after service", fullDetails: { coverage: "Exterior treatment only, 3 times per year (every 4 months)", warranty: "30-day warranty after each service", includes: [ "Exterior perimeter spraying", "Preventative barrier", "Crawling insect control" ] } }, { value: "oneTime", label: "One-Time Treatment", description: "Single treatment for current pest issues", frequency: "One visit", pestsIncluded: "Targeted pest treatment", warranty: "30-day warranty", fullDetails: { coverage: "One-time interior and exterior treatment", warranty: "30-day warranty for treated pests", includes: [ "Thorough inspection", "Targeted treatment", "Prevention recommendations" ] } } ]; const POST_FALLS_ID_COORDS = { lat: 47.7127, lng: -116.9507 }; const SERVICE_AREAS = [ { city: "Post Falls", state: "ID", bounds: { radius: 5 } }, { city: "Coeur d'Alene", state: "ID", bounds: { radius: 5 } }, { city: "Hayden", state: "ID", bounds: { radius: 5 } }, { city: "Rathdrum", state: "ID", bounds: { radius: 5 } }, { city: "Spokane", state: "WA", bounds: { radius: 10 } }, { city: "Spokane Valley", state: "WA", bounds: { radius: 8 } }, { city: "Liberty Lake", state: "WA", bounds: { radius: 5 } }, { city: "Dalton Gardens", state: "ID", bounds: { radius: 3 } }, { city: "Hauser", state: "ID", bounds: { radius: 3 } }, { city: "Spirit Lake", state: "ID", bounds: { radius: 5 } }, { city: "Athol", state: "ID", bounds: { radius: 5 } }, { city: "Hayden Lake", state: "ID", bounds: { radius: 5 } } ]; const propertySizeOptions = [ { value: "small", label: "Small Property (Up to 1/4 acre)", description: "Typical city/suburban lot" }, { value: "medium", label: "Medium Property (1/4 to 1 acre)", description: "Larger residential lot" }, { value: "large", label: "Large Property (1-5 acres)", description: "Small acreage" }, { value: "xlarge", label: "Extra Large Property (5+ acres)", description: "Large acreage/farm" } ]; const calculatePrice = useCallback(async ()=>{ const { propertyType, pestTypes, frequency, address, propertySize } = formData; if (!propertyType || pestTypes.length === 0 || !frequency || !address || !isAddressInServiceArea(address) || !propertySize) { setPrice(null); setMonthlyPrice(null); setInitialFee(null); return; } try { const response = await fetch("/api/calculate-price", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ propertyType, pestTypes, frequency, address, propertySize }) }); if (!response.ok) { throw new Error("Failed to calculate price"); } const data = await response.json(); if (data.error) { console.error("Price calculation error:", data.error); setPrice(null); setMonthlyPrice(null); setInitialFee(null); return; } const { price, monthlyPrice, initialFee } = data.pricing; setPrice(price); setMonthlyPrice(monthlyPrice); setInitialFee(initialFee); } catch (error) { console.error("Error calculating price:", error); setPrice(null); setMonthlyPrice(null); setInitialFee(null); } }, [ formData ]); useEffect(()=>{ calculatePrice(); }, [ formData, calculatePrice ]); const calculatePlanPrice = useCallback((plan, pestTypes)=>{ if (!formData.propertyType || pestTypes.length === 0 || !formData.propertySize) { return null; } // Base prices for each plan let basePrice; switch(plan.value){ case "totalYardHome": basePrice = 69; break; case "homeProtection": basePrice = 41; break; case "exteriorDefense": basePrice = 25; break; case "oneTime": basePrice = 247; break; default: basePrice = 0; } // Apply property size multiplier let sizeMultiplier = 1; switch(formData.propertySize){ case "medium": sizeMultiplier = 1.1; break; case "large": sizeMultiplier = 1.2; break; case "xlarge": sizeMultiplier = 1.3; break; default: sizeMultiplier = 1; } basePrice = Math.round(basePrice * sizeMultiplier); if (plan.value === "oneTime") { return { price: basePrice, discountedPrice: basePrice }; } // For monthly plans, calculate initial fee with potential discount let monthlyPrice = basePrice; let initialFee = pestTypes.includes("rodents") ? 347 : 125; let discountedInitialFee = discountSubmitted ? Math.round(initialFee * 0.9) : initialFee; return { monthlyPrice, initialFee: discountedInitialFee }; }, [ formData.propertyType, formData.propertySize, discountSubmitted ]); const debounce = (func, wait)=>{ let timeout; return function executedFunction(...args) { const later = ()=>{ clearTimeout(timeout); func(...args); }; clearTimeout(timeout); timeout = setTimeout(later, wait); }; }; const saveAddressInteraction = useCallback(debounce(async (address)=>{ try { await fetch("/api/save-user-interaction", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ interaction_type: "address_entry", address: address }) }); } catch (error) { console.error("Error saving address interaction:", error); } }, 2000), []); const savePartialQuote = useCallback(debounce(async (data)=>{ try { const response = await fetch("/api/save-partial-quote", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ ...data, timestamp: new Date().toISOString() }) }); if (!response.ok) { console.error("Failed to save partial quote"); return; } const airtableResponse = await fetch("/api/airtable-sync", { method: "POST", headers: { "Content-Type": "application/json" } }); if (!airtableResponse.ok) { console.error("Failed to sync with Airtable"); } } catch (error) { console.error("Error saving/syncing quote:", error); } }, 1000), []); const handleInputChange = (e)=>{ const { name, value } = e.target; const newFormData = { ...formData, [name]: value }; setFormData(newFormData); savePartialQuote(newFormData); }; const formatPhoneNumber = (value)=>{ if (!value) return value; const phoneNumber = value.replace(/[^\d]/g, ""); const phoneNumberLength = phoneNumber.length; if (phoneNumberLength < 4) return phoneNumber; if (phoneNumberLength < 7) { return `(${phoneNumber.slice(0, 3)}) ${phoneNumber.slice(3)}`; } return `(${phoneNumber.slice(0, 3)}) ${phoneNumber.slice(3, 6)}-${phoneNumber.slice(6, 10)}`; }; const handlePhoneChange = (e)=>{ const formattedPhoneNumber = formatPhoneNumber(e.target.value); setPhoneNumber(formattedPhoneNumber); }; const handlePhoneSubmit = async (e)=>{ e.preventDefault(); if (phoneNumber.replace(/\D/g, "").length >= 10) { setShowDiscount(true); setDiscountSubmitted(true); try { // Track phone submission await fetch("/api/save-user-interaction", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ interaction_type: "discount_phone_submit", phone_number: phoneNumber, email: email }) }); // Save the quote first const quoteResponse = await fetch("/api/save-quote-and-notify", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ propertyType: formData.propertyType, pestTypes: formData.pestTypes, frequency: formData.frequency, address: formData.address, propertySize: formData.propertySize, price: price, monthlyPrice: monthlyPrice, initialFee: initialFee, phoneNumber: phoneNumber, email: email, discountCode: "SAVE10OFF" }) }); if (!quoteResponse.ok) { console.error("Failed to save quote and send notification"); return; } const quoteData = await quoteResponse.json(); setSavedQuoteId(quoteData.quoteId); // Save the phone submission interaction await fetch("/api/save-quote-interaction", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ quote_id: quoteData.quoteId, interaction_type: "phone_submit", phone_number: phoneNumber, email: email, selected_plan: formData.frequency, selected_price: price, selected_monthly_price: monthlyPrice, selected_initial_fee: initialFee, discount_code: "SAVE10OFF" }) }); } catch (error) { console.error("Error saving quote:", error); } } }; const isAllFieldsExceptAddressFilled = useCallback(()=>{ const { propertyType, pestTypes, frequency, address } = formData; return propertyType && pestTypes.length > 0 && frequency && !address; }, [ formData ]); const handleAddressInputChange = async (e)=>{ const value = e.target.value; setAddressInputValue(value); if (value.length > 2) { saveAddressInteraction(value); } if (value.length > 2) { setIsLoadingAddresses(true); try { const response = await fetch(`/integrations/google-place-autocomplete/autocomplete/json?` + `input=${encodeURIComponent(value)}` + `&radius=40000` + `&location=${POST_FALLS_ID_COORDS.lat},${POST_FALLS_ID_COORDS.lng}`); if (!response.ok) { throw new Error("Failed to fetch address suggestions"); } const data = await response.json(); if (data.status === "OK") { const filteredSuggestions = data.predictions.filter((prediction)=>{ const addressLower = prediction.description.toLowerCase(); return /^\d/.test(prediction.description) && SERVICE_AREAS.some((area)=>addressLower.includes(area.city.toLowerCase()) && addressLower.includes(area.state.toLowerCase())); }); setAddressSuggestions(filteredSuggestions); } else { console.error("Places API error:", data.status); setAddressSuggestions([]); } } catch (error) { console.error("Error fetching address suggestions:", error); setAddressSuggestions([]); } finally{ setIsLoadingAddresses(false); } } else { setAddressSuggestions([]); } }; const handleAddressSelect = async (address)=>{ setAddressInputValue(address.description); setAddressSuggestions([]); try { const detailsResponse = await fetch(`/integrations/google-place-autocomplete/details/json?` + `place_id=${address.place_id}&fields=geometry,formatted_address`); if (!detailsResponse.ok) { throw new Error("Failed to fetch place details"); } const detailsData = await detailsResponse.json(); if (detailsData.status === "OK" && detailsData.result) { const lat = detailsData.result.geometry.location.lat; const lng = detailsData.result.geometry.location.lng; const newFormData = { ...formData, address: address.description }; setFormData(newFormData); savePartialQuote(newFormData); setSelectedLocation({ lat: lat, lng: lng }); } } catch (error) { console.error("Error fetching place details:", error); const newFormData = { ...formData, address: address.description }; setFormData(newFormData); savePartialQuote(newFormData); } }; const isAddressInServiceArea = (address)=>{ if (!address) return false; if (!/^\d/.test(address)) return false; const addressLower = address.toLowerCase(); return SERVICE_AREAS.some((area)=>addressLower.includes(area.city.toLowerCase()) && addressLower.includes(area.state.toLowerCase())); }; const getEmailLink = (specificPricing = null)=>{ let emailSubject = "Pest Control Quote Request"; let emailBody = "I'd like to schedule pest control services for"; if (formData.propertyType && formData.pestTypes.length > 0) { const pestTypeLabels = formData.pestTypes.map((type)=>pestOptions.find((p)=>p.value === type)?.label).filter(Boolean); const propertyTypeText = formData.propertyType === "homeowner" ? "my home" : formData.propertyType === "renter" ? "my rental property" : "my commercial property"; emailBody += ` ${propertyTypeText}. I need ${pestTypeLabels.join(" and ")}.`; } if (formData.frequency) { const selectedPlan = frequencyOptions.find((opt)=>opt.value === formData.frequency); if (selectedPlan) { emailBody += ` I'm interested in the ${selectedPlan.label}`; if (specificPricing?.monthlyPrice !== undefined) { emailBody += ` at $${specificPricing.monthlyPrice}/month with $${specificPricing.initialFee} initial fee`; } else if (specificPricing?.price !== undefined) { emailBody += ` at $${specificPricing.price} one-time`; } emailBody += "."; } } if (formData.address) { emailBody += ` The property address is: ${formData.address}.`; } if (showDiscount) { emailBody += ` I have discount code: SAVE10OFF`; } return `mailto:contact@crosstownpest.com?subject=${encodeURIComponent(emailSubject)}&body=${encodeURIComponent(emailBody)}`; }; const handleSMSClick = async (specificPricing = null)=>{ let message = "I'd like to schedule pest control services for"; if (formData.propertyType && formData.pestTypes.length > 0) { const pestTypeLabels = formData.pestTypes.map((type)=>pestOptions.find((p)=>p.value === type)?.label).filter(Boolean); const propertyTypeText = formData.propertyType === "homeowner" ? "my home" : formData.propertyType === "renter" ? "my rental property" : "my commercial property"; message += ` ${propertyTypeText}. I need ${pestTypeLabels.join(" and ")}.`; } if (formData.frequency) { const selectedPlan = frequencyOptions.find((opt)=>opt.value === formData.frequency); if (selectedPlan) { message += ` I'm interested in the ${selectedPlan.label}`; if (specificPricing?.monthlyPrice !== undefined) { message += ` at $${specificPricing.monthlyPrice}/month with $${specificPricing.initialFee} initial fee`; } else if (specificPricing?.price !== undefined) { message += ` at $${specificPricing.price} one-time`; } message += "."; } } if (formData.address) { message += ` The property address is: ${formData.address}.`; } if (showDiscount) { message += ` I have discount code: SAVE10OFF`; } try { // First save the quote if we don't have a savedQuoteId if (!savedQuoteId) { const quoteResponse = await fetch("/api/save-quote-and-notify", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ propertyType: formData.propertyType, pestTypes: formData.pestTypes, frequency: formData.frequency, address: formData.address, propertySize: formData.propertySize, price: specificPricing?.price, monthlyPrice: specificPricing?.monthlyPrice, initialFee: specificPricing?.initialFee, phoneNumber: phoneNumber, email: email, discountCode: showDiscount ? "SAVE10OFF" : null }) }); if (!quoteResponse.ok) { throw new Error("Failed to save quote"); } const quoteData = await quoteResponse.json(); setSavedQuoteId(quoteData.quoteId); } // Now save the SMS interaction await fetch("/api/save-quote-interaction", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ quote_id: savedQuoteId, interaction_type: "sms_click", phone_number: phoneNumber, selected_plan: formData.frequency, selected_price: specificPricing?.price, selected_monthly_price: specificPricing?.monthlyPrice, selected_initial_fee: specificPricing?.initialFee, discount_code: showDiscount ? "SAVE10OFF" : null }) }); // For Webflow embed, use direct SMS link instead of new window const smsUrl = `sms:2084016122?body=${encodeURIComponent(message)}`; window.top.location.href = smsUrl; } catch (error) { console.error("Error saving SMS interaction:", error); } }; const handleEmailClick = async (specificPricing = null)=>{ try { // First save the quote if we don't have a savedQuoteId if (!savedQuoteId) { const quoteResponse = await fetch("/api/save-quote-and-notify", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ propertyType: formData.propertyType, pestTypes: formData.pestTypes, frequency: formData.frequency, address: formData.address, propertySize: formData.propertySize, price: specificPricing?.price, monthlyPrice: specificPricing?.monthlyPrice, initialFee: specificPricing?.initialFee, phoneNumber: phoneNumber, email: email, discountCode: showDiscount ? "SAVE10OFF" : null }) }); if (!quoteResponse.ok) { throw new Error("Failed to save quote"); } const quoteData = await quoteResponse.json(); setSavedQuoteId(quoteData.quoteId); } // Now save the email interaction await fetch("/api/save-quote-interaction", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ quote_id: savedQuoteId, interaction_type: "email_click", email: email, selected_plan: formData.frequency, selected_price: specificPricing?.price, selected_monthly_price: specificPricing?.monthlyPrice, selected_initial_fee: specificPricing?.initialFee, discount_code: showDiscount ? "SAVE10OFF" : null }) }); // For Webflow embed, use direct mailto link instead of new window const emailLink = getEmailLink(specificPricing); window.top.location.href = emailLink; } catch (error) { console.error("Error saving email interaction:", error); } }; const handlePestTypeToggle = (pestType)=>{ const newPestTypes = formData.pestTypes.includes(pestType) ? formData.pestTypes.filter((type)=>type !== pestType) : [ ...formData.pestTypes, pestType ]; const newFormData = { ...formData, pestTypes: newPestTypes }; setFormData(newFormData); savePartialQuote(newFormData); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white py-12 px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 900, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto", __source: { fileName: "", lineNumber: 901, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 902, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-[#333] mb-4", __source: { fileName: "", lineNumber: 903, columnNumber: 11 }, __self: this }, "Instant Quote"), /*#__PURE__*/ React.createElement("p", { className: "text-[#666] text-lg", __source: { fileName: "", lineNumber: 904, columnNumber: 11 }, __self: this }, "Get your custom quote in 15 seconds")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 md:p-8 mb-6 shadow-sm border-2 border-gray-200", __source: { fileName: "", lineNumber: 909, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#333] mb-6", __source: { fileName: "", lineNumber: 910, columnNumber: 11 }, __self: this }, "Step 1: Tell Us About Your Situation"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 913, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 914, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-[#666] mb-2", __source: { fileName: "", lineNumber: 915, columnNumber: 15 }, __self: this }, "I am a... ", /*#__PURE__*/ React.createElement("span", { className: "text-[#ff4d4d]", __source: { fileName: "", lineNumber: 916, columnNumber: 27 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("select", { name: "propertyType", value: formData.propertyType, onChange: handleInputChange, className: "w-full rounded-md border border-gray-200 py-3 px-4 text-[#333] bg-white text-base focus:outline-none focus:border-[#31D395] focus:ring-1 focus:ring-[#31D395]", __source: { fileName: "", lineNumber: 918, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 924, columnNumber: 17 }, __self: this }, "Select Your Status"), /*#__PURE__*/ React.createElement("option", { value: "homeowner", __source: { fileName: "", lineNumber: 925, columnNumber: 17 }, __self: this }, "Home Owner"), /*#__PURE__*/ React.createElement("option", { value: "renter", __source: { fileName: "", lineNumber: 926, columnNumber: 17 }, __self: this }, "Renter"), /*#__PURE__*/ React.createElement("option", { value: "commercial", __source: { fileName: "", lineNumber: 927, columnNumber: 17 }, __self: this }, "Commercial Property Manager")), formData.propertyType === "renter" && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-[#FFF3E0] border border-[#FFB74D] rounded-md", __source: { fileName: "", lineNumber: 930, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#E65100] text-sm", __source: { fileName: "", lineNumber: 931, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 932, columnNumber: 21 }, __self: this }, "Important Notice:"), " For rental properties, we require direct contact with the property owner or property manager before scheduling any service. Please ensure you have their approval and contact information ready."))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 941, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-[#666] mb-2", __source: { fileName: "", lineNumber: 942, columnNumber: 15 }, __self: this }, "Type of Treatment (Select all that apply)", " ", /*#__PURE__*/ React.createElement("span", { className: "text-[#ff4d4d]", __source: { fileName: "", lineNumber: 944, columnNumber: 17 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-3", __source: { fileName: "", lineNumber: 946, columnNumber: 15 }, __self: this }, pestOptions.map((option)=>/*#__PURE__*/ React.createElement("button", { key: option.value, type: "button", onClick: ()=>handlePestTypeToggle(option.value), className: `flex items-center gap-2 p-3 rounded-lg border-2 ${formData.pestTypes.includes(option.value) ? "border-[#36ca70] bg-[#F0FDF4] text-[#36ca70]" : "border-gray-200 hover:border-[#36ca70] hover:bg-[#F0FDF4]"} transition-colors duration-200`, __source: { fileName: "", lineNumber: 948, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-current", __source: { fileName: "", lineNumber: 958, columnNumber: 21 }, __self: this }, option.icon), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-medium", __source: { fileName: "", lineNumber: 959, columnNumber: 21 }, __self: this }, option.label)))), formData.pestTypes.includes("other") && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-[#FFF3E0] border border-[#FFB74D] rounded-md", __source: { fileName: "", lineNumber: 964, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#E65100] text-sm", __source: { fileName: "", lineNumber: 965, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 966, columnNumber: 21 }, __self: this }, "Note:"), " For other pest control services, an inspection will be required to determine exact pricing. This allows us to properly identify the pest and develop an effective treatment plan specific to your situation."))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 md:p-8 mb-6 shadow-sm border-2 border-gray-200", __source: { fileName: "", lineNumber: 977, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#333] mb-6", __source: { fileName: "", lineNumber: 978, columnNumber: 11 }, __self: this }, "Step 2: Where do you need service?"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 981, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 982, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-[#666] mb-2", __source: { fileName: "", lineNumber: 983, columnNumber: 15 }, __self: this }, "Property Size ", /*#__PURE__*/ React.createElement("span", { className: "text-[#ff4d4d]", __source: { fileName: "", lineNumber: 984, columnNumber: 31 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", __source: { fileName: "", lineNumber: 986, columnNumber: 15 }, __self: this }, propertySizeOptions.map((option)=>/*#__PURE__*/ React.createElement("button", { key: option.value, type: "button", onClick: ()=>handleInputChange({ target: { name: "propertySize", value: option.value } }), className: `flex flex-col items-start p-4 rounded-lg border-2 ${formData.propertySize === option.value ? "border-[#36ca70] bg-[#F0FDF4]" : "border-gray-200"} transition-colors duration-200`, __source: { fileName: "", lineNumber: 988, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-medium text-[#333]", __source: { fileName: "", lineNumber: 1002, columnNumber: 21 }, __self: this }, option.label), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600 mt-1", __source: { fileName: "", lineNumber: 1005, columnNumber: 21 }, __self: this }, option.description))))), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 1013, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-[#666] mb-2", __source: { fileName: "", lineNumber: 1014, columnNumber: 15 }, __self: this }, "Property Address ", /*#__PURE__*/ React.createElement("span", { className: "text-[#ff4d4d]", __source: { fileName: "", lineNumber: 1015, columnNumber: 34 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("input", { type: "text", value: addressInputValue, onChange: handleAddressInputChange, placeholder: "Enter your address", className: "w-full rounded-md border border-gray-200 py-3 px-4 text-[#333] bg-white text-base focus:outline-none focus:border-[#31D395] focus:ring-1 focus:ring-[#31D395]", __source: { fileName: "", lineNumber: 1017, columnNumber: 15 }, __self: this }), isLoadingAddresses && /*#__PURE__*/ React.createElement("div", { className: "absolute right-3 top-12", __source: { fileName: "", lineNumber: 1025, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-spin rounded-full h-5 w-5 border-b-2 border-[#31D395]", __source: { fileName: "", lineNumber: 1026, columnNumber: 19 }, __self: this })), addressSuggestions.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "absolute z-10 w-full mt-1 bg-white rounded-md shadow-lg border border-gray-200", __source: { fileName: "", lineNumber: 1030, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "max-h-60 overflow-auto rounded-md", __source: { fileName: "", lineNumber: 1031, columnNumber: 19 }, __self: this }, addressSuggestions.map((suggestion)=>/*#__PURE__*/ React.createElement("li", { key: suggestion.place_id, onClick: ()=>handleAddressSelect(suggestion), className: "px-4 py-3 hover:bg-gray-50 cursor-pointer text-base text-[#333] border-b border-gray-100 last:border-b-0", __source: { fileName: "", lineNumber: 1033, columnNumber: 23 }, __self: this }, suggestion.description))))), formData.address && !isAddressInServiceArea(formData.address) && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 1047, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#ff4d4d] mb-2", __source: { fileName: "", lineNumber: 1048, columnNumber: 17 }, __self: this }, "Sorry, we currently don't service this area. Please enter an address in our service area.")))), formData.propertyType && formData.pestTypes.length > 0 && formData.address && isAddressInServiceArea(formData.address) && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "bg-[#FF8C1A] rounded-xl p-4 md:p-6 mb-6 shadow-lg max-w-xl mx-auto", __source: { fileName: "", lineNumber: 1062, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 1063, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-white text-center mb-3", __source: { fileName: "", lineNumber: 1064, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-1", __source: { fileName: "", lineNumber: 1065, columnNumber: 21 }, __self: this }, "Get 10% Off Your First Service!"), /*#__PURE__*/ React.createElement("p", { className: "text-white/90 text-sm", __source: { fileName: "", lineNumber: 1068, columnNumber: 21 }, __self: this }, "We'll text you an instant discount code")), /*#__PURE__*/ React.createElement("form", { onSubmit: handlePhoneSubmit, className: "w-full max-w-sm", __source: { fileName: "", lineNumber: 1072, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 1076, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "tel", value: phoneNumber, onChange: handlePhoneChange, placeholder: "(208) 555-0123", autoComplete: "tel", className: "w-[165px] rounded-lg border-2 border-white/20 py-2 px-3 text-[#333] bg-white text-base focus:outline-none focus:border-white focus:ring-2 focus:ring-white/50 placeholder-gray-400", __source: { fileName: "", lineNumber: 1077, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: phoneNumber.replace(/\D/g, "").length < 10 || discountSubmitted, className: `py-2 px-4 rounded-lg font-medium text-base transition-all duration-200 whitespace-nowrap ${discountSubmitted ? "bg-white text-[#FF8C1A] cursor-default" : phoneNumber.replace(/\D/g, "").length < 10 ? "bg-white/50 cursor-not-allowed text-white" : "bg-white text-[#FF8C1A] hover:bg-white/90"}`, __source: { fileName: "", lineNumber: 1085, columnNumber: 23 }, __self: this }, discountSubmitted ? /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 1100, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5 mr-1", viewBox: "0 0 20 20", fill: "currentColor", __source: { fileName: "", lineNumber: 1101, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("path", { fillRule: "evenodd", d: "M10 12a2 2 0 100-4 2 2 0 000 4z", __source: { fileName: "", lineNumber: 1107, columnNumber: 31 }, __self: this }), /*#__PURE__*/ React.createElement("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm0-2a6 6 0 100-12 6 6 0 000 12z", clipRule: "evenodd", __source: { fileName: "", lineNumber: 1111, columnNumber: 31 }, __self: this })), "Sent!") : "Get Code"))), discountSubmitted && /*#__PURE__*/ React.createElement("div", { className: "mt-3 text-center bg-white rounded-lg p-2 w-full max-w-sm", __source: { fileName: "", lineNumber: 1126, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#FF8C1A] font-bold", __source: { fileName: "", lineNumber: 1127, columnNumber: 23 }, __self: this }, "Check your phone for code: SAVE10OFF")))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 md:p-8 mb-6 shadow-sm border-2 border-gray-200", __source: { fileName: "", lineNumber: 1135, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#333] mb-6", __source: { fileName: "", lineNumber: 1136, columnNumber: 17 }, __self: this }, "Step 3: Choose Your Service Plan"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 1139, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-6", __source: { fileName: "", lineNumber: 1140, columnNumber: 19 }, __self: this }, frequencyOptions.map((option)=>{ const pricing = calculatePlanPrice(option, formData.pestTypes); if (!pricing) return null; return /*#__PURE__*/ React.createElement("div", { key: option.value, className: `border-2 rounded-xl p-4 sm:p-6 transition-all duration-200 relative overflow-hidden ${formData.frequency === option.value ? "border-[#36ca70] bg-gradient-to-br from-[#F0FDF4] to-white shadow-lg transform scale-[1.02]" : "border-gray-200 hover:border-[#36ca70] hover:bg-gradient-to-br hover:from-[#F0FDF4] hover:to-white hover:shadow-md"}`, __source: { fileName: "", lineNumber: 1149, columnNumber: 25 }, __self: this }, option.popular && /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 right-0", __source: { fileName: "", lineNumber: 1158, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#FF8C1A] text-white px-3 py-1 rounded-bl-lg text-sm font-medium shadow-sm", __source: { fileName: "", lineNumber: 1159, columnNumber: 31 }, __self: this }, "Most Popular")), option.value === "totalYardHome" && /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 right-0", __source: { fileName: "", lineNumber: 1165, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#36ca70] text-white px-3 py-1 rounded-bl-lg text-sm font-medium shadow-sm", __source: { fileName: "", lineNumber: 1166, columnNumber: 31 }, __self: this }, "Most Protection")), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>handleInputChange({ target: { name: "frequency", value: option.value } }), className: "w-full text-left relative", __source: { fileName: "", lineNumber: 1171, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row justify-between items-start sm:items-center mb-4 sm:mb-6 pt-6 sm:pt-8", __source: { fileName: "", lineNumber: 1183, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 1184, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold text-lg sm:text-xl text-[#333] mb-1 sm:mb-2", __source: { fileName: "", lineNumber: 1185, columnNumber: 33 }, __self: this }, option.label), /*#__PURE__*/ React.createElement("p", { className: "text-[#666] text-sm sm:text-base", __source: { fileName: "", lineNumber: 1188, columnNumber: 33 }, __self: this }, option.description)), /*#__PURE__*/ React.createElement("div", { className: "mt-2 sm:mt-0 text-right flex-shrink-0 sm:ml-4", __source: { fileName: "", lineNumber: 1192, columnNumber: 31 }, __self: this }, option.value === "oneTime" ? /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1194, columnNumber: 35 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl sm:text-3xl font-bold text-[#333]", __source: { fileName: "", lineNumber: 1195, columnNumber: 37 }, __self: this }, "$", pricing.price), /*#__PURE__*/ React.createElement("div", { className: "text-xs sm:text-sm text-[#666]", __source: { fileName: "", lineNumber: 1198, columnNumber: 37 }, __self: this }, "One-time service")) : /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1203, columnNumber: 35 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl sm:text-3xl font-bold text-[#333]", __source: { fileName: "", lineNumber: 1204, columnNumber: 37 }, __self: this }, "$", pricing.monthlyPrice, /*#__PURE__*/ React.createElement("span", { className: "text-base sm:text-lg font-medium text-[#666]", __source: { fileName: "", lineNumber: 1206, columnNumber: 39 }, __self: this }, "/mo")), /*#__PURE__*/ React.createElement("div", { className: "text-xs sm:text-sm text-[#666]", __source: { fileName: "", lineNumber: 1210, columnNumber: 37 }, __self: this }, "$", pricing.initialFee, " initial fee", discountSubmitted && /*#__PURE__*/ React.createElement("span", { className: "text-[#36ca70] ml-1 font-medium", __source: { fileName: "", lineNumber: 1213, columnNumber: 41 }, __self: this }, "(10% off)"))))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-3 sm:gap-6 mb-4", __source: { fileName: "", lineNumber: 1222, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-3 sm:p-4 shadow-sm", __source: { fileName: "", lineNumber: 1223, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-semibold text-[#333] text-sm sm:text-base mb-1 sm:mb-2", __source: { fileName: "", lineNumber: 1224, columnNumber: 33 }, __self: this }, "Frequency"), /*#__PURE__*/ React.createElement("div", { className: "text-[#666] text-sm", __source: { fileName: "", lineNumber: 1227, columnNumber: 33 }, __self: this }, option.frequency)), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-3 sm:p-4 shadow-sm", __source: { fileName: "", lineNumber: 1231, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-semibold text-[#333] text-sm sm:text-base mb-1 sm:mb-2", __source: { fileName: "", lineNumber: 1232, columnNumber: 33 }, __self: this }, "Pests Included"), /*#__PURE__*/ React.createElement("div", { className: "text-[#666] text-sm", __source: { fileName: "", lineNumber: 1235, columnNumber: 33 }, __self: this }, option.pestsIncluded)), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-3 sm:p-4 shadow-sm", __source: { fileName: "", lineNumber: 1239, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-semibold text-[#333] text-sm sm:text-base mb-1 sm:mb-2", __source: { fileName: "", lineNumber: 1240, columnNumber: 33 }, __self: this }, "Warranty"), /*#__PURE__*/ React.createElement("div", { className: "text-[#666] text-sm", __source: { fileName: "", lineNumber: 1243, columnNumber: 33 }, __self: this }, option.warranty))), formData.frequency !== option.value && /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center mt-4 py-2 px-4 bg-[#F0FDF4] rounded-lg border border-[#36ca70]/20", __source: { fileName: "", lineNumber: 1249, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5 mr-2 text-[#36ca70]", viewBox: "0 0 20 20", fill: "currentColor", __source: { fileName: "", lineNumber: 1250, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M10 12a2 2 0 100-4 2 2 0 000 4z", __source: { fileName: "", lineNumber: 1256, columnNumber: 35 }, __self: this }), /*#__PURE__*/ React.createElement("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm0-2a6 6 0 100-12 6 6 0 000 12z", clipRule: "evenodd", __source: { fileName: "", lineNumber: 1257, columnNumber: 35 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-[#36ca70] font-medium", __source: { fileName: "", lineNumber: 1263, columnNumber: 33 }, __self: this }, "Tap to learn more about this plan"))), formData.frequency === option.value && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-3 sm:p-4 bg-white rounded-lg shadow-sm border border-[#36ca70]/20", __source: { fileName: "", lineNumber: 1272, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-[#333] text-sm sm:text-base mb-2 sm:mb-3", __source: { fileName: "", lineNumber: 1273, columnNumber: 33 }, __self: this }, "Full Details:"), /*#__PURE__*/ React.createElement("div", { className: "text-xs sm:text-sm text-[#666] space-y-2", __source: { fileName: "", lineNumber: 1276, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1277, columnNumber: 35 }, __self: this }, option.fullDetails.coverage), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1278, columnNumber: 35 }, __self: this }, option.fullDetails.warranty), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-4 sm:pl-5 space-y-1", __source: { fileName: "", lineNumber: 1279, columnNumber: 35 }, __self: this }, option.fullDetails.includes.map((item, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 1282, columnNumber: 41 }, __self: this }, item))))), /*#__PURE__*/ React.createElement("div", { className: "mt-4 sm:mt-6 grid grid-cols-1 sm:grid-cols-2 gap-3 sm:gap-4", __source: { fileName: "", lineNumber: 1288, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: (e)=>{ e.stopPropagation(); handleSMSClick(pricing); }, className: "flex items-center justify-center px-4 py-2.5 sm:py-3 bg-[#36ca70] hover:bg-[#2bb583] text-white rounded-lg font-semibold transition-colors duration-200 shadow-sm text-sm sm:text-base", __source: { fileName: "", lineNumber: 1289, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-4 w-4 sm:h-5 sm:w-5 mr-2", viewBox: "0 0 20 20", fill: "currentColor", __source: { fileName: "", lineNumber: 1296, columnNumber: 35 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M2 5a2 2 0 012-2h12a2 2 0 012 2v10a2 2 0 01-2 2H4a2 2 0 01-2-2V5zm3.293 1.293a1 1 0 011.414 0l3.293 3.293 3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414-0l-4-4a1 1 0 010-1.414z", __source: { fileName: "", lineNumber: 1302, columnNumber: 37 }, __self: this })), "Get Started via Text"), /*#__PURE__*/ React.createElement("button", { onClick: (e)=>{ e.stopPropagation(); handleEmailClick(pricing); }, className: "flex items-center justify-center px-4 py-2.5 sm:py-3 bg-[#36ca70] hover:bg-[#2bb583] text-white rounded-lg font-semibold transition-colors duration-200 shadow-sm text-sm sm:text-base", __source: { fileName: "", lineNumber: 1306, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-4 w-4 sm:h-5 sm:w-5 mr-2", viewBox: "0 0 20 20", fill: "currentColor", __source: { fileName: "", lineNumber: 1313, columnNumber: 35 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z", __source: { fileName: "", lineNumber: 1319, columnNumber: 37 }, __self: this }), /*#__PURE__*/ React.createElement("path", { d: "M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z", __source: { fileName: "", lineNumber: 1320, columnNumber: 37 }, __self: this })), "Get Started via Email")))); })))), formData.frequency && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 md:p-8 mb-6 shadow-sm border-2 border-gray-200", __source: { fileName: "", lineNumber: 1335, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#333] mb-6", __source: { fileName: "", lineNumber: 1336, columnNumber: 19 }, __self: this }, "Step 4: Get Your Quote"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 1339, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row gap-4", __source: { fileName: "", lineNumber: 1340, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ const selectedPlan = frequencyOptions.find((opt)=>opt.value === formData.frequency); const pricing = calculatePlanPrice(selectedPlan, formData.pestTypes); handleEmailClick(pricing); }, className: "flex-1 bg-[#36ca70] text-white py-3 px-6 rounded-lg font-semibold hover:bg-[#2bb583] transition-colors duration-200", __source: { fileName: "", lineNumber: 1341, columnNumber: 23 }, __self: this }, "Get Started via Email"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ const selectedPlan = frequencyOptions.find((opt)=>opt.value === formData.frequency); const pricing = calculatePlanPrice(selectedPlan, formData.pestTypes); handleSMSClick(pricing); }, className: "flex-1 bg-[#36ca70] text-white py-3 px-6 rounded-lg font-semibold hover:bg-[#2bb583] transition-colors duration-200", __source: { fileName: "", lineNumber: 1356, columnNumber: 23 }, __self: this }, "Get Started via Text")), /*#__PURE__*/ React.createElement("div", { className: "text-center text-[#666] text-sm", __source: { fileName: "", lineNumber: 1372, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1373, columnNumber: 23 }, __self: this }, "We'll send you a detailed quote and contact you to schedule your first service."))))), formData.propertyType === "commercial" && isAddressInServiceArea(formData.address) && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 md:p-8 shadow-sm border-2 border-gray-200", __source: { fileName: "", lineNumber: 1386, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 1387, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#F8F9FA] rounded-lg p-6", __source: { fileName: "", lineNumber: 1388, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-xl font-semibold text-[#333] mb-3", __source: { fileName: "", lineNumber: 1389, columnNumber: 19 }, __self: this }, "Commercial Property Quote"), /*#__PURE__*/ React.createElement("p", { className: "text-[#666] mb-4", __source: { fileName: "", lineNumber: 1392, columnNumber: 19 }, __self: this }, "Commercial jobs require an inspection to provide accurate pricing. This allows us to assess the specific needs of your property and develop a customized treatment plan."), /*#__PURE__*/ React.createElement("p", { className: "text-[#666]", __source: { fileName: "", lineNumber: 1397, columnNumber: 19 }, __self: this }, "Please contact us to schedule a free inspection.")))))); }