function MainComponent() { const [language, setLanguage] = useState("de"); const [formData, setFormData] = useState({ name: "", email: "", phone: "", subject: "", message: "" }); const [loading, setLoading] = useState(false); const [success, setSuccess] = useState(false); const [error, setError] = useState(null); const content = { de: { nav: [ { title: "Startseite", path: "/" }, { title: "Dienstleistungen", path: "/services" }, { title: "Firmengründung", path: "/company-formation" }, { title: "Firmenverkauf", path: "/company-sale" }, { title: "Buchhaltung", path: "/accounting" }, { title: "Über uns", path: "/about" }, { title: "Kontakt", path: "/contact" } ], hero: { title: "Kontaktieren Sie uns", subtitle: "Wir freuen uns auf Ihre Nachricht" }, form: { title: "Kontaktformular", name: "Name", email: "E-Mail", phone: "Telefon", subject: "Betreff", message: "Nachricht", submit: "Nachricht senden", success: "Ihre Nachricht wurde erfolgreich gesendet!", error: "Ein Fehler ist aufgetreten. Bitte versuchen Sie es später erneut." }, contact: { title: "Kontaktinformationen", address: "Chamerstrasse 176, 6300 Zug", phone: "+41 77 983 44 54", email: "info@thalheimtreuhand.ch", hours: "Montag bis Freitag, 08:00 – 17:00 Uhr" } }, en: { nav: [ { title: "Home", path: "/" }, { title: "Services", path: "/services" }, { title: "Company Formation", path: "/company-formation" }, { title: "Company Sale", path: "/company-sale" }, { title: "Accounting", path: "/accounting" }, { title: "About", path: "/about" }, { title: "Contact", path: "/contact" } ], hero: { title: "Contact Us", subtitle: "We look forward to hearing from you" }, form: { title: "Contact Form", name: "Name", email: "Email", phone: "Phone", subject: "Subject", message: "Message", submit: "Send Message", success: "Your message has been sent successfully!", error: "An error occurred. Please try again later." }, contact: { title: "Contact Information", address: "Chamerstrasse 176, 6300 Zug", phone: "+41 77 983 44 54", email: "info@thalheimtreuhand.ch", hours: "Monday to Friday, 08:00 – 17:00" } } }; const handleSubmit = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); try { const response = await fetch("/api/contact", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(formData) }); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } setSuccess(true); setFormData({ name: "", email: "", phone: "", subject: "", message: "" }); } catch (err) { setError(content[language].form.error); console.error("Error sending message:", err); } finally{ setLoading(false); } }; const handleChange = (e)=>{ setFormData({ ...formData, [e.target.name]: e.target.value }); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white relative", __source: { fileName: "", lineNumber: 115, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-white shadow-sm border-b", __source: { fileName: "", lineNumber: 116, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 117, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center h-16", __source: { fileName: "", lineNumber: 118, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 119, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-[#e31e24] text-xl font-semibold", __source: { fileName: "", lineNumber: 120, columnNumber: 15 }, __self: this }, "Thalheim Treuhand+")), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex items-center space-x-8", __source: { fileName: "", lineNumber: 124, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Suchen...", className: "px-4 py-2 border rounded-md", __source: { fileName: "", lineNumber: 125, columnNumber: 15 }, __self: this }), content[language].nav.map((item)=>/*#__PURE__*/ React.createElement("a", { key: item.title, href: item.path, className: "text-gray-700", __source: { fileName: "", lineNumber: 131, columnNumber: 17 }, __self: this }, item.title)))))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1e4c9a] text-white py-16", __source: { fileName: "", lineNumber: 140, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center", __source: { fileName: "", lineNumber: 141, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl md:text-4xl font-light mb-4", __source: { fileName: "", lineNumber: 142, columnNumber: 11 }, __self: this }, content[language].hero.title), /*#__PURE__*/ React.createElement("p", { className: "text-xl md:text-2xl mb-4", __source: { fileName: "", lineNumber: 145, columnNumber: 11 }, __self: this }, content[language].hero.subtitle))), /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16", __source: { fileName: "", lineNumber: 151, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-12", __source: { fileName: "", lineNumber: 152, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 153, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-3xl text-[#1a3d7c] mb-8", __source: { fileName: "", lineNumber: 154, columnNumber: 13 }, __self: this }, content[language].form.title), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 157, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 158, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", value: formData.name, onChange: handleChange, placeholder: content[language].form.name, className: "w-full p-3 border rounded focus:outline-none focus:ring-2 focus:ring-[#1a3d7c]", required: true, __source: { fileName: "", lineNumber: 159, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 169, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: formData.email, onChange: handleChange, placeholder: content[language].form.email, className: "w-full p-3 border rounded focus:outline-none focus:ring-2 focus:ring-[#1a3d7c]", required: true, __source: { fileName: "", lineNumber: 170, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 180, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "tel", name: "phone", value: formData.phone, onChange: handleChange, placeholder: content[language].form.phone, className: "w-full p-3 border rounded focus:outline-none focus:ring-2 focus:ring-[#1a3d7c]", __source: { fileName: "", lineNumber: 181, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 190, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "subject", value: formData.subject, onChange: handleChange, placeholder: content[language].form.subject, className: "w-full p-3 border rounded focus:outline-none focus:ring-2 focus:ring-[#1a3d7c]", required: true, __source: { fileName: "", lineNumber: 191, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 201, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "message", value: formData.message, onChange: handleChange, placeholder: content[language].form.message, className: "w-full p-3 border rounded h-32 focus:outline-none focus:ring-2 focus:ring-[#1a3d7c]", required: true, __source: { fileName: "", lineNumber: 202, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full bg-[#1a3d7c] text-white py-3 rounded hover:bg-[#15316c] transition-colors", __source: { fileName: "", lineNumber: 211, columnNumber: 15 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 217, columnNumber: 19 }, __self: this }) : content[language].form.submit), success && /*#__PURE__*/ React.createElement("div", { className: "text-green-600 text-center", __source: { fileName: "", lineNumber: 223, columnNumber: 17 }, __self: this }, content[language].form.success), error && /*#__PURE__*/ React.createElement("div", { className: "text-red-600 text-center", __source: { fileName: "", lineNumber: 227, columnNumber: 25 }, __self: this }, error))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 231, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-3xl text-[#1a3d7c] mb-8", __source: { fileName: "", lineNumber: 232, columnNumber: 13 }, __self: this }, content[language].contact.title), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 235, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start space-x-4", __source: { fileName: "", lineNumber: 236, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt text-[#1a3d7c] text-xl mt-1", __source: { fileName: "", lineNumber: 237, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 238, columnNumber: 17 }, __self: this }, content[language].contact.address)), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 240, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone text-[#1a3d7c] text-xl", __source: { fileName: "", lineNumber: 241, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: `tel:${content[language].contact.phone}`, className: "hover:text-[#1a3d7c]", __source: { fileName: "", lineNumber: 242, columnNumber: 17 }, __self: this }, content[language].contact.phone)), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 249, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope text-[#1a3d7c] text-xl", __source: { fileName: "", lineNumber: 250, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: `mailto:${content[language].contact.email}`, className: "hover:text-[#1a3d7c]", __source: { fileName: "", lineNumber: 251, columnNumber: 17 }, __self: this }, content[language].contact.email)), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 258, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock text-[#1a3d7c] text-xl", __source: { fileName: "", lineNumber: 259, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 260, columnNumber: 17 }, __self: this }, content[language].contact.hours)), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 262, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { src: "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2724.2975876684026!2d8.515899776891392!3d47.18331297123455!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x479aaa7c resultFromActualAddress!2sChamerstrasse+176%2C+6300+Zug%2C+Switzerland!5e0!3m2!1sen!2sus!4v1620000000000!5m2!1sen!2sus", className: "w-full h-64 rounded-lg", allowFullScreen: "", loading: "lazy", __source: { fileName: "", lineNumber: 263, columnNumber: 17 }, __self: this })))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-gray-900 text-white py-12", __source: { fileName: "", lineNumber: 275, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 276, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-4 gap-8", __source: { fileName: "", lineNumber: 277, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 278, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-medium mb-2", __source: { fileName: "", lineNumber: 279, columnNumber: 15 }, __self: this }, "Thalheim Treuhand"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 text-sm", __source: { fileName: "", lineNumber: 280, columnNumber: 15 }, __self: this }, "Ihr vertrauenswürdiger Partner für Treuhand und Beratung")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 284, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-medium mb-4", __source: { fileName: "", lineNumber: 285, columnNumber: 15 }, __self: this }, "Kontakt"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 text-sm", __source: { fileName: "", lineNumber: 286, columnNumber: 15 }, __self: this }, "Chamerstrasse 176", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 288, columnNumber: 17 }, __self: this }), "6300 Zug", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 290, columnNumber: 17 }, __self: this }), "Schweiz")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 294, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-medium mb-4", __source: { fileName: "", lineNumber: 295, columnNumber: 15 }, __self: this }, "Links"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 296, columnNumber: 15 }, __self: this }, content[language].nav.map((item)=>/*#__PURE__*/ React.createElement("li", { key: item.title, __source: { fileName: "", lineNumber: 298, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: item.path, className: "text-gray-400 hover:text-white text-sm transition-colors", __source: { fileName: "", lineNumber: 299, columnNumber: 21 }, __self: this }, item.title))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 309, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-medium mb-4", __source: { fileName: "", lineNumber: 310, columnNumber: 15 }, __self: this }, "Öffnungszeiten"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 text-sm", __source: { fileName: "", lineNumber: 311, columnNumber: 15 }, __self: this }, "Montag - Freitag", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 313, columnNumber: 17 }, __self: this }), "08:00 - 17:00 Uhr"))), /*#__PURE__*/ React.createElement("div", { className: "border-t border-gray-800 mt-12 pt-8 text-center text-gray-400 text-sm", __source: { fileName: "", lineNumber: 318, columnNumber: 11 }, __self: this }, "© ", new Date().getFullYear(), " Thalheim Treuhand GmbH. Alle Rechte vorbehalten.")))); }