// PRLX site — contact CTA + footer // // ── HOW THE FORM SENDS ─────────────────────────────────────────────────────── // Submissions POST to Formspree (window.PRLX_FORM.contactEndpoint), which // forwards to info@prlx.com.au. Spam is blocked by Formspree's built-in // protection plus a honeypot field. // ───────────────────────────────────────────────────────────────────────────── function Contact() { const { Button, Input, Divider } = window.PRLXDesignSystem_b1b8b9; const { Icon, useViewport } = window; const ENDPOINT = window.PRLX_FORM.contactEndpoint; const [status, setStatus] = React.useState("idle"); // idle | sending | sent | error const [errorMsg, setErrorMsg] = React.useState(""); const [fieldErrors, setFieldErrors] = React.useState({ email: "", phone: "" }); const { isMobile, isTablet } = useViewport(); const formRef = React.useRef(null); const validateEmail = (v) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test((v || "").trim()) ? "" : "Enter a valid email address"; const validatePhone = (v) => { const digits = (v || "").replace(/\D/g, ""); return digits.length >= 8 && digits.length <= 15 ? "" : "Enter a valid phone number"; }; const handleEmailChange = (e) => { if (fieldErrors.email) setFieldErrors((p) => ({ ...p, email: validateEmail(e.target.value) })); }; const handlePhoneChange = (e) => { const filtered = e.target.value.replace(/[^\d\s\+\-\(\)]/g, ""); if (filtered !== e.target.value) e.target.value = filtered; if (fieldErrors.phone) setFieldErrors((p) => ({ ...p, phone: validatePhone(filtered) })); }; // Inject pulse keyframe once React.useEffect(() => { if (document.getElementById("prlx-check-pulse-kf")) return; const s = document.createElement("style"); s.id = "prlx-check-pulse-kf"; s.textContent = "@keyframes prlxCheckPulse{0%,100%{box-shadow:0 0 0 10px rgba(255,59,48,0.14),0 0 0 22px rgba(255,59,48,0.06)}50%{box-shadow:0 0 0 18px rgba(255,59,48,0.18),0 0 0 34px rgba(255,59,48,0.08)}}"; document.head.appendChild(s); }, []); const handleSubmit = async (e) => { e.preventDefault(); if (status === "sending") return; const fd0 = new FormData(formRef.current); const emailErr = validateEmail(fd0.get("email") || ""); const phoneErr = validatePhone(fd0.get("phone") || ""); if (emailErr || phoneErr) { setFieldErrors({ email: emailErr, phone: phoneErr }); return; } setStatus("sending"); setErrorMsg(""); const fd = new FormData(formRef.current); try { const res = await fetch(ENDPOINT, { method: "POST", headers: { Accept: "application/json" }, body: fd, }); const data = await res.json(); if (res.ok) { setStatus("sent"); } else { setStatus("error"); setErrorMsg((data.errors && data.errors.map(e => e.message).join(", ")) || "Something went wrong — please email info@prlx.com.au directly."); } } catch (err) { setStatus("error"); setErrorMsg("Couldn't reach the server — please email info@prlx.com.au directly."); } }; const resetForm = () => { setStatus("idle"); setErrorMsg(""); setFieldErrors({ email: "", phone: "" }); if (formRef.current) formRef.current.reset(); }; return (
↳ Start a project

Let's roll camera.

Got a brief, a budget, or just a wild idea on a post-it? Drop us a line and let's make something bloody good!

{/* Contact details — kept consistent with the LocalBusiness schema (NAP). */}
{[ { city: "Darwin", lines: ["2/4 Berrimah Road", "Berrimah NT 0828"], tel: "+61400254208", telLabel: "0400 254 208" }, { city: "Hobart", lines: ["Servicing Greater Hobart", "& southern Tasmania"], tel: "+61401216151", telLabel: "0401 216 151" }, ].map((loc) => (
{loc.city}

{loc.lines[0]}
{loc.lines[1]}

(e.currentTarget.style.color = "var(--accent)")} onMouseLeave={(e) => (e.currentTarget.style.color = "#fff")}>{loc.telLabel}
))}
(e.currentTarget.style.color = "var(--accent)")} onMouseLeave={(e) => (e.currentTarget.style.color = "#fff")}>info@prlx.com.au
{status === "sent" ? (

Message sent.

Thanks for reaching out — it's landed in our inbox and we'll be in touch shortly.

) : (
{/* honeypot — hidden from people, catches bots. Formspree silently drops the submission if `_gotcha` is filled. */} } />
} error={!!fieldErrors.email} onChange={handleEmailChange} /> {fieldErrors.email && {fieldErrors.email}}
} error={!!fieldErrors.phone} onChange={handlePhoneChange} /> {fieldErrors.phone && {fieldErrors.phone}}
} /> } /> {status === "error" && errorMsg && (

{errorMsg}

)}
)}
{/* footer */}
(e.currentTarget.style.color = "var(--accent)")} onMouseLeave={(e) => (e.currentTarget.style.color = "var(--prlx-graphite-600)")}> Do you click weird links on the internet?
); } Object.assign(window, { Contact });