function MainComponent() { const [language, setLanguage] = useState("de"); const [formData, setFormData] = useState({ companyName: "", foundingYear: "", hasDebtCollection: false }); const [result, setResult] = 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: "Geschäftsrisiko-Kalkulator", subtitle: "Bewerten Sie das Risikoprofil Ihres Unternehmens" }, form: { companyName: "Firmenname", foundingYear: "Gründungsjahr", hasDebtCollection: "Bestehende Betreibungen/Pfändungen", yes: "Ja", no: "Nein", calculate: "Risiko berechnen", reset: "Zurücksetzen" }, results: { high: "Hohes Risiko", elevated: "Erhöhtes Risiko", low: "Geringes Risiko", description: { high: "Das Unternehmen weist ein hohes Geschäftsrisiko auf aufgrund des jungen Alters und bestehender Betreibungen/Pfändungen.", elevated: "Das Unternehmen weist ein erhöhtes Geschäftsrisiko auf.", low: "Das Unternehmen weist ein geringes Geschäftsrisiko auf." } } }, 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: "Business Risk Calculator", subtitle: "Evaluate your company's risk profile" }, form: { companyName: "Company Name", foundingYear: "Founding Year", hasDebtCollection: "Existing Debt Collections/Seizures", yes: "Yes", no: "No", calculate: "Calculate Risk", reset: "Reset" }, results: { high: "High Risk", elevated: "Elevated Risk", low: "Low Risk", description: { high: "The company shows a high business risk due to its young age and existing debt collections/seizures.", elevated: "The company shows an elevated business risk.", low: "The company shows a low business risk." } } } }; const calculateRisk = ()=>{ const currentYear = new Date().getFullYear(); const companyAge = currentYear - parseInt(formData.foundingYear); let riskLevel; if (companyAge <= 2 && formData.hasDebtCollection) { riskLevel = "high"; } else if (companyAge <= 2 && !formData.hasDebtCollection || companyAge <= 5 && formData.hasDebtCollection || companyAge > 5 && formData.hasDebtCollection) { riskLevel = "elevated"; } else { riskLevel = "low"; } setResult({ level: riskLevel, color: riskLevel === "high" ? "red" : riskLevel === "elevated" ? "yellow" : "green" }); }; const resetForm = ()=>{ setFormData({ companyName: "", foundingYear: "", hasDebtCollection: false }); setResult(null); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white relative", __source: { fileName: "", lineNumber: 120, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-white shadow-sm border-b", __source: { fileName: "", lineNumber: 121, 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: 122, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center h-16", __source: { fileName: "", lineNumber: 123, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 124, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-[#e31e24] text-xl font-semibold", __source: { fileName: "", lineNumber: 125, columnNumber: 15 }, __self: this }, "Thalheim Treuhand+")), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex items-center space-x-8", __source: { fileName: "", lineNumber: 129, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Suchen...", className: "px-4 py-2 border rounded-md", __source: { fileName: "", lineNumber: 130, 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: 136, columnNumber: 17 }, __self: this }, item.title)))))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1e4c9a] text-white py-16", __source: { fileName: "", lineNumber: 145, 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: 146, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl md:text-4xl font-light mb-4", __source: { fileName: "", lineNumber: 147, columnNumber: 11 }, __self: this }, content[language].hero.title), /*#__PURE__*/ React.createElement("p", { className: "text-xl md:text-2xl mb-4", __source: { fileName: "", lineNumber: 150, columnNumber: 11 }, __self: this }, content[language].hero.subtitle))), /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-16", __source: { fileName: "", lineNumber: 156, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-xl shadow-lg", __source: { fileName: "", lineNumber: 157, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: (e)=>{ e.preventDefault(); calculateRisk(); }, className: "space-y-6", __source: { fileName: "", lineNumber: 158, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 165, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 166, columnNumber: 15 }, __self: this }, content[language].form.companyName), /*#__PURE__*/ React.createElement("input", { type: "text", value: formData.companyName, onChange: (e)=>setFormData({ ...formData, companyName: e.target.value }), className: "w-full p-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-[#1a3d7c]", required: true, __source: { fileName: "", lineNumber: 169, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 180, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 181, columnNumber: 15 }, __self: this }, content[language].form.foundingYear), /*#__PURE__*/ React.createElement("input", { type: "number", min: "1800", max: new Date().getFullYear(), value: formData.foundingYear, onChange: (e)=>setFormData({ ...formData, foundingYear: e.target.value }), className: "w-full p-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-[#1a3d7c]", required: true, __source: { fileName: "", lineNumber: 184, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 197, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 198, columnNumber: 15 }, __self: this }, content[language].form.hasDebtCollection), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 201, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "flex items-center", __source: { fileName: "", lineNumber: 202, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", checked: formData.hasDebtCollection, onChange: ()=>setFormData({ ...formData, hasDebtCollection: true }), className: "mr-2", __source: { fileName: "", lineNumber: 203, columnNumber: 19 }, __self: this }), content[language].form.yes), /*#__PURE__*/ React.createElement("label", { className: "flex items-center", __source: { fileName: "", lineNumber: 213, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", checked: !formData.hasDebtCollection, onChange: ()=>setFormData({ ...formData, hasDebtCollection: false }), className: "mr-2", __source: { fileName: "", lineNumber: 214, columnNumber: 19 }, __self: this }), content[language].form.no))), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 227, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "flex-1 bg-[#1a3d7c] text-white py-3 rounded-lg hover:bg-[#15316c] transition-colors", __source: { fileName: "", lineNumber: 228, columnNumber: 15 }, __self: this }, content[language].form.calculate), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: resetForm, className: "flex-1 bg-gray-200 text-gray-700 py-3 rounded-lg hover:bg-gray-300 transition-colors", __source: { fileName: "", lineNumber: 234, columnNumber: 15 }, __self: this }, content[language].form.reset))), result && /*#__PURE__*/ React.createElement("div", { className: "mt-8 p-6 rounded-lg border", style: { backgroundColor: `${result.color === "yellow" ? "#fff3cd" : result.color === "red" ? "#f8d7da" : "#d4edda"}` }, __source: { fileName: "", lineNumber: 245, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 251, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-6 h-6 rounded-full mr-3 bg-${result.color === "yellow" ? "[#ffc107]" : result.color === "red" ? "[#dc3545]" : "[#28a745]"}`, __source: { fileName: "", lineNumber: 252, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 255, columnNumber: 17 }, __self: this }, content[language].results[result.level])), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 259, columnNumber: 15 }, __self: this }, content[language].results.description[result.level])))), /*#__PURE__*/ React.createElement("footer", { className: "bg-gray-900 text-white py-12", __source: { fileName: "", lineNumber: 267, 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: 268, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-4 gap-8", __source: { fileName: "", lineNumber: 269, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 270, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-medium mb-2", __source: { fileName: "", lineNumber: 271, columnNumber: 15 }, __self: this }, "Thalheim Treuhand"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 text-sm", __source: { fileName: "", lineNumber: 272, columnNumber: 15 }, __self: this }, "Ihr vertrauenswürdiger Partner für Treuhand und Beratung")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 276, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-medium mb-4", __source: { fileName: "", lineNumber: 277, columnNumber: 15 }, __self: this }, "Kontakt"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 text-sm", __source: { fileName: "", lineNumber: 278, columnNumber: 15 }, __self: this }, "Chamerstrasse 176", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 280, columnNumber: 17 }, __self: this }), "6300 Zug", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 282, columnNumber: 17 }, __self: this }), "Schweiz")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 286, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-medium mb-4", __source: { fileName: "", lineNumber: 287, columnNumber: 15 }, __self: this }, "Links"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 288, columnNumber: 15 }, __self: this }, content[language].nav.map((item)=>/*#__PURE__*/ React.createElement("li", { key: item.title, __source: { fileName: "", lineNumber: 290, 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: 291, columnNumber: 21 }, __self: this }, item.title))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 301, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-medium mb-4", __source: { fileName: "", lineNumber: 302, columnNumber: 15 }, __self: this }, "Öffnungszeiten"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 text-sm", __source: { fileName: "", lineNumber: 303, columnNumber: 15 }, __self: this }, "Montag - Freitag", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 305, 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: 310, columnNumber: 11 }, __self: this }, "© ", new Date().getFullYear(), " Thalheim Treuhand GmbH. Alle Rechte vorbehalten.")))); }