function MainComponent() { const { signOut } = useAuth(); const [formData, setFormData] = useState({ name: '', email: '', message: '' }); const [visitCount, setVisitCount] = useState(0); useEffect(()=>{ const fetchAndIncrementCount = async ()=>{ try { await fetch('/api/visits/increment', { method: 'POST' }); const response = await fetch('/api/visits/count', { method: 'POST' }); if (!response.ok) { throw new Error('Failed to fetch visit count'); } const data = await response.json(); setVisitCount(data.count); } catch (error) { console.error('Error updating visit count:', error); } }; fetchAndIncrementCount(); }, []); const handleChange = (e)=>{ setFormData({ ...formData, [e.target.name]: e.target.value }); }; const handleSubmit = (e)=>{ e.preventDefault(); console.error('Form submission functionality needs to be connected to a backend'); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white text-black font-poppins", __source: { fileName: "", lineNumber: 41, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "fixed w-full top-0 bg-[#2c3e50] p-4 z-50", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex justify-between items-center", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-white font-poppins text-xl", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, "Orpal"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-white hover:text-[#3498db] font-poppins", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "/whisper-wall", className: "text-white hover:text-[#3498db] font-poppins", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "Whisper Wall"), /*#__PURE__*/ React.createElement("a", { href: "/contact", className: "text-white hover:text-[#3498db] font-poppins", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, "Contact"), /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "text-white hover:text-[#3498db] font-poppins", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, "Login"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>signOut({ callbackUrl: "/", redirect: true }), className: "text-white hover:text-[#3498db] font-poppins cursor-pointer", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, "Logout")))), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 pt-24 pb-12", __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-center mb-12 text-[#2c3e50]", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto bg-[#f8f9fa] p-8 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", placeholder: "Your Name", value: formData.name, onChange: handleChange, className: "w-full px-4 py-2 rounded bg-white text-[#2c3e50] border border-[#3498db] focus:outline-none focus:border-[#2980b9]", required: true, __source: { fileName: "", lineNumber: 66, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Your Email", value: formData.email, onChange: handleChange, className: "w-full px-4 py-2 rounded bg-white text-[#2c3e50] border border-[#3498db] focus:outline-none focus:border-[#2980b9]", required: true, __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 89, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "message", placeholder: "Your Message", value: formData.message, onChange: handleChange, rows: "5", className: "w-full px-4 py-2 rounded bg-white text-[#2c3e50] border border-[#3498db] focus:outline-none focus:border-[#2980b9] resize-none", required: true, __source: { fileName: "", lineNumber: 90, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#3498db] hover:bg-[#2980b9] text-white font-bold py-2 px-4 rounded transition duration-300", __source: { fileName: "", lineNumber: 101, columnNumber: 13 }, __self: this }, "Send Message"))), /*#__PURE__*/ React.createElement("div", { className: "text-center font-poppins text-[#2c3e50] text-lg mt-8", __source: { fileName: "", lineNumber: 110, columnNumber: 9 }, __self: this }, "Total Visits: ", visitCount))); }