function MainComponent() { const [email, setEmail] = useState(""); const [subject, setSubject] = useState(""); const [message, setMessage] = useState(""); const [status, setStatus] = useState({ type: "", message: "" }); const handleSubmit = async (e)=>{ e.preventDefault(); setStatus({ type: "", message: "" }); try { const response = await fetch("/api/support", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email, subject, message }) }); const data = await response.json(); if (data.error) { setStatus({ type: "error", message: data.error }); } else { setStatus({ type: "success", message: "Message sent successfully!" }); setEmail(""); setSubject(""); setMessage(""); } } catch (error) { setStatus({ type: "error", message: "Failed to send message" }); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-[#a8c8e1] to-[#b8d4ea] font-inter", __source: { fileName: "", lineNumber: 34, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "container mx-auto px-6 py-8", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/aac7d174-f00f-4728-9e59-9c2424717fb7/-/format/auto/", alt: "Formerly Logo", className: "h-12 w-auto", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-white hover:text-white/80 transition-colors", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home mr-2", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }), "Back to Home"))), /*#__PURE__*/ React.createElement("main", { className: "container mx-auto px-6 py-12", __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-8 max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/20 backdrop-blur-sm rounded-xl p-8", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold text-white mb-6", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, "Frequently Asked Questions"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 62, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold text-white mb-2", __source: { fileName: "", lineNumber: 63, columnNumber: 17 }, __self: this }, "How does Formerly work?"), /*#__PURE__*/ React.createElement("p", { className: "text-white/90", __source: { fileName: "", lineNumber: 66, columnNumber: 17 }, __self: this }, "Formerly analyzes public X profiles to show you the history of username changes. It's simple, fast, and respects user privacy.")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 72, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold text-white mb-2", __source: { fileName: "", lineNumber: 73, columnNumber: 17 }, __self: this }, "Is Formerly free?"), /*#__PURE__*/ React.createElement("p", { className: "text-white/90", __source: { fileName: "", lineNumber: 76, columnNumber: 17 }, __self: this }, "Yes! Formerly is completely free to use. Just add it to your browser and start discovering username histories.")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold text-white mb-2", __source: { fileName: "", lineNumber: 82, columnNumber: 17 }, __self: this }, "Is my data safe?"), /*#__PURE__*/ React.createElement("p", { className: "text-white/90", __source: { fileName: "", lineNumber: 85, columnNumber: 17 }, __self: this }, "Absolutely. We don't collect any personal information. Check our", " ", /*#__PURE__*/ React.createElement("a", { href: "/privacy", className: "underline hover:text-white", __source: { fileName: "", lineNumber: 88, columnNumber: 19 }, __self: this }, "privacy policy"), " ", "for more details.")))), /*#__PURE__*/ React.createElement("div", { className: "bg-white/20 backdrop-blur-sm rounded-xl p-8", __source: { fileName: "", lineNumber: 98, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold text-white mb-6", __source: { fileName: "", lineNumber: 99, columnNumber: 13 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 100, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 101, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-white mb-2", htmlFor: "email", __source: { fileName: "", lineNumber: 102, columnNumber: 17 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { type: "email", id: "email", value: email, onChange: (e)=>setEmail(e.target.value), className: "w-full px-4 py-2 rounded-lg bg-white/10 border border-white/20 text-white placeholder-white/50 focus:outline-none focus:border-white", placeholder: "your@email.com", required: true, __source: { fileName: "", lineNumber: 105, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 115, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-white mb-2", htmlFor: "subject", __source: { fileName: "", lineNumber: 116, columnNumber: 17 }, __self: this }, "Subject"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "subject", value: subject, onChange: (e)=>setSubject(e.target.value), className: "w-full px-4 py-2 rounded-lg bg-white/10 border border-white/20 text-white placeholder-white/50 focus:outline-none focus:border-white", placeholder: "How can we help?", required: true, __source: { fileName: "", lineNumber: 119, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 129, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-white mb-2", htmlFor: "message", __source: { fileName: "", lineNumber: 130, columnNumber: 17 }, __self: this }, "Message"), /*#__PURE__*/ React.createElement("textarea", { id: "message", value: message, onChange: (e)=>setMessage(e.target.value), className: "w-full px-4 py-2 rounded-lg bg-white/10 border border-white/20 text-white placeholder-white/50 focus:outline-none focus:border-white h-32", placeholder: "Tell us what's on your mind...", required: true, __source: { fileName: "", lineNumber: 133, columnNumber: 17 }, __self: this })), status.message && /*#__PURE__*/ React.createElement("div", { className: `p-4 rounded-lg ${status.type === "error" ? "bg-red-500/20 text-white" : "bg-green-500/20 text-white"}`, __source: { fileName: "", lineNumber: 143, columnNumber: 17 }, __self: this }, status.message), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-white text-[#6b9bc3] px-6 py-3 rounded-lg font-semibold hover:bg-gray-50 transition-colors", __source: { fileName: "", lineNumber: 153, columnNumber: 15 }, __self: this }, "Send Message"))))), /*#__PURE__*/ React.createElement("footer", { className: "container mx-auto px-6 py-8 mt-16", __source: { fileName: "", lineNumber: 164, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center text-white/70", __source: { fileName: "", lineNumber: 165, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 166, columnNumber: 11 }, __self: this }, "© 2025 Formerly. All rights reserved.")))); }