"use client"; function Navigation() { const [menuOpen, setMenuOpen] = React.useState(false); const { data: user, loading } = useUser(); return /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md", __source: { fileName: "", lineNumber: 8, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center px-4 py-4", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/2f11f83c-35b6-447d-b893-7a826b1e787e/-/format/auto/", alt: "Money Map Logo", className: "w-16 h-16", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "md:hidden", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setMenuOpen(!menuOpen), className: "text-blue-600", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bars text-2xl", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("nav", { className: "hidden md:flex justify-center space-x-4", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/finance-bot", className: "text-blue-600 font-roboto hover:underline", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "Financial Tracker"), /*#__PURE__*/ React.createElement("a", { href: "/investment-calculator", className: "text-blue-600 font-roboto hover:underline", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "Investment Calculator"), /*#__PURE__*/ React.createElement("a", { href: "/debt-calculator", className: "text-blue-600 font-roboto hover:underline", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "Debt Calculator"), /*#__PURE__*/ React.createElement("a", { href: "/mortgage-payoff", className: "text-blue-600 font-roboto hover:underline", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "Mortgage Payoff"), /*#__PURE__*/ React.createElement("a", { href: "/about-us", className: "text-blue-600 font-roboto hover:underline", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, "About Us"), /*#__PURE__*/ React.createElement("a", { href: "/contact", className: "text-blue-600 font-roboto hover:underline", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, "Contact"), user ? /*#__PURE__*/ React.createElement("a", { href: "/account/logout", className: "text-red-600 font-roboto hover:underline", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, "Logout") : /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "text-blue-600 font-roboto hover:underline", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, "Sign In"))), menuOpen && /*#__PURE__*/ React.createElement("div", { className: "md:hidden", __source: { fileName: "", lineNumber: 78, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex flex-col items-center space-y-2", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/finance-bot", className: "text-blue-600 font-roboto hover:underline", __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }, "Financial Tracker"), /*#__PURE__*/ React.createElement("a", { href: "/investment-calculator", className: "text-blue-600 font-roboto hover:underline", __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this }, "Investment Calculator"), /*#__PURE__*/ React.createElement("a", { href: "/debt-calculator", className: "text-blue-600 font-roboto hover:underline", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, "Debt Calculator"), /*#__PURE__*/ React.createElement("a", { href: "/mortgage-payoff", className: "text-blue-600 font-roboto hover:underline", __source: { fileName: "", lineNumber: 98, columnNumber: 13 }, __self: this }, "Mortgage Payoff"), /*#__PURE__*/ React.createElement("a", { href: "/about-us", className: "text-blue-600 font-roboto hover:underline", __source: { fileName: "", lineNumber: 104, columnNumber: 13 }, __self: this }, "About Us"), /*#__PURE__*/ React.createElement("a", { href: "/contact", className: "text-blue-600 font-roboto hover:underline", __source: { fileName: "", lineNumber: 110, columnNumber: 13 }, __self: this }, "Contact"), user ? /*#__PURE__*/ React.createElement("a", { href: "/account/logout", className: "text-red-600 font-roboto hover:underline", __source: { fileName: "", lineNumber: 117, columnNumber: 15 }, __self: this }, "Logout") : /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "text-blue-600 font-roboto hover:underline", __source: { fileName: "", lineNumber: 124, columnNumber: 15 }, __self: this }, "Sign In")))); } function NavigationStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 140, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Navigation, { __source: { fileName: "", lineNumber: 141, columnNumber: 7 }, __self: this })); } function MainComponent() { const [form, setForm] = useState({ name: "", email: "", message: "" }); const [submitted, setSubmitted] = useState(false); const [messages, setMessages] = useState([]); const handleSubmit = async (e)=>{ e.preventDefault(); await fetch("/api/db/contact-us-submissions-3313536", { method: "POST", body: JSON.stringify({ query: "INSERT INTO `contact_us_submissions` (name, email, message) VALUES (?, ?, ?)", values: [ form.name, form.email, form.message ] }) }); const userMessage = { role: "user", content: form.message }; setMessages((prev)=>[ ...prev, userMessage ]); setSubmitted(true); setForm({ name: "", email: "", message: "" }); }; return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("link", { rel: "icon", href: "https://ucarecdn.com/3213f58f-56bb-402b-8ffb-961de127e200/-/format/auto/", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement(Navigation, { __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 py-12 px-4 sm:px-6 lg:px-8 pt-20", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto bg-white rounded-xl shadow-lg p-8", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-6", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/6ad036f2-ec54-4006-a289-2d5e60d6473e/-/format/auto/", alt: "Money Map Logo", className: "w-16 h-16", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-roboto font-bold text-[#3B82F6] text-center", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, "Contact Us")), /*#__PURE__*/ React.createElement("p", { className: "text-center text-gray-600 mb-6 font-roboto", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, "We are always looking to improve, so if you have any feedback or questions, let us know."), submitted ? /*#__PURE__*/ React.createElement("div", { className: "text-center text-green-600 font-roboto mb-4", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, "Thank you for your message!") : /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-roboto font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 65, columnNumber: 17 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", value: form.name, onChange: (e)=>setForm({ ...form, name: e.target.value }), className: "w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-blue-500 focus:outline-none", required: true, __source: { fileName: "", lineNumber: 68, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 77, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-roboto font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 78, columnNumber: 17 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: form.email, onChange: (e)=>setForm({ ...form, email: e.target.value }), className: "w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-blue-500 focus:outline-none", required: true, __source: { fileName: "", lineNumber: 81, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 90, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-roboto font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 91, columnNumber: 17 }, __self: this }, "Message"), /*#__PURE__*/ React.createElement("textarea", { name: "message", value: form.message, onChange: (e)=>setForm({ ...form, message: e.target.value }), className: "w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-blue-500 focus:outline-none", rows: "4", required: true, __source: { fileName: "", lineNumber: 94, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-600 text-white py-2 px-4 rounded-lg hover:bg-blue-700 transition-colors font-roboto", __source: { fileName: "", lineNumber: 105, columnNumber: 15 }, __self: this }, "Send Message")), messages.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 114, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-roboto font-bold text-gray-700 mb-2", __source: { fileName: "", lineNumber: 115, columnNumber: 15 }, __self: this }, "Chat History"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 118, columnNumber: 15 }, __self: this }, messages.map((msg, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "p-2 rounded-lg bg-gray-200 text-gray-800", __source: { fileName: "", lineNumber: 120, columnNumber: 19 }, __self: this }, msg.content))))))); }