--- import PortfolioBase from "../layouts/PortfolioBase.astro"; let formStatus: "idle" | "success" | "error" = "idle"; let formMessage = ""; if (Astro.request.method === "POST") { try { const formData = await Astro.request.formData(); const name = formData.get("name")?.toString() || ""; const email = formData.get("email")?.toString() || ""; const message = formData.get("message")?.toString() || ""; if (!name || !email || !message) { formStatus = "error"; formMessage = "Please fill in all fields."; } else if (!email.includes("@")) { formStatus = "error"; formMessage = "Please enter a valid email address."; } else { console.log("Contact form submission:", { name, email, message }); formStatus = "success"; formMessage = "Thanks for reaching out! We'll get back to you soon."; } } catch { formStatus = "error"; formMessage = "Something went wrong. Please try again."; } } ---

Get in Touch

{formStatus === "success" ? (

Message Sent

{formMessage}

Send another message
) : (
{formStatus === "error" && (

{formMessage}

)}
)}