// Quote panels — residential + commercial slide-ins function PanelShell({ open, onClose, title, children }){ if (!open) return null; return ( <>
{title}
{children}
); } function ResidentialQuote({ open, onClose, prefill }){ const [submitted,setSubmitted] = useState(false); return ( {submitted ? (
Quote in motion.

We'll render your actual house in 3D and get your quote back within 48 hours.

) : (
{e.preventDefault();setSubmitted(true)}} style={{display:'flex',flexDirection:'column',gap:18}}> Tell us about your home.
{['Eaves','Soffits','Columns','Landscape'].map(z=>{ const k = z.toLowerCase(); const checked = prefill?.zones?.[k] ?? true; return ( ); })}
Drop property photos here or click to upload
)}
); } function CommercialQuote({ open, onClose }){ const [submitted,setSubmitted] = useState(false); return ( {submitted ? (
Request received.

Our commercial team will reach out within 24 hours to schedule a property walkthrough and 3D rendering.

) : (
{e.preventDefault();setSubmitted(true)}} style={{display:'flex',flexDirection:'column',gap:18}}> Property in play.