function MainComponent() { const { data: user, loading: userLoading } = useUser(); const [listings, setListings] = useState([]); const [loading, setLoading] = useState(true); const [formData, setFormData] = useState({ firstName: "", lastName: "", email: "", phone: "", inquiryType: "buy", propertyInterest: "", message: "" }); const [formSubmitted, setFormSubmitted] = useState(false); const [formError, setFormError] = useState(""); const [activeTab, setActiveTab] = useState("all"); useEffect(()=>{ const fetchListings = async ()=>{ try { const response = await fetch("/api/real-estate/get-listings", { method: "POST" }); if (!response.ok) { throw new Error(`Fehler beim Abrufen der Immobilienangebote: [${response.status}] ${response.statusText}`); } const data = await response.json(); if (data.listings) { const manualListings = [ { id: 1, title: "7.5-Zimmer Villa in Winterberg ZH", description: "Luxuriöse Villa mit großem Garten und Panoramablick", price: 2690000, location: "Winterberg ZH", rooms: 7.5, area: 320, image_url: "https://ucarecdn.com/3fb18234-d35e-4946-a490-a570860e3eee/-/format/auto/", is_active: true, created_at: new Date().toISOString(), type: "buy" }, { id: 2, title: "11.5-Zimmer Wohn- und Geschäftshaus in Freienstein ZH", description: "Vielseitig nutzbares Objekt mit Wohn- und Geschäftsflächen", price: 1790000, location: "Freienstein ZH", rooms: 11.5, area: 450, image_url: "/images/property-placeholder.jpg", is_active: true, created_at: new Date().toISOString(), type: "buy" }, { id: 3, title: "Möbeliertes Studio in Embrach ZH", description: "Gemütliches möbliertes Studio in zentraler Lage", price: 850, location: "Embrach ZH", rooms: 1, area: 35, image_url: "/images/property-placeholder.jpg", is_active: true, created_at: new Date().toISOString(), type: "rent" }, { id: 4, title: "Möbeliertes Studio in Pfungen ZH", description: "Modernes möbliertes Studio mit guter Anbindung", price: 850, location: "Pfungen ZH", rooms: 1, area: 32, image_url: "/images/property-placeholder.jpg", is_active: true, created_at: new Date().toISOString(), type: "rent" }, { id: 5, title: "Möbeliertes Studio in Winterthur-Wülflingen ZH", description: "Helles möbliertes Studio in ruhiger Lage", price: 850, location: "Winterthur-Wülflingen ZH", rooms: 1, area: 30, image_url: "/images/property-placeholder.jpg", is_active: true, created_at: new Date().toISOString(), type: "rent" } ]; setListings(manualListings); } } catch (error) { console.error("Fehler beim Laden der Immobilienangebote:", error); } finally{ setLoading(false); } }; fetchListings(); }, []); const handleInputChange = (e)=>{ const { name, value } = e.target; setFormData({ ...formData, [name]: value }); }; const handleSubmit = async (e)=>{ e.preventDefault(); try { setFormError(""); const response = await fetch("/api/contact/submit", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ formType: "real-estate", formData: formData }) }); if (!response.ok) { throw new Error(`Fehler beim Senden des Formulars: [${response.status}] ${response.statusText}`); } const result = await response.json(); if (result.success) { setFormSubmitted(true); setFormData({ firstName: "", lastName: "", email: "", phone: "", inquiryType: "buy", propertyInterest: "", message: "" }); } else { setFormError(result.error || "Ein Fehler ist aufgetreten. Bitte versuchen Sie es später erneut."); } } catch (error) { console.error("Fehler beim Absenden des Formulars:", error); setFormError("Ein Fehler ist aufgetreten. Bitte versuchen Sie es später erneut."); } }; const filteredListings = activeTab === "all" ? listings : listings.filter((listing)=>listing.type === activeTab); return /*#__PURE__*/ React.createElement("div", { className: "flex min-h-screen w-full flex-col bg-white", __source: { fileName: "", lineNumber: 179, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "sticky top-0 z-10 bg-white shadow-md", __source: { fileName: "", lineNumber: 181, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mx-auto flex max-w-7xl items-center justify-between px-4 py-3 md:px-6", __source: { fileName: "", lineNumber: 182, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 183, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "flex items-center", __source: { fileName: "", lineNumber: 184, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mr-3 h-10 w-16 rounded bg-[#0047AB] text-white", __source: { fileName: "", lineNumber: 185, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex h-full items-center justify-center font-bold", __source: { fileName: "", lineNumber: 186, columnNumber: 17 }, __self: this }, "BFS")), /*#__PURE__*/ React.createElement("h1", { className: "hidden text-lg font-bold text-gray-800 md:block", __source: { fileName: "", lineNumber: 190, columnNumber: 15 }, __self: this }, "Braun Finance Services"))), /*#__PURE__*/ React.createElement("div", { className: "hidden max-w-xl text-center text-sm text-gray-600 md:block", __source: { fileName: "", lineNumber: 196, columnNumber: 11 }, __self: this }, "Ihr vertrauenswürdiger Partner für Finanzen, Immobilien und Automobile."), userLoading ? /*#__PURE__*/ React.createElement("div", { className: "h-6 w-6 animate-spin rounded-full border-2 border-blue-200 border-t-[#0047AB]", __source: { fileName: "", lineNumber: 202, columnNumber: 13 }, __self: this }) : /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 204, columnNumber: 13 }, __self: this }, user ? /*#__PURE__*/ React.createElement("a", { href: "/account/logout", className: "rounded-lg bg-[#0047AB] px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-[#003380]", __source: { fileName: "", lineNumber: 206, columnNumber: 17 }, __self: this }, "Abmelden") : /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "rounded-lg bg-[#0047AB] px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-[#003380]", __source: { fileName: "", lineNumber: 213, columnNumber: 17 }, __self: this }, "Anmelden")))), /*#__PURE__*/ React.createElement("section", { className: "relative flex h-[300px] w-full items-center justify-center bg-[url('/images/real-estate-hero.jpg')] bg-cover bg-center", __source: { fileName: "", lineNumber: 226, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[#0047AB] bg-opacity-70", __source: { fileName: "", lineNumber: 227, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "z-10 mx-auto max-w-4xl px-4 text-center text-white", __source: { fileName: "", lineNumber: 228, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "mb-4 text-3xl font-bold md:text-4xl", __source: { fileName: "", lineNumber: 229, columnNumber: 11 }, __self: this }, "BFS Immobilien"), /*#__PURE__*/ React.createElement("p", { className: "mb-6 text-lg md:text-xl", __source: { fileName: "", lineNumber: 232, columnNumber: 11 }, __self: this }, "Entdecken Sie unsere exklusiven Immobilienangebote und finden Sie Ihr Traumobjekt"))), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 py-2", __source: { fileName: "", lineNumber: 240, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mx-auto max-w-7xl px-4", __source: { fileName: "", lineNumber: 241, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center text-sm text-gray-600", __source: { fileName: "", lineNumber: 242, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "hover:text-[#0047AB]", __source: { fileName: "", lineNumber: 243, columnNumber: 13 }, __self: this }, "Startseite"), /*#__PURE__*/ React.createElement("span", { className: "mx-2", __source: { fileName: "", lineNumber: 246, columnNumber: 13 }, __self: this }, "/"), /*#__PURE__*/ React.createElement("span", { className: "font-medium text-[#0047AB]", __source: { fileName: "", lineNumber: 247, columnNumber: 13 }, __self: this }, "Immobilien")))), /*#__PURE__*/ React.createElement("section", { className: "py-12", __source: { fileName: "", lineNumber: 253, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mx-auto max-w-7xl px-4", __source: { fileName: "", lineNumber: 254, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "mb-8 text-center text-2xl font-bold text-gray-800 md:text-3xl", __source: { fileName: "", lineNumber: 255, columnNumber: 11 }, __self: this }, "Aktuelle Immobilienangebote"), /*#__PURE__*/ React.createElement("div", { className: "mb-8 flex justify-center", __source: { fileName: "", lineNumber: 260, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "inline-flex rounded-md shadow-sm", __source: { fileName: "", lineNumber: 261, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("all"), className: `rounded-l-lg border border-gray-300 px-5 py-2.5 text-sm font-medium ${activeTab === "all" ? "bg-[#0047AB] text-white" : "bg-white text-gray-700 hover:bg-gray-50"}`, __source: { fileName: "", lineNumber: 262, columnNumber: 15 }, __self: this }, "Alle Angebote"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("buy"), className: `border-y border-r border-gray-300 px-5 py-2.5 text-sm font-medium ${activeTab === "buy" ? "bg-[#0047AB] text-white" : "bg-white text-gray-700 hover:bg-gray-50"}`, __source: { fileName: "", lineNumber: 272, columnNumber: 15 }, __self: this }, "Kaufobjekte"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("rent"), className: `rounded-r-lg border-y border-r border-gray-300 px-5 py-2.5 text-sm font-medium ${activeTab === "rent" ? "bg-[#0047AB] text-white" : "bg-white text-gray-700 hover:bg-gray-50"}`, __source: { fileName: "", lineNumber: 282, columnNumber: 15 }, __self: this }, "Mietobjekte"))), loading ? /*#__PURE__*/ React.createElement("div", { className: "flex justify-center py-12", __source: { fileName: "", lineNumber: 296, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-12 w-12 animate-spin rounded-full border-4 border-blue-200 border-t-[#0047AB]", __source: { fileName: "", lineNumber: 297, columnNumber: 15 }, __self: this })) : filteredListings.length > 0 ? /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3", __source: { fileName: "", lineNumber: 300, columnNumber: 13 }, __self: this }, filteredListings.map((listing)=>/*#__PURE__*/ React.createElement("div", { key: listing.id, className: "overflow-hidden rounded-lg bg-white shadow-md transition-transform hover:scale-[1.02]", __source: { fileName: "", lineNumber: 302, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative h-48 overflow-hidden", __source: { fileName: "", lineNumber: 306, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: listing.image_url || "/images/property-placeholder.jpg", alt: listing.title, className: "h-full w-full object-cover", __source: { fileName: "", lineNumber: 307, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 right-0 m-2", __source: { fileName: "", lineNumber: 314, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `inline-block rounded-full px-3 py-1 text-xs font-semibold text-white ${listing.type === "buy" ? "bg-[#0047AB]" : "bg-[#00AB47]"}`, __source: { fileName: "", lineNumber: 315, columnNumber: 23 }, __self: this }, listing.type === "buy" ? "Kaufobjekt" : "Mietobjekt"))), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 326, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "mb-2 text-lg font-semibold text-gray-800", __source: { fileName: "", lineNumber: 327, columnNumber: 21 }, __self: this }, listing.title), /*#__PURE__*/ React.createElement("p", { className: "mb-3 text-sm text-gray-600", __source: { fileName: "", lineNumber: 330, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt mr-1 text-[#0047AB]", __source: { fileName: "", lineNumber: 331, columnNumber: 23 }, __self: this }), " ", listing.location), /*#__PURE__*/ React.createElement("div", { className: "mb-3 flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 334, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "inline-flex items-center rounded-full bg-blue-100 px-2.5 py-0.5 text-xs font-medium text-blue-800", __source: { fileName: "", lineNumber: 335, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-ruler-combined mr-1", __source: { fileName: "", lineNumber: 336, columnNumber: 25 }, __self: this }), " ", listing.area, " m²"), /*#__PURE__*/ React.createElement("span", { className: "inline-flex items-center rounded-full bg-blue-100 px-2.5 py-0.5 text-xs font-medium text-blue-800", __source: { fileName: "", lineNumber: 339, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-door-open mr-1", __source: { fileName: "", lineNumber: 340, columnNumber: 25 }, __self: this }), " ", listing.rooms, " Zimmer"), listing.type === "buy" && /*#__PURE__*/ React.createElement("span", { className: "inline-flex items-center rounded-full bg-blue-100 px-2.5 py-0.5 text-xs font-medium text-blue-800", __source: { fileName: "", lineNumber: 344, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home mr-1", __source: { fileName: "", lineNumber: 345, columnNumber: 27 }, __self: this }), " Eigentum"), listing.type === "rent" && /*#__PURE__*/ React.createElement("span", { className: "inline-flex items-center rounded-full bg-blue-100 px-2.5 py-0.5 text-xs font-medium text-blue-800", __source: { fileName: "", lineNumber: 349, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-key mr-1", __source: { fileName: "", lineNumber: 350, columnNumber: 27 }, __self: this }), " Miete")), /*#__PURE__*/ React.createElement("p", { className: "mb-4 text-sm text-gray-600 line-clamp-2", __source: { fileName: "", lineNumber: 354, columnNumber: 21 }, __self: this }, listing.description), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 357, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-lg font-bold text-[#0047AB]", __source: { fileName: "", lineNumber: 358, columnNumber: 23 }, __self: this }, "CHF ", listing.price.toLocaleString(), listing.type === "rent" && "/Monat"), /*#__PURE__*/ React.createElement("button", { className: "rounded bg-[#0047AB] px-3 py-1 text-sm text-white hover:bg-[#003380]", onClick: ()=>{ setFormData({ ...formData, propertyInterest: listing.title, inquiryType: listing.type === "buy" ? "buy" : "rent" }); document.getElementById("kontaktformular").scrollIntoView({ behavior: "smooth" }); }, __source: { fileName: "", lineNumber: 362, columnNumber: 23 }, __self: this }, "Anfragen")))))) : /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-gray-50 p-8 text-center", __source: { fileName: "", lineNumber: 384, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 385, columnNumber: 15 }, __self: this }, "Derzeit sind keine Immobilienangebote in dieser Kategorie verfügbar.")))), /*#__PURE__*/ React.createElement("section", { id: "kontaktformular", className: "bg-gray-50 py-12", __source: { fileName: "", lineNumber: 395, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mx-auto max-w-3xl px-4", __source: { fileName: "", lineNumber: 396, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "mb-8 text-center text-2xl font-bold text-gray-800 md:text-3xl", __source: { fileName: "", lineNumber: 397, columnNumber: 11 }, __self: this }, "Immobilienanfrage"), formSubmitted ? /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-green-50 p-6 text-center", __source: { fileName: "", lineNumber: 402, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle mb-4 text-4xl text-green-500", __source: { fileName: "", lineNumber: 403, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "mb-2 text-xl font-semibold text-gray-800", __source: { fileName: "", lineNumber: 404, columnNumber: 15 }, __self: this }, "Vielen Dank für Ihre Anfrage!"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 407, columnNumber: 15 }, __self: this }, "Wir werden uns in Kürze mit Ihnen in Verbindung setzen."), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setFormSubmitted(false), className: "mt-4 rounded-lg bg-[#0047AB] px-4 py-2 text-white hover:bg-[#003380]", __source: { fileName: "", lineNumber: 410, columnNumber: 15 }, __self: this }, "Neue Anfrage stellen")) : /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "rounded-lg bg-white p-6 shadow-md", __source: { fileName: "", lineNumber: 418, columnNumber: 13 }, __self: this }, formError && /*#__PURE__*/ React.createElement("div", { className: "mb-4 rounded-lg bg-red-50 p-3 text-red-700", __source: { fileName: "", lineNumber: 423, columnNumber: 17 }, __self: this }, formError), /*#__PURE__*/ React.createElement("div", { className: "mb-6 grid grid-cols-1 gap-4 sm:grid-cols-2", __source: { fileName: "", lineNumber: 428, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 429, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "firstName", className: "mb-1 block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 430, columnNumber: 19 }, __self: this }, "Vorname *"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "firstName", name: "firstName", value: formData.firstName, onChange: handleInputChange, required: true, className: "w-full rounded-lg border border-gray-300 p-2.5 text-sm focus:border-[#0047AB] focus:outline-none focus:ring-1 focus:ring-[#0047AB]", __source: { fileName: "", lineNumber: 436, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 446, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "lastName", className: "mb-1 block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 447, columnNumber: 19 }, __self: this }, "Nachname *"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "lastName", name: "lastName", value: formData.lastName, onChange: handleInputChange, required: true, className: "w-full rounded-lg border border-gray-300 p-2.5 text-sm focus:border-[#0047AB] focus:outline-none focus:ring-1 focus:ring-[#0047AB]", __source: { fileName: "", lineNumber: 453, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mb-6 grid grid-cols-1 gap-4 sm:grid-cols-2", __source: { fileName: "", lineNumber: 465, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 466, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "mb-1 block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 467, columnNumber: 19 }, __self: this }, "E-Mail *"), /*#__PURE__*/ React.createElement("input", { type: "email", id: "email", name: "email", value: formData.email, onChange: handleInputChange, required: true, className: "w-full rounded-lg border border-gray-300 p-2.5 text-sm focus:border-[#0047AB] focus:outline-none focus:ring-1 focus:ring-[#0047AB]", __source: { fileName: "", lineNumber: 473, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 483, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "phone", className: "mb-1 block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 484, columnNumber: 19 }, __self: this }, "Telefon *"), /*#__PURE__*/ React.createElement("input", { type: "tel", id: "phone", name: "phone", value: formData.phone, onChange: handleInputChange, required: true, className: "w-full rounded-lg border border-gray-300 p-2.5 text-sm focus:border-[#0047AB] focus:outline-none focus:ring-1 focus:ring-[#0047AB]", __source: { fileName: "", lineNumber: 490, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 502, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "inquiryType", className: "mb-1 block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 503, columnNumber: 17 }, __self: this }, "Art der Anfrage *"), /*#__PURE__*/ React.createElement("select", { id: "inquiryType", name: "inquiryType", value: formData.inquiryType, onChange: handleInputChange, required: true, className: "w-full rounded-lg border border-gray-300 p-2.5 text-sm focus:border-[#0047AB] focus:outline-none focus:ring-1 focus:ring-[#0047AB]", __source: { fileName: "", lineNumber: 509, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "buy", __source: { fileName: "", lineNumber: 517, columnNumber: 19 }, __self: this }, "Kaufinteresse"), /*#__PURE__*/ React.createElement("option", { value: "rent", __source: { fileName: "", lineNumber: 518, columnNumber: 19 }, __self: this }, "Mietinteresse"), /*#__PURE__*/ React.createElement("option", { value: "sell", __source: { fileName: "", lineNumber: 519, columnNumber: 19 }, __self: this }, "Verkaufsanfrage"), /*#__PURE__*/ React.createElement("option", { value: "info", __source: { fileName: "", lineNumber: 520, columnNumber: 19 }, __self: this }, "Allgemeine Information"))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 524, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "propertyInterest", className: "mb-1 block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 525, columnNumber: 17 }, __self: this }, "Immobilie von Interesse"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "propertyInterest", name: "propertyInterest", value: formData.propertyInterest, onChange: handleInputChange, className: "w-full rounded-lg border border-gray-300 p-2.5 text-sm focus:border-[#0047AB] focus:outline-none focus:ring-1 focus:ring-[#0047AB]", __source: { fileName: "", lineNumber: 531, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 541, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "message", className: "mb-1 block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 542, columnNumber: 17 }, __self: this }, "Ihre Nachricht"), /*#__PURE__*/ React.createElement("textarea", { id: "message", name: "message", value: formData.message, onChange: handleInputChange, rows: "4", className: "w-full rounded-lg border border-gray-300 p-2.5 text-sm focus:border-[#0047AB] focus:outline-none focus:ring-1 focus:ring-[#0047AB]", __source: { fileName: "", lineNumber: 548, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 558, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "rounded-lg bg-[#0047AB] px-6 py-3 font-medium text-white transition-colors hover:bg-[#003380]", __source: { fileName: "", lineNumber: 559, columnNumber: 17 }, __self: this }, "Anfrage senden"))))), /*#__PURE__*/ React.createElement("footer", { className: "mt-auto bg-[#0047AB] py-8 text-white", __source: { fileName: "", lineNumber: 572, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mx-auto max-w-6xl px-4", __source: { fileName: "", lineNumber: 573, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-8 md:grid-cols-2", __source: { fileName: "", lineNumber: 574, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 575, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "mb-4 text-xl font-bold", __source: { fileName: "", lineNumber: 576, columnNumber: 15 }, __self: this }, "BFS Braun Finance Services"), /*#__PURE__*/ React.createElement("p", { className: "mb-2 text-sm", __source: { fileName: "", lineNumber: 579, columnNumber: 15 }, __self: this }, "Ihr vertrauenswürdiger Partner für Finanzen, Immobilien und Automobile."), /*#__PURE__*/ React.createElement("div", { className: "mt-4 flex space-x-4", __source: { fileName: "", lineNumber: 583, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-white hover:text-blue-200", __source: { fileName: "", lineNumber: 584, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook-f", __source: { fileName: "", lineNumber: 585, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-white hover:text-blue-200", __source: { fileName: "", lineNumber: 587, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter", __source: { fileName: "", lineNumber: 588, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-white hover:text-blue-200", __source: { fileName: "", lineNumber: 590, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-linkedin-in", __source: { fileName: "", lineNumber: 591, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-white hover:text-blue-200", __source: { fileName: "", lineNumber: 593, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram", __source: { fileName: "", lineNumber: 594, columnNumber: 19 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 598, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "mb-4 text-xl font-bold", __source: { fileName: "", lineNumber: 599, columnNumber: 15 }, __self: this }, "Impressum"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2 text-sm", __source: { fileName: "", lineNumber: 600, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 601, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 602, columnNumber: 19 }, __self: this }, "Firma:"), " Swiss Finanz & Treuhand AG"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 604, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 605, columnNumber: 19 }, __self: this }, "Firmensitz:"), " Rotkreuz / ZG"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 607, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 608, columnNumber: 19 }, __self: this }, "Adresse:"), " Birkenstrasse 47, 6343 Rotkreuz"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 610, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 611, columnNumber: 19 }, __self: this }, "Status:"), " Aktiv"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 613, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 614, columnNumber: 19 }, __self: this }, "Rechtsform:"), " Aktiengesellschaft"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 616, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 617, columnNumber: 19 }, __self: this }, "ID:"), " CHE-360.121.732")))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 border-t border-blue-400 pt-6 text-center text-sm", __source: { fileName: "", lineNumber: 622, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 623, columnNumber: 13 }, __self: this }, "© 2025 BFS Braun Finance Services. Alle Rechte vorbehalten."))))); }